How to create non-colliding marker overlays

Create non-colliding marker overlays to display the information from the city and town label layers. The Marker Layout is a helper to create non-colliding marker overlays on top of MapTiler SDK.

In this example, we are using the filter function to only create markers in features of type "city", "village" or "town".

Learn more

Check out the Marker Layout JS module reference

Related examples

Weather custom popup

Example

This example demonstrates using custom popups on top of a map because MapLibre's popups were originally quite limited in layout and style.

Marker Layout (no filter)

Example

Create custom non-colliding marker overlays on your map using the Marker Layout on top of MapTiler SDK. .

Marker Layout weather icons

Example

Create a weather map using the Marker Layout to show your custom weather markers icons, animated SVGs or Lotties.

Add interaction to landmarks

Example

Create a map with custom landmarks and add interactions like popups to display additional information.