<style type="text/css">
    #allmap{width:100%;height:500px;}
    .map img{max-width:none;}
</style>

部分api修改api中style裡的#allmap式樣（width、height）會出現白屏問題。

另外，自己寫的img式樣會覆蓋百度地圖api中的img圖示式樣，導致地圖中圖示式樣出現問題。

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=我的祕鑰"></script>
 

祕鑰百度官網自行申請。

<div class="tab-con3">
	<a class="title" name="mao3">樓盤地址</a>
	<div class="map" style="height:413px;width:1209px;">
		<div id="allmap">
		</div>
	</div>
</div>

// 百度地圖API功能 
/****（11111111）****/
var map = new BMap.Map("allmap");          
$('.tab-con3').css("display","block");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);
map.enableScrollWheelZoom(true);     //開啟滑鼠滾輪縮放
var local = new BMap.LocalSearch(map, {
	renderOptions:{map: map}
});
local.search("北京市東城區王府井大街88號");
/****（11111111）****/
 

$(document).ready(function(){
  $(".details-info .nav a").click(function(){
       var index = $(this).index();
       $(".details-info .nav a").eq(index).addClass("current").siblings().removeClass("current");
     });
	 
  $("#info1").click(function(){
	   $(".tab-con1").css("display","block");
     $(".tab-con2").css("display","none");
	   $(".tab-con3").css("display","none");
     }); 
  $("#info2").click(function(){
     $(".tab-con1").css("display","none");
	   $(".tab-con2").css("display","block");
	   $(".tab-con3").css("display","none");
     }); 
  $("#info3").click(function(){
     $(".tab-con1").css("display","none");
	   $(".tab-con2").css("display","none");
	   $(".tab-con3").css("display","block");
     /****（22222222）****/

});
 

<style type="text/css">
	.details-info .tab-con2,
	.details-info .tab-con3{
		display:none;
	}
</style>

解決方法：建議等待容器處於可見狀態後再初始化地圖。即將(11111111)處的程式碼移至(22222222)處即可解決。