angularjs - Google 地图在后续请求中无法使用 ocLazyLoading

Question

我在使用 ocLazyLoading 的 google 地图时遇到问题，收到错误消息“您已在此页面上多次包含 Google Maps API。这可能会导致意外错误”。每当需要提高页面加载性能时，我都会使用 ocLazyLoading 来加载所有依赖项。

Google 地图适用于第一个请求，但在随后对同一页面的请求中导致错误提示“您已在此页面上多次包含 Google Maps API”并且地图没有显示。

以下是用于使用 ocLazyLoad 解决依赖关系的代码。仅供参考，我使用 Angular UI-router 进行路由，它是一个具有 IONIC 框架的混合移动应用程序。

.state('abstractpage.page1',  {  
      cache: false,
      url: "/page1/{param}",
      views: {
          'menuContent': {
              templateUrl: "views/page1.html",
              controller: "page1ctrl"
          }
      },
      resolve: {
          loadMap: ['$ocLazyLoad', function ($ocLazyLoad) {
              return $ocLazyLoad.load({
                  serie: true,
                  files: [
                    'js!https://maps.googleapis.com/maps/api/js',
                    'scripts/shared/markerwithlabel.js',
                    'scripts/shared/markercluster_compressed.js',
                    'libs/infobox.js'
                  ]
              })
          }]
      }
  })