javascript - Google map :不必要地调整 map 大小

这是我的应用程序：

http://jsbin.com/axeWOwAN/1/edit

http://jsbin.com/axeWOwAN/1（全屏）

如您所见，在第二页中有一张地图无法正常工作。

仅对地图进行测试即可正常工作。
但是，当我将其插入到我的布局（我需要的布局）中时，它不再正常工作。
不知何故有些碰撞我找不到。

做一些测试，我发现将地图放在菜单的第一位置，它完全可以按照我的需要工作：

http://jsbin.com/axeWOwAN/3

http://jsbin.com/axeWOwAN/3/edit

但是我在第二页而不是第一页中需要它。

您能帮我解决这个问题吗？
非常感谢你！

最佳答案

问题在于，在隐藏画布的同时正在初始化地图，以克服这一点，
您应该在画布可见后重新初始化地图，或调整地图大小，
尝试在menu.on('click', 'a', function(e) {}); fadeIn（）完成后将其添加到您的DIV函数中，

 google.maps.event.trigger(map, "resize");