百度地图坐标点不居中显示位置错误的解决方法
使用百度地图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:经常调用百度地图,之前没有出现过这个问题~~