GeoJSON za web-karte: vodič

GeoJSON je glavni format razmjene geopodataka na webu. Sve popularne kartografske biblioteke — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — izvorno podržavaju GeoJSON. Pomoću osm2cdr.ru možete izvesti bilo koje područje OpenStreetMap u GeoJSON u nekoliko sekundi.

Struktura GeoJSON-a

Datoteka GeoJSON običan je JSON s objektima tipa FeatureCollection. Svaki Feature sadrži geometriju (točka, linija, poligon) i svojstva (properties) — oznake OpenStreetMap: naziv, tip objekta, adresu i druge atribute.

Kako povezati s Leafletom

Najjednostavniji način prikaza GeoJSON-a na web-karti:

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

Stiliziranje po svojstvima

GeoJSON iz osm2cdr.ru čuva OSM oznake: highway, building, amenity, natural i druge. To omogućuje stiliziranje objekata po tipu:

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

Optimizacija za velike podatke

GeoJSON izvrsno radi za mala i srednja područja (do 50 km²). Za velika područja:

• GeoJSON-Seq — protočni format, datoteka se učitava redak po redak.
• PMTiles — cloud-native pločasti format s trenutnim prikazom milijuna objekata.
• Vektorske pločice — učitavaju se kako se navigira po karti.

Alati za rad s GeoJSON-om

• geojson.io — mrežni uređivač za pregled i uređivanje.
• Mapshaper — pojednostavnjivanje geometrije i konverzija.
• Turf.js — prostorna analiza izravno u pregledniku.
• QGIS — potpuni GIS za složenu obradu.