如何将多个GeoJSON图层添加到传单地图？

Question

您好，我正在寻找使用GeoJSON文件向传单地图添加多个图层的功能。我正在尝试在互联网上找到有关此内容的所有信息，并且在添加叠加图时似乎无法使我的地图正常工作。有人可以帮我吗？

https://jsbin.com/fojodov/1/edit?html,console,output

code

   var myBasemap =  L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
        maxZoom: 18,
        id: 'mapbox/streets-v11',
        accessToken: 'pk.eyJ1IjoicmFjaGVsc2NobWl0eiIsImEiOiJjazZzbmFxajcwaW5tM2Vyem9mbDl3M2QzIn0.BbIzDBMGcsv3Y3KolAmzhg' 
    }).addTo(map);

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

  var wildernessAreas = L.TileLayer.GeoJSON("https://rachelschmitz.github.io/L-A-458-558/assignment2/NationalWilderness/wildernessAreas.geojson").addTo(map);

  var cities = L.TileLayer.GeoJSON("https://rachelschmitz.github.io/L-A-458-558/geojson/cities.geojson").addTo(map);

Answer 1

如果是外部geoJSON文件，可能必须在项目中通过添加以下内容来调用它：