百度地图滚轮缩放时产生位置偏移 问题

摘要:
最近,在调用百度地图的过程中,出现了地图上的滚轮缩放。这个问题主要是由于定位等原因导致的百度地图与整个html页面之间的异步滚动问题。百度地图的缩放基于身体层。当百度地图插入当前位置时,滚轮缩放将有偏移。加载地图后,执行$(window)。滚动顶部(0);也就是说,父元素滚动到页面顶部,因为问题是由位置引起的:

最近在调用百度地图的过程中,发生了在地图上滚轮缩放,结果产生了位置偏移的情况,同样在移动端,双指缩放也有同样的问题。

这个问题产生的原因主要是因为百度地图加载的位置因为定位等原因,与整个html 页面产生了不同步滚动的问题。

百度地图的缩放是基于body层的,如果body层有滚动条,并且不在最顶端,在当前位置插入了百度地图,也就是出现该问题时的状态,这个时候滚轮缩放就会产生偏移。

那么知道了该问题产生的原因,解决办法就会有很多。

这里提供了我在项目中的处理办法。

当地图加载的时候执行

$(window).scrollTop(0);

也就是将父元素滚动到页面最顶端,因为产生问题都是因为position:fixed; 所以就算滚动到最顶端,地图也会加载在视图中,之后缩放就正常了。

同样的,在关闭加载地图的时候要将视图位置滚回之前所在的位置,这里我直接大约算了一下距离滚了回去

$(window).scrollTop(1000);//1000就是约等于之前视图所在位置距页面最顶端的距离

这个问题就算是解决了。

这里提供的不是最优解决办法,只是一种思路,有其他解决办法欢迎留言意见,谢谢!

免责声明:文章转载自《百度地图滚轮缩放时产生位置偏移 问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Orika JavaBean映射工具探秘iOS开发OC基础:OC数组对象NSArray的常用方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【随笔】手机QQ v4.0

  最近几天广大iOS和Android用户先后更新了手机QQ v4.0,反馈意见褒贬不一,有句话是“好事不出门,坏事传千里”,给用户一个好的更新版本可能1000个用户里面会有1个用户给出五星好评,但是一旦做出了一个有争议的更新版本,那么10个用户里面可能就有1个给出一星评价,这次企鹅就遭殃了,据说从4.0版本推出到现在几天的时间内已经收到3W+个一星评级,...

Jenkins-插件找不到/插件安装失败

Jenkins插件问题 1、初始化时插件异常 1、原因 1、Jenkins版本太旧插件无法使用2、网络或墙的问题导致插件无法下载安装 2、解决办法 1、从官网下载最新Jenkins版本2、更改插件代理源(见https://www.cnblogs.com/StefanieYang/p/13035396.html)。  2、正常安装需要的插件找不到或者安装失败...

tableau-空间分析(tableau入门day-5)

目录 1.场景一---背景地图添加和使用 2.场景二---双轴图流动地图的使用 场景一 使用场景:与分析相关联的背景地图插入,可与分析信息结合更紧密,方便用户理解,可以是公司内部人员分布,工厂平面图设备位置,及学校教学楼分布等信息,也可是人体图研究容易受伤部位等 知识点① 背景地图的添加 知识点② 页面的使用 知识点③ 高亮笔的用法 背景地图添加 地图...

Eclipse配置C++11环境详细介绍

转:https://blog.csdn.net/wgxh05/article/details/54021049 本文记录Eclipse配置C++11开发所有作者遇到的情况,包括跨工程文件编译,内联文件编译等。 1.菜单“Project”——“Properties”——“C++ General”,如图所示:   2.“C++ Build”——“Setting...

NetworkX系列教程(10)-算法之四:拓扑排序与最大流问题

小书匠Graph图论 重头戏部分来了,写到这里我感觉得仔细认真点了,可能在NetworkX中,实现某些算法就一句话的事,但是这个算法是做什么的,用在什么地方,原理是怎么样的,不清除,所以,我决定先把图论中常用算法弄个明白在写这部分. 图论常用算法看我的博客: 下面我将使用NetworkX实现上面的算法,建议不清楚的部分打开两篇博客对照理解. 我将图论...

拉普拉斯平滑(Laplace Smoothing)

拉普拉斯平滑(Laplace Smoothing)又称 加1平滑,常用平滑方法。解决零概率问题。 背景:为什么要做平滑处理? 零概率问题:在计算实例的概率时,如果某个量x,在观察样本库(训练集)中没有出现过,会导致整个实例的概率结果是0。 在文本分类的问题中,当一个词语没有在训练样本中出现,该词语调概率为0,使用连乘计算文本出现概率时也为0。 这是不合理的...