gmaps用的fancybox心不是正常顯示第二時各地

Question

我遇到了一些非常奇怪的行爲，並不能弄清楚，爲什麼...我有一個位置的鏈接，我呼叫使用的fancybox：

$(".location_modal").fancybox(); 

的代碼顯示的位置是這樣的：

<div class="event_identifier"> 
    <div id="map_canvas" style="width:960px;height:500px;"></div> 
</div> 
<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
    $("#map_canvas").gmap3(); 
    }); 
</script> 

我第一次點擊的鏈接，它加載很大：http://cl.ly/3X1h1j031W0S0b0t1A3K 後，我再次關閉的fancybox，並點擊同一個鏈接，我得到如下：http://cl.ly/2J1B2G3W1L1i3i033v1X 。地圖畫布的大小相同，但地圖本身並未正確顯示。

我試過這個沒有fancybox，它似乎工作得很好，所以我認爲這可能是一種衝突。我使用的是最新版本的gmap3（3.3），jquery 1.5.2和fancybox 1.3.4。

謝謝！

Answer 1

谷歌地圖可能會因爲它的創建和設置本身，然後你刪除它，以及當它重新創建時認爲它不需要重新創建自己，因爲變量仍然在內存中而被混淆。

嘗試改爲許多人所做的是將地圖放置在單獨的iFrame中。