如何旋转d3 geo svg map

时间:2014-12-28 10:22:00

标签: svg d3.js

我想旋转d3 svg地图,但我不能。

我用于投影此代码:

var projection = d3.geo.stereographic()    
    .center([3.9,43.0])    
    .scale(2000)    
    .translate([width / 4 , height / 2]) ; 

这是我的地图: turkey_map

我想要正常旋转。但我不能。当我使用rotate([0,90])函数时,它消失了:

我们如何正常旋转?

1 个答案:

答案 0 :(得分:2)

设置投影旋转就像将整个地球旋转90度一样。这就是土耳其完全消失的原因。而是使用SVG变换渲染g中的所有内容并旋转这些元素。