美文网首页
自定义echarts地图

自定义echarts地图

作者: Hyunna | 来源:发表于2018-10-15 11:20 被阅读0次

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

    1. 下载一个地图文件


      image.png

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

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

    相关文章

      网友评论

          本文标题:自定义echarts地图

          本文链接:https://www.haomeiwen.com/subject/yvtfzftx.html