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

プラットフォームを選択: 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 つのみです。

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

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

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

  4. [保存] を選択します。

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

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

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

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

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

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

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

スタイルを設定する地図上の対象物を見つけるには、[地図上の対象物] の [フィルタ] ボックスにキーワードを入力します。

地図上の対象物のカテゴリを開閉して、目的の対象物を見つけることもできます。

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

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

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

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

  • 地図上の対象物の一覧については、地図でスタイル設定が可能な要素をご覧ください。