листовка переменная для импорта данных геойсон

Question

Я просто использовал листовку.На демонстрационной странице geoJSON я увидел, что если вы хотите включить данные, вы должны использовать

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

, и если вы открываете файлы, они выглядят как

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

и хотите ли вы их вызыватьиспользуйте

var data = [ustates] ;

Есть ли другой способ вызова данных?Файл geojson, который у меня есть, не имеет начальной переменной и выглядит следующим образом:

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

У меня много данных, и мне нужно открыть 1 на 1, чтобы добавить переменную к данным geojson, так что я могу просто вызватьданные как

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

Answer 1

Вы можете использовать эту ссылку

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


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

Answer 2

Есть полезный плагин, который поможет с этим - leaflet-ajax - который вы можете найти здесь https://github.com/calvinmetcalf/leaflet-ajax. Он будет обрабатывать выборку файла и создание из него слоя Leaflet за один простой шаг.

Пример использования:

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