使用D3.js在美国地图中定义区域

Question

我正在展示美国的一张非常基本的地图;只是国家。我正在寻找的是一种将地图划分为区域的好方法，只需一次悬停（区域中的所有状态都会改变颜色）并点击监听器。

到目前为止，找到的最佳选项是：How/Where do I get geoJSON data for states, provinces, and administrative regions of non-US countries?

这似乎比它应该做的工作多得多。任何人都有一个更好的方法的建议，而不是导入50个不同的形状文件，并手动将它们编辑到区域？

Answer 1

此演示接近你想要的：

http://bl.ocks.org/mbostock/4060606
http://bl.ocks.org/mbostock/raw/4060606/
http://bl.ocks.org/mbostock/raw/4090846/us.json

你要做的是操纵us.json文件;我没有看到州名，但我看到了ID，通过将该地区的州合并为一个ID来创建您的区域。 尝试应用你自己的onclick / hover，如果你不能得到它，分享你尝试过的东西，我们将从那里开始。