使用百度地图javascript api调用地图,出现坐标点显示在右下角的问题,正常情况应该是居中显示,搜索相关问题总结得出原因是百度地图加载的时候不对,正确的应该要等DOM加载完成之后再执行百度地图javascript代码,调整过后百度地图显示恢复正常。
解决方法:
使用 document.ready 或者 window.onload
代码如下:
Javascript
window.onload = function(){
var map = new BMap.Map('allmap');
var point = new BMap.Point(113.404, 32.925);
map.centerAndZoom(point, 16);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
var infoWindow = new BMap.InfoWindow('www.tddx.net');
map.openInfoWindow(infoWindow, point);
}
jQuery
$(document).ready(function(){
var map = new BMap.Map('allmap');
var point = new BMap.Point(113.404, 32.925);
map.centerAndZoom(point, 16);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
var infoWindow = new BMap.InfoWindow('www.tddx.net');
map.openInfoWindow(infoWindow, point);
});
PS:经常调用百度地图,之前没有出现过这个问题~~