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/

传单 - 地图未对齐中心

1 个答案: