Create custom marker overlays using the Marker Layout

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

This example shows how to display the information from the city and town label layers. In this case, we are not applying any filters because we want to create as many markers as possible. To improve performance, we will soft update the markers when the user moves the map and complete the update once the user stops moving the map.

Learn more

Check out the Marker Layout JS module reference

Related examples

Add interaction to landmarks

Example

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

Marker Layout (filter)

Example

Create non-colliding marker overlays to display the information from the city and town label layers.

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 weather icons

Example

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