javascript - 在 jquery mobile 中更改页面后，谷歌地图只加载了一部分

Question

我在 jquery mobile 中有一个主页，它有指向另一个页面的链接，其中 map 遍布整个屏幕，标题位于顶部。当我转到 map 的那个链接时， map 只加载了一部分(如您在屏幕截图中所见)，当我尝试移动它时，它会跳回。

如您所见， Canvas 已正确加载，因为下方有谷歌地图 Logo 和使用条款。这有什么问题？

一个事实:当我刷新 map 页面(不是从主页开始)或当我在 map 页面上调整浏览器窗口大小时，它显示得非常好。

Answer 1

触发 map 刷新。本地图容器改变大小，或者最初隐藏然后显示时，可能会发生这种情况。例如，当使用 jQuery UI 选项卡并且 map 在隐藏选项卡上初始化时，也会发生同样的事情。

google.maps.event.trigger(map, 'resize')