When you have markers in close proximity, they might start to overlap when zooming out.
In order to provide a better visual experience for the map users, you can adjust the size of the markers based on the zoom levels.
For example, you can progressively decrease the size of the markers when zooming out.
Check out this example. Zoom in and out to see the marker resizing on the map.
How to enable marker resizing?
In order to enable marker resizing, go to Settings > Markers > Resize markers based on zoom level
How to customize the scaling of the markers?
Mapme lets you customize the way the markers will resize across the zoom levels.
The customization is done using a JSON editor.
The scaling is set using expressions. You can learn more about Mapbox expressions here.
By default, the value for the marker size expression is set to be linear with values: “10, 0.4, 16, 1″
This means that
- If the zoom value is below 10, the marker size is set to be at 40%
- Between zoom 10 and 16, the marker size will increase linearly up to 100% of the marker size
- Above zoom level 16, the marker size will be at 100%
You can easily change the values to fit your needs.