百度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>

完美解決！敬禮，撒花。

 

--------------------- 
來源：CSDN 
原文：https://blog.csdn.net/hzhairuntao/article/details/83896888