javascript - 初始化谷歌地图而不可见= bug

Question

我在初始化谷歌地图时遇到了这个错误 - 而 Canvas 隐藏在(不活动的)选项卡上。 -> 它可以滚动和缩放，但不会扩展到整个 Canvas ， Canvas 的其余部分保持灰色。

我正在使用 jQuery map 扩展 ( http://code.google.com/p/jquery-ui-map/ ) 在我的页面上加载 gmap。还有两个选项卡 View ，其中一个选项卡上没有 map ，而另一个选项卡上有 gmap。

我有两种情况(在页面加载时初始化 map ):1.页面加载显示TAB1(带 map )2.页面加载显示TAB2(无 map )

在场景 1 中，一切正常， map 显示并显示，运行正常。在场景 2 中， map 如上图所示

切换选项卡时，我尝试再次初始化 map 。但这似乎没有任何效果。

• 是否有正确重新初始化 gmap 元素的选项？
• 重新膨胀 gmap 元素的方法？
• 您是否遇到过类似的错误并能为我提供解决方案？

谢谢!帕特里克

Answer 1

正如前面的答案中提到的，Google map 在初始化时仅呈现其容器大小的 map 。当包含元素不可见时， map 呈现的大小为 0x0。

您需要通过触发 map 本身的 resize 事件来通知 map 其包含的内容已更改大小。

// Assuming "map" is the map object returned by "google.maps.Map"
google.maps.event.trigger(map, 'resize');