VUE使用echarts实现中国地图航线动态展示

      由于echarts4以上版本不支持中国地图,所以需要下载一下china.json文件到自己的项目中,可在我的github上下载,地址:https://github.com/LuXiaoNa/chinaMap.git

     在vue项目中实现代码如下:


其中数据结构是有地点的经纬度构成的三维数据,如下所示:

[[[113.811,22.639],[ 119.125,33.791]],[[118.128, 24.544],[ 119.125, 33.791]]]

实现效果如下图所示:

VUE使用echarts实现中国地图航线动态展示_第1张图片

 

你可能感兴趣的:(echarts,前端,vue.js)