jquery - 传单 - 地图没有居中对齐

Question

我正在使用leafletjs 来显示地图。我无法将地图固定到中心。当我重新调整窗口大小时，地图似乎将自己固定到中心。我创造了一个小提琴。这个问题出现在HTML的这个特定场景下
This is my 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/