想起之前帮人做的一个地图功能,没有任何地理坐标数据,需要生成可互动的区县地图
之前echarts可以在线生成地图数据,但是现在因为某些原因,echarts已经不提供这项福利了
以我仅有的一点经验,只能通过canvas读取图片数据生成坐标数据了
试了一下,没想到成功了,记录一下整个过程
1、首先百度,找一张需要生成区县地图的地图图片
2、稍做处理
非常简单的处理,用windows自带的画板工具就能完成,这里就不多说了
3、用canvas获取图片数据
getImageData获取到的图片数据是一个数组,数组的内容是从坐上角第一个像素开始,从左向右,从上到下,所有像素的rgba值,所以数组的总长度应该是图片长度乘以图片宽度乘以4
直接上代码吧
Document