宣傳單 - 地圖不會中心對齊

Question

我正在使用leafletjs顯示地圖。我無法將地圖固定在中心位置。當我重新調整窗口大小時，地圖似乎將自己固定在中心位置。我創建了一個fiddle。發生在HTML
的這種特定情況下這個問題這是我的HTML地圖創建之前

<div id="test">click</div> 
    <div id ="left" style = "width:100px; height:500px; float:left; background-color:red"></div> 
    <div style ="width:100%"> 
     <div style ="width:80%; height:auto"> 
      <div id="list" style = "height:500px;background-color:black"></div> 
      <div id="map" style = "height:500px;display:none"></div> 
     </div> 
    </div> 

Answer 1

地圖畫布的位置和大小應該是固定的。首先隱藏/顯示<div>，然後創建地圖。更改訂單createMap();和$("#map").show();$("#list").hide();。

撥弄：http://jsfiddle.net/e6y5k/