在项目中引入了百度地图,运行是发现标注的位置发生了偏移?

按道理是按照坐标定位的,为啥跑到左上角去了,刚开始百思不得其解。
废话不多说,直接上能够处理的代码。
加入这一行就可以了:map.panBy(580, 150);
//map.panBy(580, 150);
//第一个参数是宽度
//第二个参数是高度
//基本设置为你放 id = "allmap" 的div的一半,就居中了。
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(114.236412,22.691258);
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
// 添加带有定位的导航控件
var navigationControl = new BMap.NavigationControl({
// 靠左上角位置
anchor: BMAP_ANCHOR_TOP_LEFT,
// LARGE类型
type: BMAP_NAVIGATION_CONTROL_LARGE,
// 启用显示定位
enableGeolocation: true
});
map.addControl(navigationControl);
//解决标注点不居中的问题
map.panBy(580, 150);//中心点偏移多少像素(width,height)为div 宽高的1/2;
</script>

完美解决!敬礼,撒花。

|