GeoJSON pro webové mapy: průvodce

2026-03-02

geojsonleafletmapboxwebové mapyjavascript

GeoJSON je hlavním formátem výměny geodat na webu. Všechny populární kartografické knihovny — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — nativně podporují GeoJSON. S osm2cdr.ru můžete exportovat libovolnou oblast OpenStreetMap do GeoJSON během několika sekund.

Struktura GeoJSON

Soubor GeoJSON je běžný JSON s objekty typu FeatureCollection. Každý Feature obsahuje geometrii (bod, čára, polygon) a vlastnosti (properties) — tagy OpenStreetMap: název, typ objektu, adresu a další atributy.

Jak připojit k Leaflet

Nejjednodušší způsob, jak zobrazit GeoJSON na webové mapě:

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

Stylování podle vlastností

GeoJSON z osm2cdr.ru zachovává tagy OSM: highway, building, amenity, natural a další. To umožňuje stylovat objekty podle 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' };
  }
});

Optimalizace pro velká data

GeoJSON skvěle funguje pro malé a střední oblasti (do 50 km²). Pro velká území:

GeoJSON-Seq — streamovací formát, soubor se načítá po řádcích.
PMTiles — cloud-native dlaždicový formát s okamžitým zobrazením milionů objektů.
Vektorové dlaždice — načítají se postupně při navigaci po mapě.

Nástroje pro práci s GeoJSON

geojson.io — online editor pro prohlížení a úpravy.
Mapshaper — zjednodušení geometrie a konverze.
Turf.js — prostorová analýza přímo v prohlížeči.
QGIS — plnohodnotný GIS pro složité zpracování.