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 またはメルカトル座標のように見え (アメリカは負の経度で表されます)、この質問の座標に似ています。WSG84 は一般に、Google マップなどの投影の特殊性については安全な推測ですが、北アメリカでは Albers が一般的に使用されます。

地図を表示するメルカトルを使用して要点を作成しました。ここでブロックを確認できます。