需求:
在中国地图上绘制散点图、热力图以及攻击线图
尝试及原理:
一开始单独使用百度地图能做出散点图和热力图,但攻击线图不能实现。然后,尝试echarts,echarts均能做出,但是echarts地图只是显示轮廓不够精确,于是便将二者结合,以百度地图作为背景,利用echarts将三种类型的图画在地图上,原理比较简单
参考示例:
echarts双攻击线:https://gallery.echartsjs.com/editor.html?c=xXdfVw7VO4
echarts散点图:https://www.echartsjs.com/examples/zh/editor.html?c=map-polygon
echarts热力图:https://www.echartsjs.com/examples/zh/editor.html?c=heatmap-bmap
网上找的经验贴:https://www.cnblogs.com/chaoyueqi/p/9830403.html
效果图:
代码:
码云:https://gitee.com/hggl_bera/echart-baidumap
踩过的坑点:
1、将series中的coordinateSystem设为bmap
2、echarts中clear不能完全完全清楚攻击线图,解决办法是disclose掉,然后重新绑定加载