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

Question

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 版本:

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

Answer 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 个不同层合并而成的 2 个层 topoJSON ，大圆圈是由 object-places 引起的层。但国家形状表现良好。