વેબ નકશા માટે 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 સાથે કામ કરવાનાં સાધનો

← બધી માર્ગદર્શિકાઓ