マップ ID の概要

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

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

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

地図 ID でできること

マップ ID を使用して、対象物とスタイル設定を有効にします。地図 ID の使用例をいくつか示します。一覧については、マップ ID を使用する機能をご覧ください。

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

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

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

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

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

  1. 使用するプラットフォームごとにマップ ID を作成します。たとえば、JavaScript マップ ID と 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 を作成する