Locations

Brandenburger Tor

Pariser Platz 1
Berlin

Visit website

Rathaus Hamburg

Rathausmarkt 1
Hamburg

Visit website

Heidelberger Schloss

Schlosshof 1
Heidelberg

Visit website

Kölner Dom

Domkloster 4
Köln

Visit website

Marienplatz

Marienplatz 1
München

Visit website

Leaflet

Leaflet ist die einfachste und leichteste Mapping-Bibliothek (~40 KB gzip). Ideal für Standard-Karten.

🔄 Layer-Switcher

Oben rechts kann zwischen 8 kostenlosen Tile-Providern umgeschaltet werden: OSM, CartoDB (Light/Dark), OpenTopoMap, Esri (Satellite/Street), Wikimedia, OSM Deutsch.

📍 Routenplanung

Ja, mit dem Plugin Leaflet Routing Machine + OSRM-Backend. Kostenlos, kein API-Key nötig.

L.Routing.control({ waypoints: [L.latLng(52.5, 13.4), L.latLng(48.1, 11.6)] }).addTo(map);

🎨 Eigene Icons & Marker

Marker können eigene HTML-Elemente, Bilder oder DivIcons sein.

L.marker([52.5, 13.4], { icon: L.divIcon({ html: '<div class="...">📍</div>' }) }).addTo(map);

🗺️ GeoJSON

Polygone, Linien, Punkte aus GeoJSON-Dateien direkt darstellbar.

L.geoJSON(geojsonData, { style: { color: 'red' } }).addTo(map);

🔥 Heatmaps

Plugin Leaflet.heat für Dichte-Visualisierungen.

📌 Clustering

Plugin MarkerCluster für tausende Marker.

✏️ Drawing

Plugin Leaflet.draw zum Zeichnen von Formen.

📦 Bundle-Größe

~40 KB gzip (Leaflet) + optional Plugins. Sehr leicht.

📄 Lizenz

BSD-2-Clause – frei für kommerzielle Projekte.

Mehr erfahren: leafletjs.com