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

プラットフォームを選択: 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. [キーズームを追加] を選択します。ズームレベル スタイリング ペインでは、新しいキーズームが 選択したズームレベルに応じて、それぞれのデフォルトの基本地図値が表示されます。

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

  7. このズームレベルのスタイルを設定し、必要に応じてズームレベル 0 やその他の 表示されます。

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

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

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

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

地図の基本地図のデフォルトの色値をすべて上書きする場合 まず、要素のペイン内の要素のスタイルを設定します。 その要素にキーズームを追加すると、設定した要素の色がキーズームによって使用されます 値を使用します。

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

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

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

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

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

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

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

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

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

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

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

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

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