jquery - 谷歌地图隐藏然后切换时出现问题

标签 jquery google-maps slidetoggle

我的页面中有一个谷歌地图。我设置了一个按钮

.slideToggle()

显示/隐藏 map 的功能,它就是这样做的。 问题是我想默认隐藏 map 。 如果我在 css 上使用 display:none ,那么在切换(显示) map 后, 我没有看到我放入其中的标记。而且, map 区域似乎比其 div 区域小得多。 如果我加载显示 map 的页面 (display:block),所有这一切都不会发生。

如何开始隐藏 map ,并且在切换 map 后仍然能够看到它?

最佳答案

对于在 api v3 上仍然遇到此问题的其他人,请使用 google.maps.event.trigger(your_map_name, 'resize');,该方法相当于 api v2 中的 checkResize() 方法。

关于jquery - 谷歌地图隐藏然后切换时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7512100/

相关文章:

reactjs - 将文本添加到 Switch formcontrol 并使用 material ui 在 toggle 中更改它

javascript - 单击时显示元素而不是 CSS :hover

jquery - 窗口调整大小不起作用

jquery - 在滑动切换上带有嵌套 ul 的内联列表强制 li 显示为 block 项

Android google places API 超出每日配额

php - 使用 Google map 避免地理编码限制的替代方法

javascript - jQuery slideToggle() 性能不佳和/或卡住 IE8

jquery - 使用 jquery 选择最近的 anchor 元素

javascript - 删除滚动条上的事件

javascript - Google Places 自动完成搜索框 : How to control (enable/disable) predictions