本文讲述了如何应对一个前端需求，即在Echarts中自定义绘制包含新区的地图。在Echarts官网找到地图Json后，通过地图选择器下载并使用geojson.io进行区域细化，手动标定点以创建新区的形状，最终将定制的JSON数据引入Echarts实现地图展示。
需求说明：
今天本来在认认真真摸鱼的时候，突然接到一个客户需求，说是做一个首页，首页里面有一个本市的地图，通过点击不同的区域的地图块，然后跳转到对应区域的办公系统。
实践：
虽然作为一个后端程序员，但是这个小前端还是有信心的，然后就去Echarts官网找，后来发现一个问题，因为客户需求中有明确要求7个区县，但是地图中只有6个，有一个新区是才划分出来的。那么问题来了，新区怎么划分坐标，只能根据客户提供的图片来画，关键就是怎么定义坐标。
但是这并不能难道机智的我，因为精确度要求不高，所以就画一个大概，首先去地图选择器找一个对应的地图Json，推荐使用阿里的地图选择器；
有一个包含子区域选项，勾选以后才会区分区域模块，然后下载下来就OK。
当然&#x
最低0.47元/天 解锁文章
扫一扫
3419
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
