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

Weather custom popup

Examples

Create highly customizable popups for weather maps using MarkerLayout.

Filtered Marker Layout

Examples

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

Weather icons Marker Layout

Examples

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

Add interaction to landmarks

Examples

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