百度地图中心偏移到左上角,地图有时能加载出来有时加载不出来

在现在项目中使用到了百度地图:

1.订单起点设置为中心点

2.显示周围司机

在这个过程中遇到两个问题:

1、订单中心点左上角位置,网上查了很多资料,说是在div在隐藏的状态下创建BMap会出现这种情况,此时,默认为宽度和高度都为0,中心点自然就跑到左上角去了,网上

很多说了很多解决方案,map.centerAndZoom(point,15);            map.setCenter(point);                 查看百度API还有panTo();等等一些方法,还是没有解决问题,最终在API里面事件里找到了:地图加载完毕的事件,等地图加载完毕,在这个事件里在将地图的中心点设置成自己想要的点,这样会存在一个问题,就是如果设置的中心点是固定的点,那么每次拖动地图的时候最后的中心点都会在设置的固定点上,也就是会出现拖拽后又返回的的情况,像是有弹力般的感觉,这是就需要在js里定义一个变量,只让这个事件作用一次,就是指在第一次加载该地图页面的时候用该事件设置一次中心点,这样就完美解决该问题:

var loadCount = 1;
    map.addEventListener("tilesloaded",function(){
        if(loadCount == 1){
            map.setCenter(point);
        }       
            loadCount = loadCount + 1;
     });
     
 
2、地图有时显示的出来,有时加载不出来,开始以为是网速问题,后来觉得不是网速问题,是每次点击都加在百度地图,加载次数过多导致,解决方法就是指在加载js的时候加载一次百度地图就解决问题了,方法如下: 
<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&ak=百度秘钥&callback=initMap"></script>
然后在你的js里面定义initMap方法:
<pre name="code" class="javascript">var map;
function initMap() {
	// 添加百度地图
	map = new BMap.Map("allmap");
}
然后就解决问题了。

 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 12
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值