Maps JavaScript API はクライアントサイド ウェブ API です。世界中のあらゆる場所を表示する地図を作成したり、独自のカスタム グラフィック、アニメーション、インタラクティブなカスタム データレイヤを追加したりできるほか、Maps JavaScript API の Places API を使用して位置認識対象物を作成することもできます。Maps JavaScript API を使うと次のことができます。
- 2D / 3D 地図を作成して、世界中のあらゆる場所を表示する。
- 地図上の場所を示す、カスタマイズ可能なマーカーを追加する。
- プレイス ライブラリを使って、2 億か所を超える場所の位置情報を取得する。
- 地図のスタイルと色をカスタマイズする。
- 独自のインタラクティブなカスタム データレイヤを追加する。
- 行政区域の境界線を表示して、インタラクティブな境界線にする。
- カスタムの 2D / 3D グラフィックとアニメーション コンテンツを地図に追加する。
ユースケースに適した API を選択する
コードを記述する前に、ウェブ アプリケーションの要件に合った Google Maps Platform サービスを選択します。
- ウェブサイトの連絡先地図とルート: カスタム JavaScript を記述せずに、ビジネス拠点の地図やルートリンクを埋め込むには、Maps Embed API または Maps URL を使用します。
- リアルタイムの位置情報とアセットのトラッキング: 独自のデータベースまたはリアルタイム ストリーム（Cloud Firestore や WebSockets など）からリアルタイムの GPS 座標と移動経路を表示するには、Maps JavaScript API と高度なマーカー（
AdvancedMarkerElementリファレンス）およびポリライン（Polylineリファレンス）を使用します。Fleet Engine は、モバイル Driver SDK とバックエンド OAuth または JSON ウェブトークン（JWT）を統合するライドシェアリングとスケジュール設定された配送フリート用に予約します。 - 地図上のジオフェンスと安全ゾーンの半径: 円形または多角形の境界線を描画し、座標がその内側にあるかどうかをテストするには（ジオフェンスと安全ゾーンの境界線を参照）、円（
Circleリファレンス）、多角形（Polygonリファレンス）、Geometry ライブラリ（包含についてはcontainsLocation()、メートル単位の距離についてはcomputeDistanceBetween()）を使用します。