Google Maps Alternative für die eigene Webseite: Leaflet kostenlos nutzen

Möchte man eine Karte in die eigene Webseite einbinden, denkt man gleich an Google Maps API Services. Diese sind aber zum Teil kostenpflichtig.

Leaflet ist eine Alternative – ein OpenSource Framework zum Einbinden von Maps. Als Quelle können dann zum Beispiel die Karten von OpenStreetMap verwendet werden.

Das Framework ist auch für mobile Geräte optimiert und die API ist mit der von Google Maps zu vergleichen. Sprich der Einbau ist sehr einfach zu handhaben.

Lediglich der folgende Code wird benötigt, um die JavaScript und CSS Ressourcen zu laden, die Position und die Kartendaten zu laden: