将GeoJSON文件导入React-Leaflet

Question

我正在尝试导入一个GeoJSON文件到react-leaflet，如下所示：

import * as bar from "./data/bar.geojson";

...

function Foo() {
  return (
    <Map center={[...]} zoom={...}>
      <TileLayer
        ...
      />
      <GeoJSON data={bar} />
    </Map>
  );
}

export default Foo;

我得到“错误:无效的GeoJSON对象”。调用<GeoJSON data={bar} />。我将相同的GeoJSON数据硬编码到这个javascript文件中，并且它起作用了，所以一定是导入或处理GeoJSON文件的方式导致了问题。

有没有人知道我为什么会出错？提前感谢！

Answer 1

您可以像这样导入geojson文件：

    import bar from "./data/bar.geojson";

然后按照示例中所示的方式使用它。