如何使用打字稿在高图中为纬度/经度加载proj4并做出反应

Question

我想在使用打字稿的反应中重现this高图示例。但是，未显示经纬度，这似乎与proj4软件包有关，因为它正在此JavaScript demo中工作。

我在live demo中尝试过。如果我按以下方式加载程序包，则不会使用它，但不知道应在何处调用它：

import * as proj4 from "proj4";

谢谢！

Answer 1

无论好坏，Highmaps都希望在全局对象上定义proj4。只需添加以下代码行：

(window as any).proj4 = proj4;

Answer 2

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