android - JQuery Mobile 和谷歌地图故障

Question

我需要在使用 JQuery Mobile 框架的移动应用程序的多个页面上显示 Google map 。我的应用程序只是一个 Android 应用程序，使用 webview，并加载存储在 Assets 目录中的本地 .html 页面(和 .js 文件)。

我第一次调出带有 map 的页面时， map 看起来很棒而且效果很好。如果我返回此页面，或者如果我打开另一个上面有 map 的页面，加载时页面会闪烁，然后 map 本身会出现故障。最初只有大约左侧 1/3 的 map 图 block 是可见的。拖拽 map 只会让问题变得更糟。就好像 map 不知道应该加载哪些图 block 。

有人遇到过在 JQuery Mobile 框架上运行多个 map 页面的问题吗？如果我不得不冒险猜测这一点，我会猜测 JQuery Mobile 框架的 AJAX 加载系统导致页面之间与 map 有关的某种干扰。我知道有一些方法可以关闭 AJAX 支持，但如果没有必要，我宁愿不这样做。

Answer 1

我使用 jQuery Mobile 框架为我的学校创建了一个 map 应用程序。由于在滚动时使用 AJAX 加载谷歌地图，这就是导致视觉错误和加载缓慢的原因。

http://ceapps.weber.edu/tourdeweber

测试其中一张 map ，如果您的问题与此类似，请告诉我。

我在初始化 JQM 中使用 $.mobile.page.prototype.options.domCache = true; 来存储您访问过的每个页面以提高性能。