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

编程入门 行业动态 更新时间:2024-10-04 21:27:13

Echarts多层geo实现<a href=https://www.elefans.com/category/jswz/34/1770385.html style=缩放、拖动同步且不卡顿!!和不同窗口尺寸始终保持立体效果"/>

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实现缩放、拖动同步且不卡顿!!和不同窗口尺寸始终保持立体效果

本文发布于:2024-03-10 15:40:59,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1728367.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:缩放   拖动   多层   始终保持   尺寸

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!