Импорт файла Geo JSON в React-Leaflet - PullRequest
1 голос
/ 01 марта 2020

Я пытаюсь импортировать файл Geo JSON в ответную листовку, как показано ниже:

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

...

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

export default Foo;

Я получаю сообщение «Ошибка: недопустимый объект Geo JSON». для звонка <GeoJSON data={bar} />. Я жестко закодировал те же данные Geo JSON в этот файл javascript, и он сработал, поэтому это должен быть способ импорта или обработки файла Geo JSON, вызывающего проблему.

Есть ли у кого-нибудь идея, почему у меня ошибка? Заранее спасибо!

1 Ответ

0 голосов
/ 01 марта 2020

Вы можете импортировать файл geo json следующим образом:

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

И затем использовать его, как показано в вашем примере.

...