谷歌地图:不需要调整地图大小
Google Map: unwanted resizing of the 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) {});
函数中,在DIV
fadeIn()完成后,
google.maps.event.trigger(map, "resize");
相关文章:
- wordpress谷歌地图调整大小
- 谷歌地图API v3调整大小事件
- 谷歌地图在我调整网页大小之前显示得不好
- 以谷歌地图为中心,使用标记调整响应大小
- 谷歌地图:不需要调整地图大小
- 调整 ES2015 地图以支持所需的行为
- 如何为地图上的所有形状调整边界
- 谷歌地图 API 在调整大小后不会重新居中
- 谷歌地图调整大小并在标签系统中居中
- 谷歌地图调整大小和居中,意外行为
- 在谷歌地图中动态调整标记图像的大小
- 如何使用谷歌地图调整滚动时的叠加层
- 谷歌地图首先加载灰色,当调整大小时加载图像
- 调整大小时,将点固定在交互式地图上的某个位置上
- 谷歌地图调整大小和居中似乎不起作用
- 谷歌地图调整大小
- 图像地图调整器不起作用
- 如何延迟谷歌地图调整大小
- 谷歌地图调整css显示none
- 触发谷歌地图调整大小