地図のスタイルを作成して使用する

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

地図のスタイルは、マップ ID に関連付ける地図対象物を視覚的にカスタマイズできる一連の機能です。マップ ID は、カスタマイズされた地図を表示するためにアプリケーション コードで参照されます。

マップ ID を事前に用意しなくても地図のスタイルは作成できますが、スタイルを使用するには、スタイルをマップ ID に関連付けておく必要があります。地図のスタイルを使用するには、次のすべての手順を行う必要があります。

  1. 地図のスタイルを作成して公開する。詳しくは、スタイルを作成するおよびスタイルを公開するをご覧ください。

  2. マップ ID を作成する。詳しくは、マップ ID を作成するをご覧ください。

  3. 地図のスタイルをマップ ID に関連付ける。詳しくは、マップ ID を地図のスタイルに関連付けるをご覧ください。

  4. マップ ID をアプリケーションに追加してスタイルを表示する。詳しくは、マップ ID をアプリに追加するをご覧ください。

地図のスタイルを作成する

地図のスタイルは、次のいずれかの方法で作成します。

  • Google のデフォルトの地図のスタイルを使って、新しいスタイルを作成する。

  • 既存の標準のスタイルやカスタマイズされたスタイルを複製して編集する。

新しいスタイルを作成する

  1. Google Cloud コンソールで [地図のスタイル] に移動して、必要に応じてプロジェクトを選びます。

  2. [地図のスタイル] で、[スタイルを作成] をクリックします。

  3. ダイアログで、必要に応じてバリエーションを選択し、[カスタマイズ] をクリックします。

  4. 地図上の対象物を選択してスタイルを変更し、希望の地図のスタイルを作成します。カスタム スタイルが適用されている地図上の対象物の横には、青い点が表示されます。

  5. [保存] をクリックします。

  6. [地図のスタイルの保存と公開] ボックスでスタイルの名前と説明(任意)を入力し、[保存] をクリックします。

スタイルが自動的に公開され、新しいスタイルのメインページが表示されます。

スタイルを複製する

  1. [地図のスタイル] に移動し、必要に応じてプロジェクトを選択します。

  2. 既存のスタイルのいずれかを選択します。

  3. スタイルのページで、[複製] をクリックします。

  4. [地図のスタイルを複製] ボックスで、新しい地図の名前と説明(任意)を入力します。

  5. [保存] をクリックします。

    そのスタイルが自動的に公開され、新しいスタイルのメインページが表示されます。そのスタイルを地図で使うために、マップ ID を関連付けます。詳しくは、マップ ID を地図のスタイルに関連付けるをご覧ください。

  6. スタイルを変更する場合は、[カスタマイズ] をクリックして変更を加え、[保存] をクリックします。

スタイルを公開する

新しい地図のスタイルを作成すると(既存のスタイルを複製した場合や、JSON スタイルをインポートした場合を含む)、作成した地図のスタイルの最初のインスタンスが自動的に公開されます。その後、変更内容を下書きとして保存し、問題がなければ公開できます。

  1. 公開する地図のスタイル(または複製した地図のスタイル)に変更を加えます。詳しくは、スタイルを変更するをご覧ください。

  2. 編集中に [保存] をクリックします。

  3. 公開する準備ができ、その地図のスタイルを使用しているマップ ID の変更を有効にしたら、[保存]、[公開] の順にクリックします。

地図のスタイルの公開版と下書きの違い

公開版: 公開版の地図のスタイルは公開されています。その地図のスタイルを使用している地図に表示されるのは、スタイルの公開済みバージョンです。

下書き: 地図のスタイルの下書きバージョンは作成中であるため、公開するまで地図には表示されません。

スタイルを変更する

地図のスタイルを変更する場合は、スタイル エディタで直接変更を加えられます。スタイルを更新するには複数の方法があります。

  • 準備ができたらすぐに公開する場合: [カスタマイズ] をクリックして変更を加えます。[保存] をクリックして変更を下書きとして保存し、準備ができたら [公開] をクリックします。

  • 最初にテスト環境で変更をテストする場合: 地図のスタイルに直接変更を加えるのではなく、まずスタイルを複製します。詳しくは、スタイルを複製する地図のスタイルの更新をテストするをご覧ください。

地図のスタイルを作成したら、そのスタイルのメインページで、次のいずれかの方法で変更を加えることができます。

  • 編集: [カスタマイズ] をクリックします。

  • 複製: 詳しくは、スタイルを複製するをご覧ください。

  • 名前を変更: 地図のスタイルの名前を変更します。

  • 削除: 地図のスタイルを削除します。

  • マップ ID を追加: マップ ID をスタイルに関連付けます。

スタイルにマップ ID を関連付ける、スタイルからマップ ID を削除する

スタイルは複数のマップ ID に関連付けることができます。複数の Google マップ アプリに同じスタイルを適用する場合があるためです。ただし、1 つのマップ ID に関連付けられるスタイルは 1 つのみです。

スタイルにマップ ID を追加するには、Google Cloud コンソールで次の操作を行います。

  1. [地図のスタイル] に移動して、スタイルを 1 つ選びます。

  2. [マップ ID を追加] または [マップ ID を編集] を選択します。

  3. [マップ ID を編集] で、マップ ID の横にあるチェックボックスをオンにして、このスタイルに関連付けます。マップ ID を削除するには、チェックボックスをオフにして関連付けを削除します。

  4. [保存] をクリックします。

Cloud ベースのマップのスタイル設定を使うには、そのマップ ID をアプリに追加します。

マップ ID のスタイルを変更する

1 つのマップ ID に関連付けられるスタイルは 1 つのみです。特定のマップ ID に関連付けられたスタイルを変更するには、Google Cloud コンソールで次の操作を行います。

  1. [マップ管理] に移動して、マップ ID を選択します。

  2. [地図のスタイル] で [スタイルを変更] をクリックします。

  3. [ロードマップのスタイルを変更] パネルで、このマップ ID に関連付けるスタイルを選択します。

  4. [完了] をクリックします。

  5. [保存] をクリックして、すべての変更を適用します。

プレビュー用地図の操作方法は、Google マップの操作方法と同じです。

  • [住所を検索] ボックスに、住所か場所を入力します。

  • コンパスをクリックして、自分の現在地を地図の中央に合わせます。場合によっては、位置情報の利用許可を付与する必要があります。

  • 移動するには、地図をドラッグします。

  • ズームインするにはプラス(+)、ズームアウトするにはマイナス(-)を使用します。

地図上の対象物を見つける

スタイルを設定する地図上の対象物を見つけるには、フィルタかマップ インスペクタを使用します。

地図上の対象物のカテゴリを開閉して、目的の対象物を見つけることもできます。地図上の対象物の一覧については、地図でスタイル設定が可能な要素をご覧ください。

地図上の対象物をフィルタする

フィルタを使って地図上の対象物をフィルタするには、[地図上の対象物] の [フィルタ] ボックスにキーワードを入力します。

地図上の対象物が見つからない場合:

  • 英単語で検索する場合、複数形は使用しないでください(すべてのカテゴリで単数形が使用されているため)。

  • 地図上の対象物の検索では、より一般的なキーワードを使用してみてください。たとえば、「ピザ屋」や「ファストフード」ではなく「レストラン」で検索します。

  • より汎用性の高いカテゴリを選択して、そのカテゴリ内で最も目的のものに近い地図上の対象物を探します。たとえば、「劇場」ではなく「エンターテイメント」で検索します。

地図上の対象物を検証する

マップ インスペクタを使って地図上の対象物を見つける手順は、以下のとおりです。

  1. 地図上の任意の場所を左クリックして、クリックしたポイントでマップ インスペクタを開きます。

    マップ インスぺクタがスペース ニードルの上で開き、クリックしたそのポイントで 6 つの地図上の対象物(ランドマーク、スポーツ競技場、ビジネス街、市街地、低木、背景)が一覧で表示されています。

  2. マップ インスペクタから地図上の対象物を選択すると、対応する [地図上の対象物] ペインが展開され、カスタマイズできる要素が表示されます。

    海のマップ インスペクタで、海と背景の地図上の対象物が一覧で表示されています。海が選択され、対応する要素のペインが展開されてポリゴンとラベルのカスタム オプションが表示されています。