Leaflet-Integration

Das folgende Beispiel zeigt eine Integration mit Hilfe von leaflet.js.
Nachdem Du einen API-Key angelegt hast, kann es losgehen.

  1. Denke daran, JavaScript und CSS von Leaflet in Deine Seite einzubinden.
  2. Die sogenannte „Attribution“, also die Zeile „Leaflet | getmaps.io - map data © OpenStreetMap contributors“, muss aus rechtlichen Gründen zwingend gesetzt werden.
  3. Vergiss nicht einen API-Key anzulegen und ihn wie im Beispiel einzusetzen.
  4. Der Stil der Karte ist Teil der Tile-Server-URL. Zum Beispiel: „getmaps“.
  5. Aktuell gibt es die Stile „getmaps“, „getmaps-light“, „getmaps-green“, „osm-bright“, „osm-liberty“, „klokantech-basic“ und „positron“.
  6. Eine Besonderheit von getmaps.io ist die Berechnung der sogenannten Maploads. Zu diesem Zweck musst Du stets einen gültigen Time-Parameter anfügen.

See the Pen leaflet by getmaps.io (@getmaps) on CodePen.