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 や WebSocket など）からライブ GPS 座標と移動経路を表示するには、Maps JavaScript API と高度なマーカー（
AdvancedMarkerElementリファレンス）およびポリライン（Polylineリファレンス）を使用します。Fleet Engine は、モバイル Driver SDK とバックエンド OAuth または JSON ウェブトークン（JWT）を統合するライドシェアリングとスケジュール設定された配送フリート用に予約します。 - ルート計画と配車: Routes Library を使用します。
- 経由地、移動時間、距離、通行料金を含むルートを計算して地図上に描画するには、
Route.computeRoutes()を使用します。 - 複数の出発地と目的地にわたって最も近いドライバー、車両、倉庫を見つけるには、
RouteMatrix.computeRouteMatrix()を使用します。 - サーバーで時間枠を指定して複数の車両をスケジュールするには、Route Optimization API を使用します。
- 経由地、移動時間、距離、通行料金を含むルートを計算して地図上に描画するには、
- 店舗検索と会場マップ: カスタムのピンとフィルタを使用して、店舗、会場、支店を地図上に表示するには、高度なマーカー（
AdvancedMarkerElementリファレンス）とプレイス ライブラリを使用して、場所を検索し、その詳細を読み込みます。 - 地図上のジオフェンスと安全ゾーンの半径: 円形または多角形の境界線を描画し、座標がその内側にあるかどうかをテストするには（ジオフェンスと安全ゾーンの境界線を参照）、円（
Circleリファレンス）、多角形（Polygonリファレンス）、Geometry ライブラリ（包含についてはcontainsLocation()、メートル単位の距離についてはcomputeDistanceBetween()）を使用します。
以前の API とその代替 API
DirectionsServiceとDistanceMatrixServiceは、2026 年 2 月 25 日をもって非推奨となりました。代わりにRouteとRouteMatrixを使用してください。google.maps.Markerは、2024 年 2 月 21 日にサポートが終了しました。代わりにAdvancedMarkerElementを使用してください。PlacesServiceは、2025 年 3 月 1 日以降、新規顧客にはご利用いただけません。代わりにPlaceクラスを使用してください。