ReferenceError：重新加载时未定义google

Question

我正在尝试使用googleplace autocomplete api和ng-map。我遇到的问题是在我尝试使用指令加载地图和地点之后。

我将脚本标记附加到index.html中的body标记。首次加载时，返回的Google对象可在整个应用中使用。但是当我重新加载页面时，我收到了“引用错误：谷歌未定义”。

    app.directive('loadSc', ['apiService'
       function (apiService) {
          return {
             restrict: 'A',

             link: function(scope, element, attrs) {
             var script = document.createElement('script');
                script.src = 'https://maps.googleapis.com/maps/api/js?key=+'apiService.apiKey'+&libraries=places';

             element.append(script);

             }
          };
       }
]);

我访问的大多数解决方案都没有帮助。