百度地图坐标点不居中显示位置错误的解决方法

使用百度地图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:经常调用百度地图,之前没有出现过这个问题~~

关键词: 百度地图