无法将 geoJson 图层添加到我的 Open Layers 地图

Question

使用 Open Layers 和 leaflet-sidebar-v2，我已经将边栏添加到我的地图中，这很有效。但是，我还需要在我的地图中添加另一个图层，该图层将勾勒出每个国家/地区的轮廓。我将坐标存储在 'borders.json' 文件中。我正在尝试使用 D3.json 导入边界坐标，然后 L.geoJson 将新图层添加到我的地图。

我目前收到以下错误消息：

Uncaught TypeError: t.getLayerStatesArray is not a function

这是我的代码的相关部分..

var map = new ol.Map({
  target: "map",
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM(),
    }),
  ],
  view: new ol.View({
    center: ol.proj.transform([7, 51.2], "EPSG:4326", "EPSG:3857"),
    zoom: 3,
  }),
});

var sidebar = new ol.control.Sidebar({
  element: "sidebar",
  position: "left",
});
map.addControl(sidebar);

d3.json(("borders.json"), function (json){
    function style(feature) {
        return {
            fillColor: "transparent",
            weight: 1,
            opacity: 0.4,
            color: 'grey',
            fillOpacity: 0.3
        }
    }

    geojson = L.geoJson(json, {
      style: style,
    }).addTo(map);
})

我想我可能没有正确地将 geojson 图层添加到我的地图中，但我不知道哪里出了问题。我花了很多时间玩它，但运气不好。

感谢任何帮助。

干杯，击败

Answer 1

如果不了解代码的其他可能相关部分，可能很难判断问题出在哪里。我首先检查 borders.json 的内容是否遵循 valid GeoJSON format.

这可能与您的问题无关，但是您是否有理由将 style 声明为类似于 function style(feature) { ... } 的函数？

It looks like L.geoJson 的 style 属性接受对象而不是函数。

无法将 geoJson 图层添加到我的 Open Layers 地图

Can't add a geoJson layer to my Open Layers map

javascript

openlayers