GeoJSON pre webové mapy: príručka

2026-03-02

geojsonleafletmapboxWebové mapyjavascript

GeoJSON je hlavný formát na výmenu geodát na webe. Všetky obľúbené kartografické knižnice — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — natívne podporujú GeoJSON. So službou osm2cdr.com môžete exportovať ľubovoľnú oblasť OpenStreetMap do GeoJSON za pár sekúnd.

Štruktúra GeoJSON

Súbor GeoJSON je bežný JSON s objektmi typu FeatureCollection. Každý Feature obsahuje geometriu (bod, líniu, polygón) a vlastnosti (properties) — tagy OpenStreetMap: názov, typ objektu, adresu a ďalšie atribúty.

Ako pripojiť k Leaflet

Najjednoduchší spôsob, ako zobraziť GeoJSON na webovej mape:

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

Štýlovanie podľa vlastností

GeoJSON z osm2cdr.com zachováva tagy OSM: highway, building, amenity, natural a ďalšie. To umožňuje štýlovať objekty podľa typu:

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

Optimalizácia pre veľké dáta

GeoJSON výborne funguje pre malé a stredné oblasti (do 50 km²). Pre veľké územia:

GeoJSON-Seq — streamovací formát, súbor sa načítava po riadkoch.
PMTiles — cloud-native dlaždicový formát s okamžitým zobrazením miliónov objektov.
Vektorové dlaždice — načítavajú sa postupne pri navigácii po mape.

Nástroje na prácu s GeoJSON

geojson.io — online editor na prehliadanie a úpravu.
Mapshaper — zjednodušenie geometrie a konverzia.
Turf.js — priestorová analýza priamo v prehliadači.
QGIS — plnohodnotný GIS pre zložité spracovanie.