使用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中心