d3.js - d3 地图显示空的，看似有效的 topojson 数据

Question

我遵循了这个例子：http ://bost.ocks.org/mike/map/

显示这个 topojson 文件：

https://github.com/max-l/topojson-experiments/blob/master/qc-map.json

地图总是空的，我尝试设置正确的中心 d3.geo.albers().center(-71,45) 和许多其他的东西都没有成功。

我注意到 Github 能够渲染它（带有传单）

https://github.com/max-l/topojson-experiments/blob/master/qc-map.json

这让我认为它是有效的 topojson ..

Answer 1

我猜它是一个投影问题。topojson 和您的中心中的坐标看起来像是 WSG84 或墨卡托坐标（美洲表示为负经度），它们与this question中的坐标相似。WSG84 通常是对 Google Maps 等投影特殊性的安全猜测，尽管 Albers 通常用于北美。

我使用显示地图的墨卡托做了一个要点，您可以在此处看到该块。