如何在d3.js中扩展GIS数据？

Question

使用this作为示例，我如何缩放图形以使其放大更多。我问，因为我只想查看德克萨斯州的数据，所以我想改变缩放比例以使其更大。

是否可以使用内置的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，它提供像大多数D3投影一样的center（）函数：

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

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