マップ ID の概要

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

マップ 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 アプリの地図のスタイルを設定する手順は次のとおりです。

  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 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 を作成する