leaflet ajax geojson,Pull GeoJSON data into Leaflet with AJAX call

最新推荐文章于 2021-08-06 22:47:49 发布

花儿街参考

最新推荐文章于 2021-08-06 22:47:49 发布

阅读量250

点赞数

文章标签： leaflet ajax geojson

该博客讲述了如何在MapBox地图上使用Leaflet展示WiFi热点数据。作者试图通过AJAX调用来从外部数据源获取纽约市的WiFi位置数据，并将这些数据以GeoJSON格式加载到地图上。示例代码中展示了如何创建GeoJSON图层并绑定点击事件显示热点名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

So I'm trying to publish a MapBox map with Leaflet, and want to add some markers from an external data source with an AJAX call. Specifically, I'm mapping out all of the wifi spots in NYC with this data set. I see where it says I can download the wifi locations in JSON, but I'm still trying to teach myself how to code and don't know what to do from there.

Here's the example that MapBox gives using a .js hosted on your site directory. What would it look like if I were to do an AJAX call instead?

// Define a GeoJSON data layer with data

var geojsonLayer = new L.GeoJSON();

// Display the name property on click

geojsonLayer.on('featureparse', function (e) {

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

e.layer.bindPopup(e.properties.name);

}

});

geojsonLayer.addGeoJSON(data);

// Add the GeoJSON layer

map.addLayer(geojsonLayer);