javascript - Datamaps 给了我一个无法读取未定义的属性“albersUsa”

Question

尝试创建地图时出现此错误：

我目前使用的版本"datamaps": "^0.5.8",是直接来自我的package.json. 我还检查了package.json实际包中的 main 指向的位置：

我发现了一个相关的问题，甚至可能是同样的问题：

https://github.com/markmarkoh/datamaps/issues/259

问题是没有人说出答案是什么，有人提到只加载了一个特定的国家/地区 js 文件，但我检查并datamaps.all.js正在加载。

Answer 1

这要归功于 D3 v4 的新模块化，这使得有必要扁平化命名空间：

但是，采用 ES6 模块有一个不可避免的后果：D3 4.0 中的每个符号现在共享一个平面命名空间，而不是 D3 3.x 的嵌套命名空间。

对于您的代码，这意味着使用 d3-geo 模块的某些引用无效，因为它们引用了 v4 中不再可用的属性：

地理 (d3-geo)

• d3.geo.albersUsa ↦ d3.geoAlbersUsa

因为 datamaps 已经定义了对 D3 的依赖，所以像^3.5.6这样将包括 D3 v4。但是，由于命名空间中的上述更改，您将不得不改用 D3 v3。