Как мне добавить свои собственные данные GeoJSON в Листовку-в реальном времени?

#reactjs #typescript #leaflet #gis #geojson

Вопрос:

Я создаю свое первое приложение для веб-карт, используя листовку, React и машинопись. Моя цель-отследить маршрут одного предмета (автобуса, автомобиля) с помощью простого маркера. В настоящее время я использую плагин Leaflet-realtime, вот мой код:

   const map = useMap(),
    realtime = (L as any)
      .realtime(
        {
          url: "https://wanderdrone.appspot.com/",
          crossOrigin: true,
          type: "json",
        },
        {
          interval: 3 * 1000,
        }
      )
      .addTo(map);

  realtime.on("update", function () {
    map.fitBounds(realtime.getBounds(), {
      maxZoom: 3,
    });
  });
  return null;
 

Раньше это работало нормально, однако URL-адрес больше не действителен. Все, что я хочу сделать, это визуализировать движение с помощью некоторых фиктивных данных, например, из файла GeoJSON.

Как я могу заменить URL-адрес своими собственными данными?