如何使用打字稿和反应加载高图中纬度/经度的 proj4

Question

我想在使用打字稿的反应中重现这个highmaps 示例。然而，纬度/经度点没有显示出来，这似乎与 proj4 包有关，因为它在这个 javascript演示中工作。

我已经在现场演示中尝试过。如果我按如下方式加载包，它没有被使用，但我不知道应该在哪里调用它：

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