Google autocomplete place搜索框在angularjs中不起作用

谷歌自动完成地点搜索框显示“哎呀，出了点问题。”。我的代码在这里`

routerApp.directive('googleplace', function(){
 return {
          require: 'ngModel',
          link: function(scope, element, attrs, model){
          var options = {
                           types: [],
                           componentRestrictions: {}
                         };
 scope.gPlace = new google.maps.places.Autocomplete(element[0], options);
 google.maps.event.addListener(scope.gPlace, 'place_changed', function(e) {
    scope.$apply(function() {
      model.$setViewValue(element.val());
      var countrycode = "na";
      scope.secondplacebox = scope.chosenPlace;

      for(var i = 0; i < scope.gPlace.getPlace().address_components.length; i++)
      {   
        if(scope.gPlace.getPlace().address_components[i].types[0] == 'country')
         {
           countrycode = scope.gPlace.getPlace().address_components[i].short_name;

         }
      }

      var latitude = scope.gPlace.getPlace().geometry.location.lat().toFixed(6);
      var longitude = scope.gPlace.getPlace().geometry.location.lng().toFixed(6);
      scope.Fn_SearchFood(latitude,longitude,scope.date,countrycode);       

               });
     });
    }
  };
});

routerApp.directive（'googleplace'，function（）{
返回{
要求：'ngModel'，
链接：功能（范围、元素、属性、模型）{
变量选项={
类型：[]，
组件限制：{}
};
scope.gPlace=new google.maps.places.Autocomplete（元素[0]，选项）；
google.maps.event.addListener（scope.gPlace，'place_changed'，函数（e）{
作用域$apply（函数（）{
模型.$setViewValue（element.val（））；
var countrycode=“na”；
scope.secondplacebox=scope.chosenPlace；
对于（var i=0；i

我正在使用

 <script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=places&key=API_KEY"></script>

请给我一个例子，在谷歌api控制台中给出项目url。

---

请帮助，提前谢谢。

代码有问题吗？？？我被错误卡住了--“util.js:210谷歌地图API警告：Noapikes”代码有问题吗？？？我被错误卡住了--“util.js:210谷歌地图API警告：Noapikes”