javascript - 谷歌地图 API 无法加载资源 : the server responded with a status of 403 ()

Question

目前我正在使用 Angularjs 开发一个定位项目，我正在使用 google maps JavaScript api 来加载 map ，并用于 google 自动完成服务。我已经从 http://maps.googleapis.com/maps/api/js 下载了 JS并放在项目的js文件夹中。

我已经创建了指令，代码如下:

.directive('callerLocation', function(){
            return {
                restrict:'E',
                replace:true,
                scope: {callerLocation:'='},
                template: '<input id="caller_location" name="caller_location" type="text"/>',
                link: function($scope, elm, attrs){
                    var autocomplete = new google.maps.places.Autocomplete($("#caller_location")[0], {});
                    google.maps.event.addListener(autocomplete, 'place_changed', function() {
                        var place = autocomplete.getPlace();
                        $scope.callerLocation=place.formatted_address;
                      $scope.$apply();
                    });
                }
            }
          })

并使用下面的代码访问这是 html

 <caller-location caller-location=caller_location class="form-control"></caller-location>

它工作了 3-4 天，之后出现访问被禁止的问题。

我在应用程序中包含如下 js。(address.js 包含来自 http://maps.googleapis.com/maps/api/js 的 js)

 module.exports = {
       client: {
       lib: {
       js: [
         'public/lib/google/address.js'
          ]
       }
     }
    }

Answer 1

在我通过 Cloudflare 启用火箭装载机后遇到了同样的问题。禁用 Rocket Loader 使站点恢复正常工作。