AngularJS、Google Maps APIの読み込み中に一時停止する

Question

Google Maps APIを読み込むためにAngular Google Mapsを使用していますが、APIスクリプトの読み込みに3-4秒間の一時停止があります。ページ上のすべてが読み込まれます - > 3-4秒の一時停止 - > APIスクリプトの読み込みが開始 - >マップが表示されます。

それだけでいくつかのタイマーイベントを待っているように見えます：

Googleマップの設定スニペット：ここ

uiGmapGoogleMapApiProvider.configure({ 
    key: 'xxxxxxxxxx', 
    v: '3', 
    libraries: 'geocoder', 
    preventLoad: false, 
    china: false, 
    transport: 'https' 
    }); 

マップロード：

をこの機能を経由して

<div id="shopMap" ng-init="initShopMap()"></div> 

：

$scope.initShopMap = function() { 
    if ($scope.shop.latitude && $scope.shop.longitude) { 
    uiGmapGoogleMapApi.then(function(maps) { 
     shopMap = new maps.Map(document.getElementById("shopMap"), { 
     control: {}, 
     options: { 
      draggable: true, 
      scrollwheel: false 
     }, 
     center: new maps.LatLng(0, 0), 
     zoom: 14, 
     marker: { 
      options: { 
      icon: { 
       scaledSize: { width: 24, height: 36 }, 
       url: '/images/pm-shop-icon.png' 
      } 
      } 
     } 
     }); 

     directionsService = new maps.DirectionsService(); 

     initMarkers(); 
     $scope.showShopMap = true; 
    }); 
    } 
} 

その遅延が起こるかもしれない理由を任意のアイデア？判明

Answer 1

✨おかげで、このプロジェクトではそのAPIのロードは、この行があるindex.htmにありませんでした、間違っていた、任意のヒントを非常に感謝：

<script async defer 
     src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> 
    </script> 

私もこれなしで働いていたマップか疑問行：