Zoom-based styling

Control when layers and labels appear by zoom level. Change colors, sizes, opacity, and line widths as the map zooms.

Zoom-based styling changes a layer's appearance as you zoom, or shows its features and labels only at certain zoom levels. Zoom-based settings are part of the style editor. See Style vector layers.

Set the visible zoom range

A visible zoom range sets the lowest and highest zoom levels at which a layer's features or labels appear. For example, you can show a detailed layer only when zoomed in.

1. Click Edit map, then click the layer in the legend.

2. In the header of the Points, Lines, or Polygons section, click Limit visibility.

3. Set the features' range, such as Points range, to the lowest and highest zoom levels you want. Zoom levels run from 1 to 23.

4. Optional: Set the Labels range. See Labels.

Change styles by zoom level

Zoom styling lets you set a style value at each zoom stop. Felt blends between those values, for example making lines wider as you zoom in. Zoom styling works for size, fill, stroke, casing, line style, opacity, heatmap intensity, and label settings such as size and color. See Style vector layers and Labels.

1. In the style editor, click Add zoom styling next to the setting.

2. Select a zoom stop and set its value.

To use one value at every zoom level, click Remove zoom styling.

Frequently asked questions

How do I keep points the same size at every zoom level?

Point sizes are in screen pixels, so points stay the same size as you zoom unless Size has zoom styling. To remove it, click Remove zoom styling next to Size.