Style by Zoom Level

To create gradual color changes based on zoom level, follow these steps:

  1. Click the input type button to the right of the color swatch and choose Zoom Level to open the zoom editor.

    Zoom level editor

    Zoom level editor

    Click the color swatch itself to open either the color picker or the zoom editor, depending on which input was last used. By default, the HERE styles have a mix of both static values and zoom level based changes.

    Zoom controls

    Zoom controls

    Zoom Editor Controls

    • Add creates a stop at your current zoom level.
    • Delete removes the currently selected stop.
    • Interpolation can be set to step, linear, exponential or cubic. Default is linear.
    • Split creates a second stop value at the same position, which is treated as a single stop on the range bar.
    • Delete All removes all stops from the zoom range. >
  2. Click the add button to add a stop at your current zoom level, then zoom in or out on the map and add another stop. The white number above the range bar represents your active zoom level in the MapView. Use the color swatch beneath the range bar to set your desired color for each stop.

    Color zoom bar

    Color zoom bar

    Hint

    Double-click directly on the range bar to add a new stop at that position, and click-drag stop markers to new zoom positions.

  3. Select a stop to highlight it in the list under the range bar. With a stop selected, you can select its swatch to change the color or enter another zoom level in the field.

results matching ""

    No results matching ""