javascript - Framework7 谷歌地图无法在第二页点击加载

Question

您好，我在第一次加载时使用framework7时遇到问题，当我导航到其他页面然后单击返回带有谷歌地图的页面时， map 正在加载，但 map 无法加载。

if (page.name === 'location') {
         new GMaps({
          div: '#map',
          lat: -12.043333,
          lng: -77.028333
        });

}

Answer 1

对于那些使用框架 7 并遇到此错误的人，我想发布我所做的纠正措施，只是调查了框架 7 页面中的元素在导航到每个页面时被缓存，这就是为什么谷歌地图只能出现在第一次导航时带有 map 的页面在您第二次导航时会重复该页面，您的目标 DOM 位于缓存中，这就是为什么它在您第二次使用 googlemap 导航到页面时不会出现。

 var mainView = myApp.addView('.view-main', {
   domCache:false,
 });

将 domcache 设置为 false；默认情况下是真的。您需要将其设置为 false 才能正确加载 map 。