GeoJSON fyrir vefkort: Leiðarvísir

2026-03-02
geojsonleafletmapboxVefkortjavascript

GeoJSON er helsta sniðið til að skiptast á landgögnum á vefnum. Öll vinsæl kortasöfn — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — styðja GeoJSON innfætt. Með osm2cdr.ru getur þú flutt hvaða OpenStreetMap-svæði sem er út í GeoJSON á örfáum sekúndum.

Uppbygging GeoJSON

GeoJSON-skrá er venjuleg JSON með hlutum af gerðinni FeatureCollection. Hver Feature inniheldur rúmfræði (punkt, línu, marghyrning) og eigindi (properties) — OpenStreetMap-merki: heiti, gerð hlutar, heimilisfang og önnur eigindi.

Hvernig á að tengja við Leaflet

Einfaldasta leiðin til að birta GeoJSON á vefkorti:

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

Stílgjöf eftir eigindum

GeoJSON úr osm2cdr.ru varðveitir OSM-merkin: highway, building, amenity, natural og fleiri. Það gerir kleift að gefa hlutum stíl eftir gerð:

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

Bestun fyrir stór gögn

GeoJSON virkar prýðilega fyrir lítil og meðalstór svæði (allt að 50 km²). Fyrir stærri svæði:

Verkfæri til að vinna með GeoJSON

← Allar leiðbeiningar