3D globe with custom marker overlays

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

This example shows how to display the information from the city and town label layers. In this example, we are using the filter function to only create markers in features of type "country", "city", "village" or "town".

Related examples

Projection control (globe)

Tutorials

Toggle between Mercator and globe projections using map controls.

Add a 3D model to globe using MapTiler 3D JS

Examples

Integrate 3D models into your interactive globe map surface.

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.