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

Examples

Create highly customizable popups for weather maps using MarkerLayout.

Non filtered Marker Layout

Examples

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

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.