ਵੈੱਬ ਨਕਸ਼ਿਆਂ ਲਈ GeoJSON: ਇੱਕ ਗਾਈਡ

2026-03-02
geojsonleafletmapboxਵੈੱਬ ਨਕਸ਼ੇjavascript

GeoJSON — ਵੈੱਬ ਵਿੱਚ ਜੀਓਡਾਟਾ ਅਦਲਾ-ਬਦਲੀ ਦਾ ਮੁੱਖ ਫਾਰਮੈਟ ਹੈ। ਸਾਰੀਆਂ ਪ੍ਰਸਿੱਧ ਨਕਸ਼ਾ ਲਾਇਬ੍ਰੇਰੀਆਂ — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — GeoJSON ਨੂੰ ਮੂਲ ਰੂਪ ਵਿੱਚ ਸਮਰਥਨ ਕਰਦੀਆਂ ਹਨ। osm2cdr.com ਨਾਲ ਤੁਸੀਂ ਕਿਸੇ ਵੀ 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));

ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਨੁਸਾਰ ਸਟਾਈਲਿੰਗ

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 ਨਾਲ ਕੰਮ ਕਰਨ ਦੇ ਸਾਧਨ

← ਸਾਰੀਆਂ ਗਾਈਡਾਂ