Maps Playground

Three mapping libraries. All live, no API key required (except Mapbox).

Leaflet Mobile-friendly interactive maps — the open-source Google Maps alternative.
loading leaflet…
click map to drop a marker · move to see coordinates
Click the map to drop a marker. Markers show lat/lng popups. docs ↗
OpenLayers Feature-packed mapping framework for geospatial applications.
loading openlayers…
move mouse over map to see coordinates
Select a draw type to sketch on the map. Change sources to switch tile layers. docs ↗
Mapbox GL JS Vector tile maps with WebGL rendering — gorgeous and fast.
Note: Mapbox GL JS requires a free API key. Get one at mapbox.com ↗ then paste it below. Your key is only used in this browser tab and never stored.
Click to drop markers. Pitch for 3D perspective. Rotate map with right-click drag. docs ↗