Веб-карталарға арналған GeoJSON: нұсқаулық

2026-03-02

geojsonleafletmapboxвеб-карталарjavascript

GeoJSON — вебтегі геодеректер алмасуының басты форматы. Барлық танымал картографиялық кітапханалар — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — GeoJSON-ды нативті түрде қолдайды. osm2cdr.com көмегімен сіз OpenStreetMap-тың кез келген аумағын секундтар ішінде GeoJSON-ға экспорттай аласыз.

GeoJSON құрылымы

GeoJSON файлы — FeatureCollection түріндегі нысандары бар әдеттегі JSON. Әрбір 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));

Сипаттар бойынша стильдеу

osm2cdr.com-дан алынған GeoJSON 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 км²-ге дейін) тамаша жұмыс істейді. Үлкен аумақтар үшін:

GeoJSON-Seq — ағындық формат, файл жолма-жол жүктеледі.
PMTiles — миллиондаған нысанды лезде көрсететін cloud-native тайлдық формат.
Векторлық тайлдар — картада жылжыған сайын жүктеледі.

GeoJSON-мен жұмыс істеуге арналған құралдар

geojson.io — қарап шығу мен өңдеуге арналған онлайн редактор.
Mapshaper — геометрияны жеңілдету және түрлендіру.
Turf.js — браузерде тікелей кеңістіктік талдау.
QGIS — күрделі өңдеуге арналған толыққанды GIS.