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
版本:![wikiatlas_topojson-svg](https://cloud.githubusercontent.com/assets/1420189/2930350/2fbdc32a-d795-11e3-9cf6-c3319bb30ea4.png)
问题在于您将未投影的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个图层是从2个不同的topoJSON
文件合并而来的。大圆圈是由object-places
图层引起的。但是国家的形状表现良好。