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