マップ ID は、Google Cloud に保存されている Google マップのスタイル設定と構成設定を表す一意の識別子です。マップ ID を使用すると、ウェブサイトやアプリケーションで機能を有効にしたり、地図を管理したり、スタイル付き地図を設定したりできます。マップ ID は、Google Cloud コンソール プロジェクトの [マップ管理] ページで、必要なプラットフォーム(JavaScript、Android、iOS、静的マップ)ごとに作成できます。
マップ ID の作成方法については、マップ ID の作成方法をご覧ください。
マップ ID でできること
マップ ID を使用して、機能とスタイル設定を有効にします。マップ ID の使用例をいくつかご紹介します。完全なリストについては、マップ ID を使用する機能をご覧ください。
Cloud ベースのマップのスタイル設定: マップ ID を地図のスタイルに関連付けて、Google Cloud コンソールで地図のスタイル設定、カスタマイズ、管理を行います。すべてのプラットフォーム(Android、iOS、JavaScript、Maps Static API)で利用できます。
ベクターマップ: マップ ID を使用して、WebGL を使用してクライアント側で読み込み時に描画されるベクターベースのタイルで構成される地図を使用します。JavaScript で使用可能。
高度なマーカー: マップ ID を使用して高度なマーカーを有効にします。Android、iOS、JavaScript で利用できます。
Cloud ベースのマップのスタイル設定の例
Cloud ベースのマップのスタイル設定を使用して、ウェブサイトと Android アプリの地図のスタイルを設定する手順は次のとおりです。
使用しているプラットフォームごとにマップ ID を作成します。たとえば、JavaScript と Android のマップ ID を作成します。詳しくは、マップ ID を作成するをご覧ください。
Google Cloud コンソールで地図のスタイルを設定します。詳しくは、Cloud ベースのマップのスタイル設定をご覧ください。
Google Cloud コンソールで、両方のマップ ID を地図のスタイルに関連付けます。詳しくは、マップ ID をスタイルに関連付けるをご覧ください。
ウェブサイトの 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 に対する課金が発生します。