Echarts多层geo实现缩放、拖动同步且不卡顿！！和不同窗口尺寸始终保持立体效果

1. 多层geo实现缩放、拖动同步且不卡顿

主要通过某一篇博客的一个方法，监听拖动来实现

https://blog.csdn.net/m0_37294207/article/details/96879705

通过这个方法能够实现同步，但会发现新问题即拖动第一层geo，第二层geo会延迟

解决：
直接在第二层geo上加上该配置：

animationDurationUpdate:0,

配置解读就直接看官方文档的说明，如上，这个值的默认为300，将其设为0即可

当然这个配置生效的前提是animation为true，设为false是不延迟了，但卡的不行

2. 窗口尺寸变化时，多层geo始终保持立体效果

实现起来很简单，主要就是控制每层geo的left和top值

一般都是给left增加个2%即可了，具体自行调试

切记不要将某个设为center，看似简单方便了，其实就不能自适应窗口变化了

get:[{//只放了关键代码
	left:'12%',
	top:'10%',
},{
	left:'14%',
	top:'10%',
}]

最后有个问题找不到解决方案，当把地图拖动出当前窗口后，拖不回来了，不知道有无解决方案

代码007普通

打赏 收藏 海报 链接