GeoJSON veebikaartide jaoks: juhend

2026-03-02

geojsonleafletmapboxveebikaardidjavascript

GeoJSON on peamine geoandmete vahetusvorming veebis. Kõik populaarsed kaarditeegid — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — toetavad GeoJSON-i natiivselt. Teenusega osm2cdr.ru saad eksportida mis tahes OpenStreetMapi ala GeoJSON-i sekunditega.

GeoJSON-i struktuur

GeoJSON-fail on tavaline JSON tüübiga FeatureCollection objektidega. Iga Feature sisaldab geomeetriat (punkt, joon, polügon) ja omadusi (properties) — OpenStreetMapi silte: nimi, objekti tüüp, aadress ja muud atribuudid.

Kuidas ühendada Leafletiga

Lihtsaim viis GeoJSON-i veebikaardil kuvamiseks:

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

Stiliseerimine omaduste järgi

osm2cdr.ru GeoJSON säilitab OSM-i sildid: highway, building, amenity, natural jt. See võimaldab objekte tüübi järgi stiliseerida:

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

Optimeerimine suurte andmete jaoks

GeoJSON töötab suurepäraselt väikeste ja keskmiste alade jaoks (kuni 50 km²). Suurte territooriumide jaoks:

GeoJSON-Seq — voogvorming, fail laaditakse rea kaupa.
PMTiles — pilvepõhine plaadivorming miljonite objektide kohese kuvamisega.
Vektorplaadid — laaditakse kaardil navigeerimise käigus.

Tööriistad GeoJSON-iga töötamiseks

geojson.io — veebiredaktor vaatamiseks ja muutmiseks.
Mapshaper — geomeetria lihtsustamine ja teisendamine.
Turf.js — ruumianalüüs otse brauseris.
QGIS — täisfunktsionaalne GIS keerukaks töötluseks.