第二次使用fancybox的gmaps无法正常显示

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