我如何使用带有openlayers的本地路径添加geojson文件？

Question

我想使用openlayers将本地geojson加载到地图上。

这是我目前拥有的：

var gjsonFile = new ol.layer.Vector({
source: new ol.source.Vector({
format: new ol.format.GeoJSON({
}),
url: './data/geojson/plan.geojson'
})
});

map.addLayer(gjsonFile);

但是什么也没显示，我得到这个错误：

Uncaught SyntaxError: Unexpected token < in JSON at position 2

有人解决吗？

NB。 我尝试使用此网址： https://c.data.osmbuildings.org/0.2/anonymous/tile/15/17607/10743.json 而且有效，所以我对本地路径有疑问。

Answer 1

您可以使用require从本地主机目录中读取json文件，并使用(new GeoJSON()).readFeatures来读取json对象。在此处引用答案https://stackoverflow.com/a/61948057/13594097