javascript - 如何在 d3.js 中缩放 GIS 数据？

Question

以此为例，我如何缩放图形以使其放大更多。我问是因为我只想可视化德克萨斯州的数据，所以我想更改缩放比例以使其更大。

是否可以使用内置的 d3.js 函数进行缩放，或者是否必须修改 JSON 数据中存在的转换值（缩放和/或转换）？

Answer 1

d3.geo.path() 使用 d3.geo.albersUsa() 投影，除非您定义一个新投影。据我所知，d3.geo.albersUsa 不提供任何更改中心的选项，尽管您可以更改比例。为此，您需要明确定义投影并将其应用于地理路径，如下所示：

projection = d3.geo.albersUsa().scale(1500);  
path = d3.geo.path().projection(projection);

但是你可以使用 d3.geo.albers，它提供了一个 center() 函数，就像大多数 D3 投影一样：

projection = d3.geo.albers().scale(2000).center([0,30]);
path = d3.geo.path().projection(projection);

这应该会给你一张以德克萨斯为中心的美国阿尔伯斯投影地图。