【 D3.js 入门系列 --- 10.2 】可拖动的地图

最新推荐文章于 2024-04-04 02:06:01 发布

DecemberCafe

最新推荐文章于 2024-04-04 02:06:01 发布

阅读量1.4w

点赞数 5

分类专栏： D3.js D3 数据可视化 - 入门系列文章标签： d3 地图中国力学图拖动

本文链接：https://blog.csdn.net/lzhlzz/article/details/39023247

版权

本文介绍了如何使用D3.js创建一个可拖动的中国地图，结合了力学图布局，允许用户拖动各个省份。通过读取地图数据，计算各省中点，进行三角剖分，并绘制线条，最终实现了一个交互式的地图效果。完整代码可在作者的个人博客和CSDN博客上查看。

摘要由CSDN通过智能技术生成

本人的个人博客为：www.ourd3js.com

转载请注明出处，谢谢。

本节是结合9.2节和10节的内容制作的一个可力学导向的中国地图，用户可以拖动中国的各个省份。

数据用的是 10.1节中简化的中国地图文件： china_simplify.json

1. 定义各函数

	var projection = d3.geo.mercator()
						.center([107, 31])
						.scale(850)
    					.translate([width/2, height/2])

关注

专栏目录

【 D3.js 入门系列 --- 10.2 】 可拖动的地图