使用d3绘制地图？

Question

我正在尝试以旧金山地图为中心，但是摆弄这些变量通常只会使图表消失。 所有这些似乎都在操纵整个地球。 我该如何做一些事情，例如逆时针旋转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]);

Answer 1

您可以将主要的g元素作为当前视口中心，然后对其进行旋转变换。 您可以通过根据容器元素和元素面积获取其dimentios以及其左和顶部位置来获得g中心