我正在寻找一些指导或示例如何在 d3.js 中制作地理图表。
我需要类似的东西this one https://developers.google.com/chart/interactive/docs/gallery/geochart在谷歌图表中,并转向 d3.js,因为我需要一些定制。到目前为止,我发现的最接近的 d3.js 示例是this http://theartofasking.com/question/wjucdg6k但那里的代码很长,我希望找到更简单的东西。
您在寻找分区统计图吗?这是一个最近的例子只有 28 行代码 http://bl.ocks.org/3306362.
此示例使用默认投影,d3.geo.albers美国 https://github.com/mbostock/d3/wiki/Geo-Projections#wiki-albersUsa,这是美国(包括阿拉斯加、夏威夷和波多黎各)的合成投影。如果你想改变可见区域,你可能还想改变投影;d3.geo.albers https://github.com/mbostock/d3/wiki/Geo-Projections#wiki-albers适合等值区域图,因为它是等面积的。阿尔伯斯投影可让您设置origin https://github.com/mbostock/d3/wiki/Geo-Projections#wiki-albers_origin这样您就可以专注于全局的特定部分,并且所有投影都允许您指定scale https://github.com/mbostock/d3/wiki/Geo-Projections#wiki-albers_scale and 翻译 https://github.com/mbostock/d3/wiki/Geo-Projections#wiki-albers_translate将地图定位在屏幕上。
如果你想显示世界地图,我还会看看正在开发的扩展投影插件 https://github.com/d3/d3-plugins/tree/master/geo/projection。这增加了许多有用的地图投影,特别是对于世界地图,例如温克尔三重奏 http://bl.ocks.org/3682676。 D3 的下一个版本还将包括一些令人兴奋的新功能,例如任何投影的三维旋转(包括经线切割;尝试拖动这个例子 http://bl.ocks.org/3788999), 自适应重采样 http://bl.ocks.org/3795544并改进了剪辑。
至于对等值区域进行着色,您当然可以通过根据数据的函数重新定义“填充”样式来为地理特征着色。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)