百度地图滚轮缩放时产生位置偏移 问题
2018-07-23 06:15:14来源：博客园 阅读 ()
最近在调用百度地图的过程中，发生了在地图上滚轮缩放，结果产生了位置偏移的情况，同样在移动端，双指缩放也有同样的问题。
这个问题产生的原因主要是因为百度地图加载的位置因为定位等原因，与整个html 页面产生了不同步滚动的问题。
百度地图的缩放是基于body层的，如果body层有滚动条，并且不在最顶端，在当前位置插入了百度地图，也就是出现该问题时的状态，这个时候滚轮缩放就会产生偏移。
那么知道了该问题产生的原因，解决办法就会有很多。
这里提供了我在项目中的处理办法。
当地图加载的时候执行
$(window).scrollTop(0);
也就是将父元素滚动到页面最顶端，因为产生问题都是因为position:fixed; 所以就算滚动到最顶端，地图也会加载在视图中，之后缩放就正常了。
同样的，在关闭加载地图的时候要将视图位置滚回之前所在的位置，这里我直接大约算了一下距离滚了回去
$(window).scrollTop(1000);//1000就是约等于之前视图所在位置距页面最顶端的距离
这个问题就算是解决了。
这里提供的不是最优解决办法，只是一种思路，有其他解决办法欢迎留言意见，谢谢！
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
下一篇：koa源码阅读[0]
- 鼠标滚轮控制网页横向移动实现思路 2020-02-20
- 使用百度echarts仿雪球分时图（一） 2019-08-14
- vue集成百度富文本编辑器 2019-08-14
- 微信小程序地图开发总结 2019-08-14
- react 地图可视化 cesium 篇 2019-08-14
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
