表示対象: この対象物は、Android、iOS、JavaScript、Maps Static 上に表示されます。
表示中の地図のズームレベルに応じて対象物をハイライト表示することで、ユーザーのニーズに合わせて地図をカスタマイズできます。たとえば、ユーザーが特定の場所をズームインしたら、その地図上の場所や道路がハイライト表示されるようにできます。
地図上の対象物の要素は、地図のあらゆるズームレベルで常に同じスタイルで表示するよう設定できます。また、一部の要素については、ズームレベルの違いに応じて別のスタイルにすることもできます。
すべての対象物でズームレベルをカスタマイズできるわけではありません。地図上の対象物の要素の中で、ズームレベル スタイリングが可能なものには、右側にひし形のアイコンがあります。
ズームレベル スタイリングを理解する
ズームレベルは 0 から始まり、最大の 22 までズームアウトすると世界全体が表示されます。また、最大限にズームインすると、その地図の最も細かい要素が表示されます。keyzoom は、新しいスタイルの適用を始めるズームレベルです。
地図上の対象物に対し、さまざまなズームレベルごとに異なるスタイルを設定した場合、各スタイルは指定したレベルよりも上の（さらにズームインした）すべてのレベルで適用され、次のズームレベルに達すると、そのレベルのスタイルが適用されます。ズームレベル 0 には必ず現在のスタイルが適用されます。
例: ズームレベル 5 と 10 にスタイルを設定した場合:
- ズームレベル 5 のスタイルは、ズームレベル 5～9 まで適用されます。
- ズームレベル 10 のスタイルは、ズームレベル 10～22 まで適用されます。
- ズームレベル 0～4 では、現在のスタイルが維持されます。
ズームレベルに応じて地図上の対象物に適用されるカスタム スタイルは、地図上の対象物全体に適用されるどのカスタム スタイルよりも優先されます。
さまざまなズームレベルでカスタマイズする
Cloud コンソールで [地図のスタイル] に移動して、必要に応じてプロジェクトを選択します。
地図のスタイルを作成するか既存のスタイルを開き、[カスタマイズ] を選択します。詳しくは、地図のスタイルを作成するをご覧ください。
[地図上の対象物] ペインで、カスタマイズする地図上の対象物を選びます。パネルが開き、カスタマイズ可能な要素が表示されます。
ズームレベル スタイリングを追加する要素で、その右にあるひし形ズームアイコンを選択し、ズームレベル スタイリング ペインを開きます。
[現在のズーム] の横で、カスタマイズするズームレベルを選びます。すると、そのズームレベルに合わせてプレビュー用の地図が調整されます。
[keyzoom を追加] を選択します。選択したズームレベルの新しい keyzoom がズームレベル スタイリング ペインに追加され、対応するデフォルトの基本地図の値が表示されます。
このズームレベルのスタイルを設定し、必要に応じてズームレベル 0 やリストされている他のデフォルトのズームレベルのスタイルも設定します。
別のズームレベルを設定するには、[現在のズーム] を変更して再び [keyzoom を追加] を選択し、リストに別のズームレベルを追加します。その後も必要に応じて、ズームレベルのスタイルの追加と設定を続けます。
作業が完了したら、ズームレベル スタイリング ペインを閉じます。
要素に使用されるデフォルトの基本地図の色の値を上書きする
すべてのズームレベルで、地図上の対象物の要素に使用されるデフォルトの基本地図の色の値をすべて上書きするには、まず要素ペインで要素のスタイルを設定します。 その後、その要素に keyzoom を追加すると、その keyzoom ではデフォルトの基本地図の色の値ではなく、設定した要素の色の値が使用されます。
ズームレベル スタイリングを保存して公開する
地図のスタイル設定の変更を保存するには、[保存] を選択します。
地図のスタイルに関連付けたマップ ID で変更を公開するには、[公開] を選択します。
ズームレベルのスタイルを削除する
[地図上の対象物] ペインで、カスタマイズする地図上の対象物を選びます。
ズームレベル スタイリングを削除する要素の右側にある、小さなひし形ズームアイコンを選択します。ズームレベルのスタイルが設定された要素には、青で塗りつぶされたひし形アイコンが表示されています。
スタイルを削除するズームレベルの横にあるマイナス アイコンを選択し、そのスタイルを削除します。
[×] を選択し、ズームレベル スタイリング ペインを閉じます。
ズームレベルのスタイルをすべて削除する
地図上の対象物の要素からカスタム スタイルをすべて削除するには、次のいずれかを行います。
- 要素パネルで、要素名の横にある マイナス アイコンを選択します。
- キーズーム パネルで、要素名の横にある リセット アイコンを選択します。
道路レベルの詳細をプレビューする
2025 年 2 月 27 日より、一部の都市で、既存のスタイルで道路レベルの詳細情報を拡大レベル 17 以上でプレビューできるようになります。たとえば、道路幅、歩道、車線のマークなどのリアルな表示が可能です。スタイル エディタ セッションごとにプレビューを有効にする必要があります。これらの道路詳細地図の機能は、道路レベルの詳細をサポートする SDK または API でのみ表示されます。アプリに適用するには、関連する SDK または API を、道路レベルの詳細をサポートするバージョンに更新する必要があります。API と SDK のバージョンの詳細については、Google Maps Platform の道路レベルの詳細をご覧ください。
道路の詳細プレビューを有効にするには、次の操作を行います。
Google Cloud コンソールで、[地図のスタイル] に移動します。
既存のスタイルを選択するか、スタイルを作成します。
[カスタマイズ] をクリックします。
スタイル エディタで [道路の詳細プレビュー] をクリックします。
プレビュー ダイアログで、[道路の詳細] をオンにします。
スタイル設定できる道路レベルの詳細については、地図でスタイル設定が可能な要素をご覧ください。
ズームレベルのスタイルを追加して、ズームレベル 17 以上のスタイルの遷移をスムーズ化
ズームレベル 17 以上で道路レベルの詳細が有効になっている場合、道路地図の対象物は表示されなくなり、代わりに地表地図の対象物になります。ズームインすると、サーフェス地図対象物に適用されるスタイル設定された要素が表示され、道路地図対象物とスタイルが置き換えられます。
次の例では、ズームレベル 16 で、道路地図対象物は次のようにスタイル設定されています。
- 動脈は赤色です。
- 高速道路は青色です。
- ローカルは黄色です。
ズームレベルを 17 に上げると、道路地図の対象物は、ベージュ色のスタイルのサーフェス地図の対象物に変わります。
地図対象物のスタイルをスムーズに切り替えるには、ズームレベルのスタイルを追加します。ズームレベル スタイルを使用すると、特定のズームレベル間でスタイルの色を固定したり、新しいスタイルの色にスムーズに移行するタイミングを制御したりできます。
次の図に示すように、ズームレベル 12 に青色のズームレベル スタイルを追加し、ズームレベル 17 にベージュのズームレベル スタイルを追加すると、次のように表示されます。
- 高速道路は、ズームレベル 0 ～ 12 で青色で表示されます。
- ズームレベル 12 以降、青色はベージュ色にフェードインし、ズームレベル 17 でサーフェス地図の対象物スタイルからベージュ色に完全に移行します。
