ズームレベルのスタイル設定の例

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

ズームレベルごとの複雑な要素のスタイル設定の例を次に示します。要素のスタイル設定の一部（建物の 3D 表示やスポット（POI）など）は、特定のズームレベルでしか表示されない場合があります。

緑色の枠線付きの黄色い道路

基本スタイルとして、薄い黄色の塗りつぶしと濃い緑の枠線が表示されるように、すべての道路をカスタマイズします。複数の道路を示すカスタム スタイルの地図のスクリーンショット。道路の色が薄い黄色で枠線が緑色になっています。

  1. [設備や機能の種類] ペインで、対象物の [道路] を選択します。[要素のタイプ] ペインが開きます。
  2. [要素のタイプ] ペインの [ジオメトリ] で、要素のタイプ [塗りつぶし] を選択します。[スタイラー] ペインが開きます。
  3. [スタイラー] ペインで薄い黄色（16 進数コード #eeeec8 など）を選択します。
  4. [要素のタイプ] ペインの [ジオメトリ] で、要素のタイプ [ストローク] を選択します。
  5. [スタイラー] ペインで濃い緑色（16 進数コード #155304 など）を選択します。
  6. [スタイラー] ペインで、[ストロークの幅] を 3 に設定します。

ズームインやズームアウトを行うと、道路が表示されたり非表示になったりするのに合わせ、さまざまな道路でこのスタイルが表示されます。道路が小さすぎて枠線が表示されない場合は、明るい黄色のみ表示されます。

建物の外観

すべての建物をやや濃い赤色で表示します。

個々の建物の枠線は、ズームレベル 17 以上で表示されます。すべての建物に 3D 表示のオプションがあるわけではありません。

  1. [設備や機能の種類] ペインで、対象物の [建物] を選択します。[要素のタイプ] ペインが開きます。
  2. [要素のタイプ] ペインで、建物のスタイル [フットプリント] を選択します。
    地図のスタイルで建物を 3D 表示するには、[3D] を選択して操作を終了します。建物に色を追加すると、3D 表示はオーバーライドされます。
  3. [要素のタイプ] ペインで [すべて] を選択します。[スタイラー] ペインが開きます。
  4. [スタイラー] ペインで、やや濃い赤色（16 進数コード #c23a00 など）を選択します。地図上のすべての建物が赤色で表示されます。
レベル 19 に拡大したカスタム スタイルのマップの 2 枚のスクリーンショット。左側の建物は外観が 3D で、一部の面にわずかに影があります。右側の建物は濃い赤色で、立体ではなく影もありません。

さまざまな種類の水域

最大（z0）までズームアウトすると水域が濃い青で表示され、州や都道府県のレベル（ノートパソコンではズームレベル 6）にズームインすると中程度の青で表示され、最小のズームレベル（z19）よりは少し手前までズームインすると濃い青色の枠線付きの淡い青色で表示されるスタイルを追加します。カスタム スタイルの地図のスクリーンショット 2 枚。左側は、やや濃い青色の水域に囲まれた土地を表しています。右側は、地図上でレベル 1 にズームインした同じエリアを表しています。水域は左側のマップよりもわずかに明るい青色になっています。

  1. [設備や機能の種類] ペインで、対象物の [水域] を選択します。[要素のタイプ] ペインが開きます。
  2. ズームの最大レベルで最も濃い水域の色を設定します。
    1. [要素のタイプ] ペインで、[ジオメトリ] を選択します。[スタイラー] ペインが開きます。
    2. [スタイラー] ペインで濃い青色を選択します。
    3. [すべてのズームでカスタマイズ] チェックボックスをオンにして、レベル z0 の [経由地を追加:] チェックボックスをオンにします。
  3. ズームレベル 6 以上の水域の色を中程度の青に変更します。
    1. [スタイラー] ペインで、ズームレベルのスライダーを右に動かしてレベル z6 にします。
    2. レベル z6 の [経由地を追加:] チェックボックスをオンにします。
    3. 中程度の青色を選択します。
  4. ズームレベル 19 では、水域を、枠線が 2 ポイント幅の濃い青色である、明るい青色の塗りつぶしに変更します。
    1. [スタイラー] ペインで、ズームレベルのスライダーを右に動かしてレベル z19 にします。
    2. [要素のタイプ] ペインの [ジオメトリ] で、[塗りつぶし] を選択します。
    3. [スタイラー] ペインで [すべてのズームでカスタマイズ] を選択し、レベル z19 の [経由地を追加:] チェックボックスをオンにします。
    4. 明るい青色を選択します。
    5. [要素のタイプ] ペインの [ジオメトリ] で、[ストローク] を選択します。
    6. [すべてのズームでカスタマイズ] を選択して、レベル z19 の [経由地を追加:] チェックボックスをオンにします。
    7. 濃い青色を選択します。
    8. [スタイラー] ペインでスライダーを右に動かして、[ストロークの幅] を 2 に設定します。

小川や細い水路などでは、最大までズームインしても水域本体の色しか見えません。大きな池や湖などの水域では、ストロークと塗りつぶしの違いが見られます。