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