自定义echarts地图

2018-10-15  本文已影响0人  Hyunna

最近接到一项任务就是为商场各楼层做一个热力图,第一个我想到的就是echarts的地图热力图,echarts的底图由一个js文件控制,所以我们替换这个js文件就ok了。

  1. 下载一个地图文件


    image.png

    你会发现这是一个geoJson格式的文件,我们只需要配置好坐标coordinates就ok了

  2. 得到商场平面图的坐标
    这就需要UI的配合了,画出一份svg图
  3. 将svg文件转换成geoJson文件
    这里我使用一个npm包,svg-to-geojson
  4. 替换echarts地图文件,over!
上一篇下一篇

猜你喜欢

热点阅读