jquery - 谷歌地图 + jQuery : rendering bug

Question

在 jquery-ui 选项卡中放置谷歌地图时， map 在某些情况下无法正确显示。重现:

1. 去 here
2. 点击“列表”链接
3. 调整浏览器窗口大小
4. 点击“ map ”链接

观察一些地名叠加层正确绘制，但其他不正确。实际上，我已经删除了所有 jquery-ui 的东西以限制问题的范围，它似乎只是 display:hide/display:block 的应用导致了问题。

更新

这个错误偶尔也会发生，就在显示:无/ block 之间切换时 - 例如没有调整大小发生。这似乎在 IE(8) 中最常见。

Answer 1

每次显示 map 后尝试调用 map.onResize()。

如果在使用 display:none 隐藏 map 时调用它可能无法正常工作，因为它的高度和宽度将为零。