怎么加載GeoJSON數據

這篇文章主要講解了“怎么加載GeoJSON數據”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“怎么加載GeoJSON數據”吧！

Leaflet是適用于桌面端和移動端交互地圖的開源JavaScript類庫。JS庫的大小經過壓縮后有38k左右，擁有開發者需要的全部地圖功能。 

Leaflet保持著簡單、性能和實用性的設計思想。可以在所有主要的桌面和移動端平臺上高效的運轉，可以擴展插件，它有一個漂亮、易用和文檔清晰的API，有一個簡單、易讀的源代碼

Leaflet可以通過加載GeoJSON數據，批量加載點、線、面數據，并轉化為相應的特征對象，實現數據顯示，彈出數據信息管理。

下邊通過一個GeoJSON加載點數據，顯示為圖標進行說明：

//循環遍歷每一個feature，綁定彈出氣泡和提示信息

function onEachFeature(feature, layer) {

if(feature.properties && feature.properties.name) {

layer.bindTooltip(feature.properties.name);

layer.bindPopup(feature.properties.address);

}

}

//設置圖標樣式

var baseballIcon = L.icon({

iconUrl: 'img/leaflet/school_icon.png',

iconSize: [24, 27],

iconAnchor: [12, 27],

popupAnchor: [0, -28],

tooltipAnchor: [0, -20]

});

//加載json數據

$.getJSON('sampledata/ta_school_point.json', function(data) {

//通過geojson創建圖層

schoollayer =

L.geoJSON(data, {

onEachFeature: onEachFeature,

           //循環設置圖標樣式

pointToLayer: function(feature, latlng) {

return L.marker(latlng, {

icon: baseballIcon

});

}

});

          //添加到地圖，并定位

schoollayer.addTo(map);

map.fitBounds(schoollayer.getBounds());

   });

感謝各位的閱讀，以上就是“怎么加載GeoJSON數據”的內容了，經過本文的學習后，相信大家對怎么加載GeoJSON數據這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！