Как загрузить proj4 для lat / long в старших картах, используя машинопись и реагировать

Question

Я хотел бы воспроизвести этот пример highmaps в реакции с использованием машинописи. Тем не менее, точки lat / long не отображаются, что связано с пакетом proj4, так как он работает в этом javascript demo .

Я попробовал это в живой демоверсии . Если я загружаю пакет следующим образом, он не используется, но я не знаю, где он должен называться:

import * as proj4 from "proj4";

Заранее спасибо!

Answer 1

Highcharts требует, чтобы библиотека proj4 была доступна на window, чтобы вы могли создать свой собственный файл, который экспортирует этот пакет в виде модуля и будет иметь следующий код:

import proj4 from 'proj4';

if (typeof window !== 'undefined') {
  window.proj4 = window.proj4 || proj4;
}

export default proj4;

Сохраните его в другом файле, например 'proj4-module.js' и затем импортировать его так:

import './proj4-module'

Живой пример: https://codesandbox.io/s/m4o2q0pzzy

Answer 2

К лучшему или к худшему, похоже, Highmaps ожидает, что proj4 будет определен для глобального объекта. Просто добавьте эту строку кода:

(window as any).proj4 = proj4;