Maps JavaScript の 3D Maps を使用すると、没入感あふれる 3D マップ エクスペリエンスを作成できます。マップのスタイル設定のカスタマイズ、アクセシビリティの向上、使いやすさの改善のためのツールが用意されており、魅力的でインタラクティブなアプリケーションを開発できます。
たとえば、Maps JavaScript API の 3D 地図を使うと以下を行えます。
Maps JavaScript で 3D Maps を使用する理由
Maps JavaScript クラスの 3D Maps では、さまざまなアプリケーションで Google の 3D 画像を使用できます。3D マップには 3D レンダリング エクスペリエンスが組み込まれているため、3D マップを迅速かつシームレスに組み込んだりテストしたりできます。
Maps JavaScript の 3D Maps でできること
- 現実世界のマップ エクスペリエンスを作成する: フォトリアリスティックな 3D 環境で場所を生き生きと表現し、かつてないスケールと詳細を提供します。
- 地図のスタイルをカスタマイズする:
- 3D クラウドベースのマップスタイル設定: 基本地図のスポットの密度と 道路のスタイル設定を制御します。
- カスタム マーカー、ポップオーバー、スタイル設定されたポリライン: マーカーをカスタマイズして 地図上の場所を識別します。
- 3D モデルと gLTF アセット: 建物、 ランドマーク、カスタム オブジェクトの詳細な 3D モデルを追加します。
- 没入感あふれる地図を構築する
- プリセット カメラパス: 事前定義の カメラ アニメーションを使って 3D 地図でユーザーをガイドし、各種スポット間を移動します。
- ユーザー インタラクションを制御する: ユーザーが利用できるコントロールとカメラの動きをカスタマイズします。
Maps JavaScript で 3D Maps を使用する方法
| 1 | セットアップする | JavaScript API を設定する から始めて、その後の設定手順を完了します。 |
| 2 | Maps JavaScript API の課金方法を理解する | 詳しくは、使用量と課金をご覧ください。 |
| 3 | 地図を作成する | 詳しくは、 スタートガイドをご覧ください。 |
対象範囲
Maps JavaScript の 3D Maps のサポート範囲をご確認ください。
次のステップ
- Get startedガイドを確認して、 「Hello World」3D マップを構築します。
- 入門 Codelab で、地図に対象物を追加する方法をご確認ください。
- 次の Codelabで、マーカーとアニメーションの知識を深めます。
- Google の サンプルのコレクションを参照して、ユースケースに適したサンプルを 見つけます。