百度地图加载，中心点偏移组上角左上角处理方法

最新推荐文章于 2023-02-01 10:08:54 发布

轻松qinsong

最新推荐文章于 2023-02-01 10:08:54 发布

阅读量5.7k

点赞数

分类专栏：前端-百度地图文章标签：百度地图地图

本文链接：https://blog.csdn.net/u014136910/article/details/79218678

版权

前端-百度地图专栏收录该内容

3 篇文章 0 订阅

订阅专栏

问题描述

百度地图加载出来的时候，地图中心点偏移到左上角

原因

加载地图的div展示前，div为隐藏状态，但div显示的时候，地图相对页面的坐标发生偏移。（正常直接显示不存在这个问题）

处理方法

当展示div的时候，延迟加载百度地图

setTimeout(function () {
         map = new BMap.Map("MapMain", {
             enableMapClick: false
         }); // 创建Map实例
         var point1 = new BMap.Point(MapData[0].lng,MapData[0].lat);
         map.centerAndZoom(point1, 12);
         map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
     } ,1000 * 0.5);