最近接到一项任务就是为商场各楼层做一个热力图,第一个我想到的就是echarts的地图热力图,echarts的底图由一个js文件控制,所以我们替换这个js文件就ok了。
-
下载一个地图文件
image.png
你会发现这是一个geoJson格式的文件,我们只需要配置好坐标coordinates就ok了
- 得到商场平面图的坐标
这就需要UI的配合了,画出一份svg图 - 将svg文件转换成geoJson文件
这里我使用一个npm包,svg-to-geojson - 替换echarts地图文件,over!
网友评论