GeoJSON за веб карте: водич

2026-03-02

geojsonleafletmapboxВеб-картеjavascript

GeoJSON је главни формат размене геоподатака на вебу. Све популарне картографске библиотеке — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — нативно подржавају GeoJSON. Уз osm2cdr.ru можете извести било које подручје OpenStreetMap у GeoJSON за неколико секунди.

Структура GeoJSON-а

GeoJSON датотека је обичан JSON са објектима типа FeatureCollection. Сваки Feature садржи геометрију (тачка, линија, полигон) и својства (properties) — OpenStreetMap ознаке: назив, тип објекта, адресу и друге атрибуте.

Како повезати са Leaflet-ом

Најједноставнији начин да прикажете GeoJSON на веб карти:

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

Стилизација по својствима

GeoJSON из osm2cdr.ru чува OSM ознаке: highway, building, amenity, natural и друге. То омогућава стилизацију објеката по типу:

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

Оптимизација за велике податке

GeoJSON одлично ради за мала и средња подручја (до 50 km²). За велике територије:

GeoJSON-Seq — стриминг формат, датотека се учитава ред по ред.
PMTiles — cloud-native плочасти формат са тренутним приказом милиона објеката.
Векторске плочице — учитавају се током навигације по карти.

Алати за рад са GeoJSON-ом

geojson.io — онлајн уређивач за преглед и измену.
Mapshaper — поједностављење геометрије и конверзија.
Turf.js — просторна анализа директно у прегледачу.
QGIS — потпуни GIS за сложену обраду.