vue+ECharts4.x地图下钻/散点分布以及热力图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+ECharts4.x地图下钻/散点分布以及热力图相关的知识,希望对你有一定的参考价值。

参考技术A 因为工作原因用到echarts,需要实现三个功能国家到省级的地图下钻和散点分布以及热力图显示

网上资料蛮少的,记录一个给后面的小伙伴一些参考,如果帮到你请点赞d=====( ̄▽ ̄*)b

中国地图下显示为热力图,显示精确分布点只是demo所以数据是自己写的假数据只有几条

点击进入省份地图,在地图之外还有那个小箭头是数据的原因不是bug改下数据就好

先上官网 http://echarts.baidu.com/option.html#title ,表白echarts,文档真的很详细,良心官网

下钻到市级县级道理也是如此

欢迎留言交流 (´▽`ʃ♡ƪ)**

vue3高德地图的下钻方法

参考技术A 1.
刚进入时为全国的地图,鼠标划入时,有tooltip显示某个省份的名称,并且会有填充色,移除即消失
2.
点击某个省份时,会下钻到下级行政区域,并且有画线
3.
点击返回全国时,地图返回全国

以上是关于vue+ECharts4.x地图下钻/散点分布以及热力图的主要内容,如果未能解决你的问题,请参考以下文章

vue3高德地图的下钻方法

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

不习惯的 Vue3 起步六 の Echarts绘制下钻地图

vue+echarts+geoJson+MakeAPie实现地图下钻和数据显示