GeoJSON für Webkarten: Ein Leitfaden

2026-03-02

geojsonleafletmapboxWebkartenjavascript

GeoJSON ist das wichtigste Austauschformat für Geodaten im Web. Alle gängigen Kartenbibliotheken – Leaflet, Mapbox GL JS, OpenLayers, deck.gl – unterstützen GeoJSON nativ. Mit osm2cdr.ru können Sie jedes Gebiet aus OpenStreetMap in Sekunden nach GeoJSON exportieren.

Aufbau von GeoJSON

Eine GeoJSON-Datei ist ein gewöhnliches JSON mit Objekten vom Typ FeatureCollection. Jedes Feature enthält eine Geometrie (Punkt, Linie, Polygon) und Eigenschaften (properties) – die OpenStreetMap-Tags: Name, Objekttyp, Adresse und weitere Attribute.

So binden Sie es in Leaflet ein

Die einfachste Methode, GeoJSON auf einer Webkarte anzuzeigen:

fetch('/data/moscow-buildings.geojson')
  .then(r => r.json())
  .then(data => L.geoJSON(data, {
    style: { color: '#3388ff', weight: 1, fillOpacity: 0.3 }
  }).addTo(map));

Gestaltung nach Eigenschaften

GeoJSON aus osm2cdr.ru bewahrt die OSM-Tags: highway, building, amenity, natural und weitere. Dadurch lassen sich Objekte nach Typ gestalten:

L.geoJSON(data, {
  style: function(feature) {
    if (feature.properties.building) return { color: '#e74c3c' };
    if (feature.properties.natural === 'water') return { color: '#3498db' };
    return { color: '#95a5a6' };
  }
});

Optimierung für große Datenmengen

GeoJSON eignet sich hervorragend für kleine und mittlere Gebiete (bis 50 km²). Für große Gebiete:

GeoJSON-Seq – Streaming-Format, die Datei wird zeilenweise geladen.
PMTiles – cloud-natives Kachelformat mit sofortiger Darstellung von Millionen Objekten.
Vektorkacheln – werden bei der Navigation über die Karte nachgeladen.

Werkzeuge für die Arbeit mit GeoJSON

geojson.io – Online-Editor zum Anzeigen und Bearbeiten.
Mapshaper – Vereinfachung der Geometrie und Konvertierung.
Turf.js – räumliche Analyse direkt im Browser.
QGIS – vollwertiges GIS für komplexe Verarbeitung.