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中。