javascript - 从 URL 将 GeoJSON 加载到图层中？

Question

我正在使用 Mapbox 2.1，并尝试从 GeoJSON 源构建叶绿体 map ，使用以下示例:https://www.mapbox.com/mapbox.js/example/v1.0.0/choropleth/

但是，我在第一个障碍中就失败了，因为我的 GeoJSON 源是一个纯 GeoJSON 文件，而不是像他们的示例那样的 JS 文件。

所以这条线对我不起作用:

var statesLayer = L.geoJson(statesData,  {
    style: getStyle,
    onEachFeature: onEachFeature
}).addTo(map);

他们的JS file将statesData定义为变量:

var statesData = { "type": "FeatureCollection" ... };

但是我的 GeoJSON 文件只是一个 GeoJSON 文件。

如何定义 statesData 的等效项以便我可以遵循该示例？

我想我可以使用 eval 读取 GeoJSON，但这通常是一个坏主意。

Answer 1

您可以使用ajax从您自己的网站获取数据

这是一种 jquery 方法。

$.ajax({
dataType: "json", //you shouldn't need to declare geojson
url: "data/district.geojson",
success: function(data) {
    //whatever you want to do with the data, alternatively you could use a closer around the ajax request to capture the data into a variable depending on how you have your code organized
}
}).error(function(e) {
     console.log(e)
});