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

Defining Regions in a US Map Using D3.js

本文关键字:定义 区域 地图 美国 D3 js 使用      更新时间:2023-09-26

我正在展示一张非常基本的美国地图;只有各州。我正在寻找的是一种将地图划分为区域的好方法,只需一个鼠标悬停(该区域中的所有州都改变颜色),然后单击侦听器。

到目前为止,最好的选择是:我如何/在哪里获得非美国国家的州、省和行政区域的geoJSON数据?

那似乎比它应该做的要多得多。谁有更好的方法比导入50个不同的形状文件,并手动编辑到区域的建议?

这个演示接近你想要的:

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

你要做的就是操纵美国。json文件;我没有看到州名,但我看到了ID,通过将地区中的州合并到一个ID来创建地区。尝试应用你自己的onclick/hover,如果你不能得到,分享你的尝试,我们从那里开始。