வலை வரைபடங்களுக்கான 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 உடன் வேலை செய்வதற்கான கருவிகள்

← அனைத்து வழிகாட்டிகள்