谷歌地图:不希望的地图大小调整

时间:2013-11-21 14:08:14

标签: javascript jquery html css google-maps

这是我的应用:

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

http://jsbin.com/axeWOwAN/1(全屏)

如您所见,在第二页中有一张地图无效。

仅测试地图并且工作正常。 但是当我把它插入我的布局(我需要的那个)时,它再也不能正常工作了。 不知怎的,有一些我无法找到的碰撞。

进行一些测试我发现将地图放在菜单的第一个位置,它完全符合我的需要:

http://jsbin.com/axeWOwAN/3

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

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

你能帮我解决这个问题吗? 非常感谢你!

1 个答案:

答案 0 :(得分:1)

问题是在隐藏画布的同时正在初始化地图,为此, 你应该在画布变得可见时重新初始化地图,或调整地图大小, 在menu.on('click', 'a', function(e) {}); fadeIn()完成后,尝试将其添加到DIV函数中

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