我需要在我的移动应用的多个页面上显示Google地图，这是使用JQuery Mobile框架。我的应用程序只是一个Android应用程序，使用webview，并加载存储在assets目录中的本地.html页面（和.js文件）。
我第一次打开带有地图的页面时，地图看起来很棒并且效果很好。如果我回到这个页面，或者如果我打开另一个带有地图的页面，页面在加载时会闪烁，然后地图本身会出现故障。最初只有左边1/3的地图图块可见。仅拖动地图会使问题变得更糟。好像地图不知道应该加载哪些图块。
有没有人遇到过在JQuery Mobile框架上运行多个地图页面的问题？如果我不得不在这一点上猜测，我猜想JQuery Mobile框架的AJAX加载系统会导致页面之间在地图方面产生某种干扰。我知道有办法关闭AJAX支持，但如果我不需要，我宁愿不这样做。
答案 0 :(得分：1)
我使用jQuery Mobile Framework为我的学校创建了一个地图应用程序。由于在滚动时使用AJAX加载谷歌地图，这就是导致视觉错误和加载缓慢的原因。
http://ceapps.weber.edu/tourdeweber
测试其中一张地图，如果您的问题相似，请告诉我。
我在初始化JQM时使用$.mobile.page.prototype.options.domCache = true;来存储您访问过的每个页面，以提高性能。
答案 1 :(得分：0)
在google.maps.event.trigger(mapObj, "resize");或pageshow
pagechange