マップ ID の概要

プラットフォームを選択: Android iOS JavaScript ウェブサービス

マップ ID は、Google Cloud に保存されている Google マップのスタイル設定と構成設定を表す一意の識別子です。マップ ID を使用して、ウェブサイトやアプリケーションで機能を有効にしたり、地図を管理したり、スタイルを設定したりします。Google Cloud コンソールのプロジェクトの [マップ管理] ページで、JavaScript、Android、iOS、静的マップなど、必要なプラットフォームごとにマップ ID を作成できます。

マップ ID の作成方法については、マップ ID の作成方法をご覧ください。

地図 ID でできること

マップ ID を使用して、機能とスタイル設定を有効にします。マップ ID の使用例をいくつか示します。完全なリストについては、マップ ID を使用する機能をご覧ください。

  • クラウドベースの地図のスタイル設定: マップ ID を地図のスタイルに関連付けて、Google Cloud Console を使用して地図のスタイル設定、カスタマイズ、管理を行います。すべてのプラットフォーム(AndroidiOSJavaScriptMaps Static API)で利用できます。

  • ベクターマップ: マップ ID を使用して、ベクターベースのタイルで構成されたマップを使用します。このマップは、読み込み時にクライアントサイドで WebGL を使用して描画されます。JavaScript で使用できます。

  • 高度なマーカー: マップ ID を使用して高度なマーカーを有効にします。AndroidiOSJavaScript で利用できます。

Cloud ベースのマップのスタイル設定の例

Cloud ベースのマップのスタイル設定を使用してウェブサイトや Android アプリの地図のスタイルを設定する手順は次のとおりです。

  1. 使用するプラットフォームごとにマップ ID を作成します。たとえば、JavaScript と Android のマップ ID を作成します。詳しくは、マップ ID を作成するをご覧ください。

  2. Google Cloud コンソールで地図のスタイルを設定します。詳しくは、Cloud ベースのマップのスタイル設定をご覧ください。

  3. Google Cloud コンソールで、両方のマップ ID を地図のスタイルに関連付けます。詳しくは、マップ ID をスタイルに関連付けるをご覧ください。

  4. ウェブサイトの JavaScript と Android アプリのコードでマップ ID を参照します。詳しくは、マップ ID をアプリに追加するをご覧ください。

マップ ID に関連付けられた地図のスタイルがウェブサイトと Android アプリに表示されます。Cloud コンソールで地図のスタイルを更新すると、変更が両方に自動的に反映されるため、ユーザーがアプリを更新する必要はありません。

マップ ID を使用する機能

次の表は、地図 ID を使用する Google Maps Platform の機能と API を示しています。

機能または API マップ ID を使用してこれらの目標を達成する
高度なマーカー 高度なマーカーを有効にします。マップ ID を作成する必要はありません。代わりに、デモ マップ ID DEMO_MAP_ID を使用できます。
境界線用データドリブン スタイル設定 マップ ID を境界線とスタイル設定のセットに関連付けて、境界線に従って地図のスタイルを設定します。
データセットのデータドリブン スタイル設定 マップ ID をデータとスタイル設定のセットに関連付けて、データセットに従って地図のスタイルを設定します。
Flutter Flutter アプリで使用される Google マップのスタイルを設定します。
Maps Embed API ウェブページに埋め込む地図を指定してスタイルを設定します。
Maps JavaScript API ウェブページに表示する地図のスタイルを設定します。
Maps SDK for Android Android アプリに表示する地図のスタイルを設定します。1
Maps SDK for iOS iOS アプリケーションに表示する地図のスタイルを設定します。1
Maps Static API 静止画像としてレンダリングする地図を指定してスタイルを設定します。
モビリティ ソリューション Maps JavaScript API と Android および iOS 用の SDK を使用して、モビリティ ソリューションの地図のスタイルを設定します。1
WebGL(ベクターマップ) JavaScript ベクターマップ ID を使用して WebGL 機能を有効にします。

1 Maps SDK for Android または Maps SDK for iOS でマップ ID を使用すると、マップが読み込まれて Dynamic Maps SKU に対する課金が発生します。

次のステップ

マップ ID を作成する