导入数据geojson的传单变量答案

【问题标题】：leaflet variable for import data geojson导入数据geojson的传单变量
【发布时间】：2018-12-11 07:21:30
【问题描述】：

我刚刚使用了传单。从我看到的 geoJSON 演示页面中，如果你想包含你必须使用的数据

<script src="data/us-states.geojson"></script>

如果你打开文件看起来像

var ustates = {
"type": "FeatureCollection",
......
[]
};

如果你想打电话给他们，请使用

var data = [ustates] ;

还有其他调用数据的方法吗？我拥有的 geojson 文件没有初始变量，如下所示：

{
"type": "FeatureCollection",
......
[]
}

我有很多数据，我必须逐个打开以在 geojson 数据上添加变量，所以我的意思是我可以像这样调用数据

var ustates = <?php include "data/us-states.geojson"; ?>
var data = [ustates];

【问题讨论】：

标签： javascript google-maps leaflet openstreetmap geojson

【解决方案1】：

你可以关注这个link

function fetchJSON(url) {
  return fetch(url)
    .then(function(response) {
      return response.json();
    });
}


var data = fetchJSON('data/us-states.geojson');

【讨论】：

【解决方案2】：

有一个方便的插件可以帮助解决这个问题——leaflet-ajax——你可以在这里找到https://github.com/calvinmetcalf/leaflet-ajax。这将通过一个简单的步骤处理获取文件并从中创建一个 Leaflet 层。

示例用法：

var geojsonlayer = new L.GeoJSON.AJAX("data/us-states.json").addTo(map);

【讨论】：