解决百度地图位置标注不在中心的问题

Html代码

<div class="media-map" >
                    <div id="allmap" style="float: left; height: 245px; width:  490px;" ></div>
                </div>
                <div id="r-result" hidden>
                    经度: <input id="longitude" th:attr="value=${inst.longitude}"  />
                    纬度: <input id="latitude" th:attr="value=${inst.latitude}" />
                </div>

<script>
    function showmap(){
        $("#allmap").show();
        theLocation();
        setTimeout(function(){ //相当于再次点击,第一次有可能会出现标注不在中心,但是地图的div高宽已经展示,所以再次点击下,标注一定在中心
            $("#allmap").show();
             theLocation();
        },100);
    }
    $(function () {
        $('.ratyBox').raty({
            path: function() {
                return this.getAttribute('data-path');
            },
            click: function(score, evt) {
                $("#starVal").val(score);
            }
        });

    });
    // 用经纬度设置地图中心点
    function theLocation(){
        var map = new BMap.Map("allmap");
        if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
            console.log('longitude=====>'+document.getElementById("longitude").value+'latitude=====>'+document.getElementById("latitude").value)
            var new_point=new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
            map.centerAndZoom(new_point,14);
            map.enableScrollWheelZoom(true);
            map.clearOverlays();
            var marker = new BMap.Marker(new_point);  // 创建标注
            map.addOverlay(marker);              // 将标注添加到地图中
            map.panTo(new_point);
        }
    }
</script>