वेब मानचित्रों के लिए 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 km² तक) के लिए बढ़िया काम करता है. बड़े क्षेत्रों के लिए:

GeoJSON के साथ काम करने के उपकरण

← सभी गाइड