容器。用HighCharts和Leaflet淡入/淡出

Question

所以我有兩個包裝，一個有高圖，另一個有小冊子地圖。我使用按鈕來切換div進出。圖表格工作正常，但我必須點擊兩次按鈕才能渲染地圖。我試圖把一個setTimer()看看是否有助於轉型，但沒有。我有一個小提琴，說明了我試圖做什麼，但它與地圖here有問題。我的問題是爲什麼它不會立即渲染？以及我能做些什麼來使其立即呈現？由於

Answer 1

您渲染container的chart和container既有map和chart所以呈現chart您map div從container刪除後，因此產生的問題。

注：你給container id到div兩次

更換你HTML像

<div id="maincontainer"> 
    <div id="chart-wrapper" style="display:block; overflow: auto;"> 
     <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto;"></div> 
    </div> 
    <div id="map-wrapper" style="overflow: auto; display: none;"> 
     <div id="map-container" style="height: 400px; "></div> 
    </div> 
</div> 


<button id="toggle-btn">Map</button> 
<button id="run-btn">run</button> 

小提琴http://jsfiddle.net/QBYPH/2/