MapTiler Marker Layout Examples

Create custom marker overlays using the Marker Layout
SDK JS

Non filtered Marker Layout

Examples Sdk-js

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

Filtered Marker Layout

Examples Sdk-js

Create non-colliding marker overlays to display the information from the city and town label layers.
Weather custom popup
SDK JS

Weather custom popup

Examples Sdk-js Weather

This example demonstrates using custom popups on top of a map because MapLibre's popups were originally quite limited in layout and style.
Weather map with custom icons, animated SVGs or Lotties via Marker Layout
SDK JS

Weather icons Marker Layout

Examples Sdk-js Weather

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