ズームレベルのスタイルを設定する

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

表示対象: この対象物は、Android、iOS、JavaScript、Maps Static 上に表示されます。

表示中の地図のズームレベルに応じて対象物をハイライト表示することで、ユーザーのニーズに合わせて地図をカスタマイズできます。たとえば、ユーザーが特定の場所をズームインしたら、その地図上の場所や道路がハイライト表示されるようにできます。

地図上の対象物の要素は、地図のあらゆるズームレベルで常に同じスタイルで表示するよう設定できます。また、一部の要素については、ズームレベルの違いに応じて別のスタイルにすることもできます。

すべての対象物でズームレベルをカスタマイズできるわけではありません。地図上の対象物の要素の中で、ズームレベル スタイリングが可能なものには、右側にひし形のアイコンがあります。

ズームレベル スタイリングが可能なことを示すひし形のアイコン

ズームレベル スタイリングを理解する

ズームレベルは 0 から始まり、最大の 22 までズームアウトすると世界全体が表示されます。また、最大限にズームインすると、その地図の最も細かい要素が表示されます。keyzoom は、新しいスタイルの適用を始めるズームレベルです。

地図上の対象物に対し、さまざまなズームレベルごとに異なるスタイルを設定した場合、各スタイルは指定したレベルよりも上の(さらにズームインした)すべてのレベルで適用され、次のズームレベルに達すると、そのレベルのスタイルが適用されます。ズームレベル 0 には必ず現在のスタイルが適用されます。

例: ズームレベル 5 と 10 にスタイルを設定した場合:

  • ズームレベル 5 のスタイルは、ズームレベル 5~9 まで適用されます。
  • ズームレベル 10 のスタイルは、ズームレベル 10~22 まで適用されます。
  • ズームレベル 0~4 では、現在のスタイルが維持されます。

ズームレベルに応じて地図上の対象物に適用されるカスタム スタイルは、地図上の対象物全体に適用されるどのカスタム スタイルよりも優先されます。

さまざまなズームレベルでカスタマイズする

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

  2. 地図のスタイルを作成するか既存のスタイルを開き、[スタイル エディタでカスタマイズ] を選択します。詳しくは、地図のスタイルを作成するをご覧ください。

  3. [地図上の対象物] ペインで、カスタマイズする地図上の対象物を選びます。ペインが開き、カスタマイズ可能な要素が表示されます。

  4. ズームレベル スタイリングを追加する要素で、その右にあるひし形ズームアイコンを選択し、ズームレベル スタイリング ペインを開きます。

    ズームレベル スタイリングが可能なことを示すひし形のアイコン

  5. [現在のズーム] の横で、カスタマイズするズームレベルを選びます。すると、そのズームレベルに合わせてプレビュー用の地図が調整されます。

    現在のズームレベルのすべての keyzoom スタイルとセレクタが表示されているメニュー

  6. [keyzoom を追加] を選択します。選択したズームレベルの新しい keyzoom がズームレベル スタイリング ペインに追加され、対応するデフォルトの基本地図の値が表示されます。

    現在のズームレベル 12 の新しいズームレベル スタイルとデフォルトの基本地図の値が表示されているズームレベル スタイリング ペイン。

  7. このズームレベルのスタイルを設定し、必要に応じてズームレベル 0 やリストされている他のデフォルトのズームレベルのスタイルも設定します。

    新しいズームレベルのスタイルを設定する様子

  8. 別のズームレベルを設定するには、[現在のズーム] を変更して再び [keyzoom を追加] を選択し、リストに別のズームレベルを追加します。その後も必要に応じて、ズームレベルのスタイルの追加と設定を続けます。

  9. 作業が完了したら、ズームレベル スタイリング ペインを閉じます。

要素に使用されるデフォルトの基本地図の色の値を上書きする

すべてのズームレベルで、地図上の対象物の要素に使用されるデフォルトの基本地図の色の値をすべて上書きするには、まず要素ペインで要素のスタイルを設定します。 その後、その要素に keyzoom を追加すると、その keyzoom ではデフォルトの基本地図の色の値ではなく、設定した要素の色の値が使用されます。

水域要素の塗りつぶしの色が濃い赤に設定されている。ズームレベル スタイリング ペインにおいて、追加された keyzoom の色も濃い赤に設定されている。

ズームレベル スタイリングを保存して公開する

  1. 地図のスタイル設定の変更を保存するには、[保存] を選択します。

  2. 地図のスタイルに関連付けたマップ ID で変更を公開するには、[公開] を選択します。

ズームレベルのスタイルを削除する

  1. [地図上の対象物] ペインで、カスタマイズする地図上の対象物を選びます。

  2. ズームレベル スタイリングを削除する要素の右側にある、小さなひし形ズームアイコンを選択します。ズームレベルのスタイルが設定された要素には、青で塗りつぶされたひし形アイコンが表示されています。

    ズームレベル スタイリングが設定されていることを示す、塗りつぶされたズームアイコン

  3. スタイルを削除するズームレベルの横にあるマイナス アイコンを選択し、そのスタイルを削除します。

    ズームレベルのスタイルを削除するには、マイナス アイコンを選択

  4. [×] を選択し、ズームレベル スタイリング ペインを閉じます。

ズームレベルのスタイルをすべて削除する

地図上の対象物の要素からカスタム スタイルをすべて削除する場合は、要素ペインの中で、対象の要素名の横にあるマイナス アイコンを選択します。