マップ ID の概要

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

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

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

マップ ID でできること

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

  • Cloud ベースのマップのスタイル設定: マップ ID を地図のスタイルに関連付けて、Google Cloud コンソールを使用して地図のスタイル設定、カスタマイズ、管理を行います。すべてのプラットフォーム（ Android、 iOS、 JavaScript、 およびMaps Static API）で利用できます。

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

  • 高度なマーカー: マップ ID を使用して、高度なマーカーを有効にします。AndroidAndroid

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

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

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

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

  3. 両方のマップ ID を Google Cloud コンソールの地図のスタイルに関連付けます。 詳しくは、マップ 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 JavaScript API ウェブページに表示される地図のスタイルを設定します。
Maps SDK for Android Android アプリケーションに表示される地図のスタイルを設定します。1
Maps SDK for iOS iOS アプリケーションに表示される地図のスタイルを設定します。1
Maps Static API 静的画像としてレンダリングされる地図を指定してスタイルを設定します。
モビリティ ソリューション Maps JavaScript API と Android および iOS 用 SDK を使用して、モビリティ ソリューションの地図のスタイルを設定します。1
Navigation SDK for Android Android アプリケーションに表示される地図のスタイルを設定します。1
Navigation SDK for iOS iOS アプリケーションに表示される地図のスタイルを設定します。1
WebGL（ベクターマップ） JavaScript ベクターマップ ID を使用して WebGL 機能を有効にします。

1 Maps SDK for Android、Maps SDK for iOS、Navigation SDK for Android、Navigation SDK for iOS でマップ ID を使用すると、Dynamic Maps SKU で課金対象となる地図の読み込みが発生します。

次のステップ

マップ ID を作成する