json - 将 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";

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