1


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>
4

1 に答える 1

2

マップ キャンバスの位置とサイズは、マップを作成する前に固定する必要があります。最初に を非表示/表示<div>してから、マップを作成します。との順序を変更createMap();し$("#map").show();$("#list").hide();ます。

フィドル: http://jsfiddle.net/e6y5k/

于 2013-07-17T10:48:40.510 に答える