百度API地图的标注不是居中显示，而是显示在左上角是怎么回事？已解决！

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

按道理是按照坐标定位的，为啥跑到左上角去了，刚开始百思不得其解。

废话不多说，直接上能够处理的代码。

加入这一行就可以了：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>

 

 

完美解决！敬礼，撒花。