如何在 d3.js 中缩放 TopoJSON 地图

【问题标题】：How to scale a TopoJSON map in d3.js如何在 d3.js 中缩放 TopoJSON 地图
【发布时间】：2014-10-15 18:49:10
【问题描述】：

在this JSBin，我有一个 d3.js chloropleth；与图表不同，当我更改高度和宽度时，只有画布大小会发生变化。如何让地图也按比例缩小？

【问题讨论】：

【解决方案1】：

您想为您的路径定义一个投影，具体取决于它的类型（在您的情况下可能是 albersUSA）：

  var projection = d3.geo.albersUsa()
    .scale(800)
    .translate([width / 2, height / 2]);

var path = d3.geo.path()
    .projection(projection);

您需要根据需要翻译地图。

【讨论】：

只要添加行：var projection = d3.geo.albersUSA();，我就没有任何输出，就像在这个 JSBin 中一样：jsbin.com/posox/2/edit
@prooffreader 抱歉 - 应该是：var projection = d3.geo.albersUsa();