使用jquery手風琴隱藏大部分的google地圖

Question

我有一個手風琴部件有2個選項卡。他們每個人都有一個GoogleMap。第一張地圖得到正確顯示，但是當我打開第二張地圖時，只有一部分地圖出現在視口中。

如果我通過註釋掉以下代碼來刪除小部件，那麼這兩個貼圖都會正確顯示。

$("#accordion").accordion({ 
     header: "h3", fillSpace: true, event: "mouseover" 
    }); 

如何在使用這個小部件的同時仍能正確顯示兩個地圖？

請檢查http://forums.asp.net/t/1780781.aspx/1?using+jquery+accordion+hides+most+of+googleMap以獲取代碼，因爲在本網站上發佈該代碼非常麻煩。

非常感謝！

Answer 1

您需要觀察手風琴的變化事件，並在地圖觸發時觸發調整大小事件。

實施例：http://jsfiddle.net/doktormolle/VqzPE/

示例存儲手風琴式內容的數據內的地圖，所以你可以方便地訪問其變化的火災時。