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

プラットフォームを選択: 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. [現在のズーム] の横で、カスタマイズするズームレベルを選びます。すると、そのズームレベルに合わせてプレビュー用の地図が調整されます。

    現在のズームレベル

  6. [キーズームを追加] を選択します。

  7. ズームレベル スタイリング ペインの表示が変わり、現在のスタイル(このケースでは黒)でズームレベル 0 が表示されます。また、ご指定のズームレベル用のラインが追加されます。このズームレベルのスタイルを設定し、必要に応じてズームレベル 0 のスタイルも設定します。

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

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

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

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

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

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

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

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

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

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

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

    ズームレベルのスタイルを削除するために選択するゴミ箱アイコン

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

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

  1. 地図上の対象物の要素ペインで、ズームレベル スタイリング ペインを開きます。

  2. 削除するズームレベルの横にある各ゴミ箱アイコンを選択して、すべてのスタイルを削除します。

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