百度地图坐标不居中 显示在左上角

项目中用到百度地图JavaScript API，一开始写了一个例子直接调用地图显示在页面上，没什么问题，放到下面这种切换div显隐的页面，加载地图后坐标居中不了，显示在左上角：

用百度地图就得百度一下，贴吧的这位小伙说的在理：

于是我给这个标签绑定了一个点击事件：

这样就能在div显示之后调用地图：

function showmap(){
    $('#mapdiv').show();
    var map = new BMap.Map("container");          // 创建地图实例  
    var point = new BMap.Point(116.585581,39.86865);  // 创建点坐标  
    map.centerAndZoom(point, 15);                 // 初始化地图，设置中心点坐标和地图级别  
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    var marker = new BMap.Marker(point);        // 创建标注    
    map.addOverlay(marker);                     // 将标注添加到地图中 
}

然后就能居中了：