百度地图api js中心点显示异常

在使用百度地图api js开发的过程中遇见这样一个问题:

使用map.centerAndZoom(point,14)函数时会发现地图显示的中心点位置与坐标不同,如果下面同样设置了new BMap.Marker(point);的话会发现marker的位置与坐标位置不一致。仔细观察会发现point的真实位置应该是在地图的左上角。如下图所示:

百度地图api js中心点显示异常_第1张图片

实际上造成这种问题的原因在与放置地图的容器设置了display:none;属性,这样会导致地图容器宽高为0,在宽高为0的容器上,中心点自然也是0了,即容器的左上角。

因此只能在可视的情况下创建地图。

解决办法:

一:设置定时器

setTimeout(function(){
    map.setCenter(point);
}, 200);

个人觉得这种办法有些笨,有些土,可能是作者君的强迫症在作怪。

二:不使用display,或者display后再创建地图:

$("div")show(function(){
    map.setCenter(point);
});

 

你可能感兴趣的:(百度地图api,js)