GeoJSON vir webkaarte: 'n handleiding

2026-03-02

geojsonleafletmapboxWebkaartejavascript

GeoJSON is die belangrikste formaat vir die uitruil van geodata op die web. Al die gewilde karteringsbiblioteke — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — ondersteun GeoJSON inheems. Met osm2cdr.ru kan jy enige OpenStreetMap-gebied binne sekondes na GeoJSON uitvoer.

Struktuur van GeoJSON

'n GeoJSON-lêer is gewone JSON met voorwerpe van die tipe FeatureCollection. Elke Feature bevat geometrie (punt, lyn, veelhoek) en eienskappe (properties) — OpenStreetMap-merkers: naam, voorwerptipe, adres en ander kenmerke.

Hoe om aan Leaflet te koppel

Die maklikste manier om GeoJSON op 'n webkaart te wys:

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

Stilering volgens eienskappe

GeoJSON uit osm2cdr.ru behou die OSM-merkers: highway, building, amenity, natural en ander. Dit laat jou toe om voorwerpe volgens tipe te styl:

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

Optimering vir groot datastelle

GeoJSON werk uitstekend vir klein en medium gebiede (tot 50 km²). Vir groot gebiede:

GeoJSON-Seq — 'n stroomformaat, die lêer word reël vir reël gelaai.
PMTiles — 'n wolk-inheemse teëlformaat met onmiddellike vertoning van miljoene voorwerpe.
Vektorteëls — word gelaai namate jy oor die kaart navigeer.

Gereedskap vir werk met GeoJSON

geojson.io — 'n aanlyn-redigeerder om te bekyk en te wysig.
Mapshaper — vereenvoudiging van geometrie en omskakeling.
Turf.js — ruimtelike analise direk in die blaaier.
QGIS — 'n volwaardige GIS vir komplekse verwerking.