topojson-svg topojson 到 svg 输出是颠倒的答案

【问题标题】：Topojson-svg topojson to svg output is upside-downtopojson-svg topojson 到 svg 输出是颠倒的
【发布时间】：2014-05-09 18:11:26
【问题描述】：

Topojson-svg 试用：我试了一下...

curl -o uk.topo.json 'http://bost.ocks.org/mike/map/uk.json' #get an online topoJSON file
topojson-svg -o output.svg uk.topo.json    #works !

但uk.json => output.svg 结果是 #000000FF 的版本：

这是英国，没错，但有奇怪的圆圈和倒置的英国。

【问题讨论】：

标签： svg d3.js topojson

【解决方案1】：

基于Jason davies' answer。

问题在于您将未投影的 TopoJSON（地理坐标）转换为 SVG。

您需要最新的topojson 代码：

 sudo npm rm -g topojson
 sudo npm install -g topojson
 topojson --version

应该返回 +1.6.12。

您需要先使用 topojson 预项目 uk.json。然后，使用 topojson-svg 将投影的 TopoJSON 转换为 SVG。

curl -o uk.topo.json 'http://bost.ocks.org/mike/map/uk.json' #get an online topoJSON file
topojson uk.topo.json --projection='d3.geo.mercator()' -o out.topo.json #works !
topojson-svg -o output.svg out.topo.json    #works !

产生：

uk.topojson 包含从 2 个不同的topoJSON 合并的 2 个层，大圆圈是由 object-places 层引起的。但是国家的形状做得很好。

【讨论】：