地図のスタイルは、マップ ID に関連付けた地図上の対象物を視覚的にカスタマイズできる一連の機能です。マップ ID は、カスタマイズされた地図を表示するためにアプリケーション コードで参照されます。
マップ ID を事前に用意しなくても地図のスタイルは作成できますが、スタイルを使用するには、スタイルをマップ ID に関連付けておく必要があります。地図のスタイルを使用するには、次のすべての手順を行う必要があります。
マップ ID を作成する。詳しくは、マップ ID を作成するをご覧ください。詳しくは、 マップ ID を作成するをご覧ください。
地図のスタイルをマップ ID に関連付ける。詳しくは、マップ ID を地図のスタイルに関連付けるをご覧ください。
マップ ID をアプリケーションに追加してスタイルを表示する。詳しくは、マップ ID をアプリに追加するをご覧ください。
このドキュメントでは、地図のスタイルを作成、編集、公開する方法と、地図のスタイルをマップ ID に関連付ける方法について説明します。
地図のスタイルを作成する
地図のスタイルは、次のいずれかの方法で作成します。
JSON 地図のスタイルをインポートして、カスタマイズされたスタイルとして使用する。
新しいスタイルを作成する
Google Cloud コンソールで [ 地図のスタイル]に移動して、必要に応じてプロジェクトを選びます。
[地図のスタイル] で、[スタイルを作成] をクリックします。
ダイアログの [Google スタイル] タブで、モードを選択します。
- [ライト] を選択すると、明るい環境や屋外環境に最適なライトテーマのスタイルが作成されます。
- Dark を選択すると、暗い環境に最適なダークモードのスタイルが作成されます。
ライトモードとダークモードのスタイルの詳細については、モードと地図のタイプについてをご覧ください。
（省略可）モノクロのバリエーションを地図のスタイルに適用するには、[モノクロ] を選択します。
または、[JSON] タブをクリックして JSON 地図のスタイルをインポートすることもできます。
[カスタマイズ] を選択して、新しい無題のスタイルを作成します。
地図上の対象物を選択してスタイルを変更し、希望の地図のスタイルを作成します。
カスタム スタイルが適用されている地図上の対象物の横には、青い点が表示されます。子スタイルをカスタマイズすると、親スタイルに青い円が表示されます。地図のスタイルの階層について詳しくは、 地図スタイルの継承と階層を理解するをご覧ください。
[保存] をクリックします。
[地図のスタイルの保存と公開] ボックスでスタイルの名前と説明（任意）を入力し、[保存] をクリックします。
スタイルが自動的に公開され、新しいスタイルのスタイルの詳細ページが表示されます。
スタイルをコピーする
[**地図のスタイル**] に移動し、必要に応じてプロジェクトを選択します。
既存のスタイルのいずれかを選択します。
スタイルのページで、[コピーを作成] をクリックします。
[コピーを作成] ダイアログで、新しい地図のスタイルの名前と説明（任意）を入力します。
（省略可）コピーしたスタイルの補完的なライトモードまたはダークモード バージョンを作成するには、[スタイルモード オプション] セクションのチェックボックスをオンにします。
[保存] をクリックします。
そのスタイルが自動的に公開され、新しいスタイルのメインページが表示されます。そのスタイルを地図で使うために、マップ ID を関連付けます。詳しくは、 マップ ID を地図のスタイルに関連付けるをご覧ください。
スタイルを変更する場合は、[カスタマイズ] をクリックして変更を加え、 そして [保存] をクリックします。
スタイルを公開する
新しい地図のスタイルを作成すると、作成した地図のスタイルの最初のインスタンスが自動的に公開されます。その後、変更を下書きとして保存し、問題がなければ公開する必要があります。
地図のスタイルまたは複製した地図のスタイルに変更を加えます。詳しくは、 スタイルを変更するをご覧ください。
[保存] をクリックして、変更を下書きとして保存します。
公開する準備ができ、その地図のスタイルを使用しているマップ ID の変更を有効にしたら、[公開] をクリックします。
地図のスタイルの公開版と下書きの違い
公開版: 公開版の地図のスタイルは公開されています。その地図のスタイルを使用している地図に表示されるのは、スタイルの公開済みバージョンです。
下書き: 地図のスタイルの下書きバージョンは作成中であるため、公開するまで地図には表示されません。
スタイルを変更する
地図のスタイルを変更する場合は、スタイル エディタで直接変更を加えられます。スタイルを更新するには複数の方法があります。
準備ができたらすぐに公開する場合: [カスタマイズ] をクリックして変更を加えます。[保存] をクリックして変更を下書きとして保存し、準備ができたら [公開] をクリックします。
最初にテスト環境で変更をテストする場合: 地図のスタイルに直接変更を加えるのではなく、まずスタイルを複製します。詳しくは、スタイルをコピーすると地図のスタイルの更新をテストするをご覧ください。
地図のスタイルを作成したら、そのスタイルの詳細ページで、次のいずれかの方法で変更を加えることができます。
[編集]: [カスタマイズ] をクリックします。
コピーを作成: 詳しくは、スタイルをコピーするをご覧ください。
名前を変更: 地図のスタイルの名前を変更します。
削除: 地図のスタイルを削除します。
データドリブン スタイル設定とデータセットを使用する
スタイルの詳細ページでは、ライトモード スタイルで、 境界線のデータドリブン スタイル設定と データセットのデータドリブン スタイル設定のレイヤを有効にして表示できます。
データドリブン スタイル設定またはデータセットが有効になっているライトモード スタイルを マップ IDにリンクすると、有効になっているレイヤは ダークモード スタイルでも使用できます。
ダークモード スタイルでデータドリブン スタイル設定またはデータセットを使用するには、 Google Cloud コンソールで次の操作を行う必要があります。
[地図のスタイル] に移動して、ライトモード スタイルを選択するか、 作成します。
スタイルの詳細ページで、ライトモード スタイルで任意のレイヤを有効にします。
ライトモード スタイルをダークモード スタイルと同じマップ IDに関連付けます。
スタイルをマップ ID に関連付ける
スタイルをマップ ID に関連付けて、ウェブサイト やアプリにカスタム スタイルを表示します。マップ ID に関連付けることができるライトモード スタイルは 1 つ、 ダークモード スタイルは 1 つのみです。
マップ ID に関連付けられたスタイルを変更するには、Google Cloud コンソールで次の操作を行います。
[地図の管理] に移動して、マップ ID を選択します。
[地図のスタイル] セクションで、ライトモードまたは ダークモードの [編集] をクリックします。
パネルで、このマップ ID に関連付けるスタイルを選択します。
[完了] をクリックします。
（省略可）スタイルをさまざまな地図のタイプに適用します。
デフォルトでは、スタイルは使用可能なすべての地図のタイプ（
roadmapterrain、2D hybrid、3D hybrd、navigation）に適用されます。スタイルを 特定の地図のタイプに適用するには、[Show more] をクリックし、ライトモードとダークモードの両方で表示される地図のタイプごとにチェックボックスをオンにします。 代わりに、そのモードのデフォルトの Google マップのスタイルを適用するには、地図のタイプのチェックボックスをオフにします。地図のタイプの詳細については、モードと地図のタイプについてをご覧ください。
[保存] をクリックして、すべての変更を適用します。
Cloud ベースのマップのスタイル設定を使うには、 そのマップ ID をアプリに追加します。