用d3画一张地图?

时间:2014-05-23 04:28:21

标签: d3.js

我正试图在旧金山的地图上居中,但摆弄这些变量往往只是让图表消失。似乎所有这些都操纵着整个地球。如何旋转我逆时针旋转90度?从地球中心旋转只是将它完全移出指定的中心,我不知道如何计算新的。

 svg_streets.selectAll("path")
          .data(data.features)
          .enter()
          .append("path")
          .attr("d", d3.geo.path().projection(projection))
          .attr("stroke", "#888");

 var projection = d3.geo.albers()
        .center([-122.446269,37.758107])
        .rotate([0, 0, 0])
        .parallels([36, 38])
        .scale(100000)
        .translate([chart.width()/2, chart.height()/2]);

1 个答案:

答案 0 :(得分:1)

您可以将主要g元素当前视口中心并对其应用旋转变换。你可以通过根据容器元素和元素区域获取它的dimentios及其左和顶位置来获得你的g中心