谷歌地图:不需要调整地图大小

Google Map: unwanted resizing of the map

本文关键字:地图 调整 不需要 谷歌地图      更新时间:2023-09-26

这是我的应用程序:

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) {});函数中,在DIV fadeIn()完成后,

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