Leaflet 加载传单目录的GeoJson文件

Leaflet 加载传单目录的GeoJson文件,leaflet,geojson,Leaflet,Geojson,我有一个GeoJson文件,我正试图将其加载到logic.js中,以供参考。I console.logged响应并获取数据,但是,当我尝试将数据应用到地图上时,它会给我以下错误:Uncaught(in promise)错误:无效的GeoJSON对象。 我的GeoJSON数据如下所示: "type": "WineCollection", "wines": [ { "type": "wine", "properties": { "country

我有一个GeoJson文件,我正试图将其加载到logic.js中,以供参考。I console.logged响应并获取数据,但是,当我尝试将数据应用到地图上时,它会给我以下错误:
Uncaught(in promise)错误:无效的GeoJSON对象。
我的GeoJSON数据如下所示:

  "type": "WineCollection",
  "wines": [
    {
      "type": "wine",
      "properties": {
        "country": "Albania",
        "points": 88.0,
        "price": 20.0
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          19.9999619,
          41.000028
        ]
      }
    },
这是我的密码:

  center: [40.7128, -74.0059],
  zoom: 2.5
});

// Adding tile layer
L.tileLayer("https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?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",
  accessToken: API_KEY
}).addTo(myMap);

d3.json("static/js/wine.json").then(function(data) {
  L.geoJson(data).addTo(myMap);
});
center:[40.7128,-74.0059],
缩放:2.5
});
//添加瓷砖层
L.Tillelayer(“https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}“{
属性:“地图数据和副本;贡献者,图像©”,
maxZoom:18,
id:“地图盒。街道”,
accessToken:API_密钥
}).addTo(myMap);
d3.json(“static/js/wine.json”)。然后(函数(数据){
L.geoJson(data).addTo(myMap);
});

数据样本不符合标准

您可以拥有“FeatureCollection”类型的对象,具有“features”数组,这些“features”是“Feature”类型的对象(并且具有“properties”和“geometry”,如数据示例中所示)

不幸的是,您无法自定义这些类型

有几种GeoJSON linting工具可帮助您快速发现不符合要求的数据,例如