Skip to main content Link Menu Expand (external link) Document Search Copy Copied

Examples

Quick start

Loads the default base map and adds a marker with a popup.

View HTML Source HTML JS Source JS

Multiple layers

Configures multiple layers and adds a layer control to let the user choose.

View HTML Source HTML JS Source JS

Outdoor overlays

Uses the mix-blend-mode CSS property with value multiply to add outdoor route overlays without hiding map details underneath.

View HTML Source HTML JS Source JS

Coordinates

Uses the leaflet-hash plugin to encode the current map view in the URL. Shows LV95 coordinates of current mouse position and opens a popup with projected and geographic coordinates when the user clicks on the map.

View HTML Source HTML JS Source JS