Skip to content
プロダクト
ソリューション
業種別
用途別
関連情報
プロダクト
ソリューション
業種別
用途別
関連情報
プロダクト
ソリューション
業種別
用途別
関連情報

デモギャラリー

Google の次世代型地図から自分自身の地図を作成する方法をご紹介します。

地図上で可視化された交通状況
3D データの可視化
膨大なデータセットを可視化して分析

Google Earth Engine からエクスポートした Google Cloud BigQuery のデータを使用して、ナイル川デルタ地帯の水資源を示す 3D ヒートマップを探索します。

Explore a 3D heatmap of water availability in the Nile Delta region
主なサービス
Deck.gl
Deck.gl でデータを基に現実世界を再現

Deck.gl は、大規模な地理空間データセットを基に 2D および 3D 画像を簡単に作成できる、オープンソースのウェブ向けデータ可視化フレームワークです。複数のレイヤを合成して、現実世界の状況に沿って複雑なデータを分析し、価値の高いインサイトを取得することができます。

Circles and lines representing geospatial data on a map
旅行アプリのデモ
WebGL 対応のインタラクティブなデモで世界を旅行

WebGL 対応のマップによる次世代の地図を利用できます。また、3 次元の地図を制御、レンダリングして異なる世界を再現する方法もご紹介します。

An airplane following a path on a map
地図のカスタマイズ
新しいクラウドベースの地図のカスタマイズ機能をテストドライブに利用

カスタムの地図スタイルをウェブで直接作成できるようになりました。新しいクラウドベースの地図スタイル設定を使用すると、業種や顧客のニーズに応じて地図を簡単に調整できます。カスタムの地図をすばやく作成して、更新内容をすべてのデバイスとプラットフォームで同時に公開することができますので、ぜひお試しください。

A green and black map that is heavily stylized
主なサービス
WebGL 対応の機能
WebGL を活用した地図と Dynamic Maps API の最新情報をご確認ください。

新しい機能は次のとおりです。

  • チルト、回転: 3 次元の地図を制御できるようになりました。オブジェクトの大きさを調整して、他のオブジェクトの背後に埋め込むことができます。
  • カメラ制御機能を統合: すべてのパラメータを即座にまとめて更新し、独自のカメラ アニメーションを導入することができます。
  • WebGL オーバーレイ ビュー: これを使用すると、2D および 3D オブジェクトを基本地図に直接レンダリングできます。
A 3D map tilted to show the location of a church
主なサービス
Delivery Tycoon
ゲーム「Delivery Tycoon」で Google Maps Platform に対抗

この愉快なゲームでは、独自の配送ルートを作成して、Google Maps Platform で最適化されたルートに勝てるかどうか確認することができます。

Two delivery trucks with ice cream cones facing off against each other
Floom
地図と拡張現実を組み合わせて地球の裏側を探索できる、楽しい拡張現実アプリ「Floom」

Floom uses your location, and creates a tunnel to the other side of the globe - right in your browser. It was built by Google Creative Lab using the WebXR API and Dynamic Maps API.

Note: Floom is currently only available using Chrome on Android devices.

A portal-like tunnel in the floor, revealing a beach on the other side
主なサービス
iNaturalist
400 万を超える人たちと自然界に関する観察記録を共有

カリフォルニア科学アカデミーとナショナル ジオグラフィック協会の共同プロジェクトである iNaturalist では、世界中の生命体との出会いを記録できます。これまでに共有された 7,500 万件を超える観察記録を基に、クラウドソーシングされたデータがクラウドに保存され、生命体が見つかった時期と場所を科学者が把握する際に役立てられます。

Hundreds of red, green, and blue pins covering a map
スマートシティ
Google Maps API WebGL の 3D 機能を使ってデジタルツインを実装する方法を確認しましょう。

Ubilabs は、現実世界でテストする前にデジタルツインを使ってデジタル分析とシナリオを実行するデモ「Moving Hamburg」を作成しました。

Map of travel routes in Hamburg, Germany
主なサービス
3D Driving Simulator
3D の Google マップで好きな場所をドライブ

パリの街を駆け抜けたり、近所で日曜のドライブに出かけたり、砂漠でラリーをしたり。どれも 3D の Google マップ上で楽しめます。パソコン、タブレット、スマートフォンを使って世界中どこでもドライブしましょう。

Image from 3D driving simulator game
主なサービス
WebGL and CARTO
Explore a sample data visualization story that showcases the possibilities of custom maps.

Google Maps Platform and CARTO have collaborated to bring rich data visualization to web maps. This example uses multiple methods of visualization to tell the story of the potential electrification of truck fleets.

A spinning view of Texas, with different parts of the state highlighted in bright magenta
機能
Data-driven styling
Style boundaries with or without your business data.

Check out a variety of use cases enabled by data-driven styling. It allows you to easily display, and style Google’s polygons for administrative boundaries, or add your business data to create choropleth maps.

A choropleth map in shades of red
主なサービス
Interactive city tour
Explore two unique cities and learn how to build your own custom maps.

Take a grand tour through Barcelona and retro Tokyo to explore historical landmarks and unearth hidden mementos. See how Google Maps Platform products can help you build unique, interactive geospatial experiences.

Split images of game intro screens
Advanced Markers
Easily create custom interactive markers.

In this demo see how you can customize the Google Maps red pin and create custom markers with SVGs, PNGs or HTML elements—all directly in your code.

Map of the US with location markers
機能
SkyTruth
環境汚染事故に関する最新の情報をチェックしましょう。

SkyTruth は環境汚染事故が発生するとさまざまな地図を使って追跡し、事故の様子を表示して情報を一般に公開しています。登録すれば誰でも、関心のある地域で事故が発生した際にアラートを受け取り、リアルタイムの地図情報を得ることができます。

A map of environmental incidents
主なサービス
クレイシティの街並み
クレイシティの街並み
Google Maps Platform
Google Maps Platform の利用