缩放、拖动同步且不卡顿!!和不同窗口尺寸始终保持立体效果"/>
Echarts多层geo实现缩放、拖动同步且不卡顿!!和不同窗口尺寸始终保持立体效果
1. 多层geo实现缩放、拖动同步且不卡顿
主要通过某一篇博客的一个方法,监听拖动来实现
通过这个方法能够实现同步,但会发现新问题即拖动第一层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%',
}]
最后有个问题找不到解决方案,当把地图拖动出当前窗口后,拖不回来了,不知道有无解决方案
更多推荐
Echarts多层geo实现缩放、拖动同步且不卡顿!!和不同窗口尺寸始终保持立体效果
发布评论