GeoJSON kwa Ramani za Wavuti: Mwongozo

2026-03-02
geojsonleafletmapboxRamani za wavutijavascript

GeoJSON — muundo mkuu wa kubadilishana jiodata kwenye wavuti. Maktaba zote maarufu za uchoraji wa ramani — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — huauni GeoJSON kiasili. Kwa osm2cdr.com unaweza kusafirisha eneo lolote la OpenStreetMap kwenda GeoJSON ndani ya sekunde.

Muundo wa GeoJSON

Faili ya GeoJSON ni JSON ya kawaida yenye vitu vya aina ya FeatureCollection. Kila Feature ina jiometri (pointi, mstari, poligoni) na sifa (properties) — lebo za OpenStreetMap: jina, aina ya kitu, anwani na sifa nyingine.

Jinsi ya kuunganisha kwa Leaflet

Njia rahisi zaidi ya kuonyesha GeoJSON kwenye ramani ya wavuti:

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

Utengaji wa mtindo kwa sifa

GeoJSON kutoka osm2cdr.com huhifadhi lebo za OSM: highway, building, amenity, natural na nyingine. Hii huruhusu kutengeneza mtindo wa vitu kwa aina:

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

Uboreshaji kwa data kubwa

GeoJSON hufanya kazi vizuri kwa maeneo madogo na ya kati (hadi 50 km²). Kwa maeneo makubwa:

Zana za kufanya kazi na GeoJSON

← Miongozo yote