Ograniczenia Google places.AutocompleteService() do kraju w Angular - Nie działa

Question

Próbuję użyć api Miejsc Google, aby zwrócić autouzupełniane wyniki, które są ograniczone tylko do kraju (w moim przypadku, USA), ale usługa nie wydaje się używać właściwości componentRestriction. Nie znalazłem nikogo innego mającego ten problem, więc myślę, że to jest problem z moim kodem. Używam także kanciastych dla aplikacji, ale nie mogłem zobaczyć, jak to wpłynęłoby na serwis internetowy.

Oto zasadzie to, co mam:

HTML:

<input ng-model="query" ng-keyup="getPredictions(query)"> 

JS:

var autoComplete = new google.maps.places.AutocompleteService(); 

$scope.getPredictions(query){ 

    var searchObj = { 
     input: query, 
     componentRestrictions: {country: 'us'}, 
     types: '(cities)' 
    }; 

    autoComplete.getQueryPredictions(searchObj, function(predictions, status) { 
     //... 
      $scope.response = predictions;     
    }); 
}; 

Filtr 'typów' działa, ale componentRestrictions nie jest.

ja także set-up skrzypce wykazać: http://jsfiddle.net/jdalton308/cLtyv803/7/

Dzięki za pomoc.

Answer 1

Zgodnie z documentationgetQueryPredictions() przyjmuje obiekt QueryAutocompletionRequest - który po prostu nie ma właściwości componentRestrictions.

Jeśli chcesz użyć componentRestrictions, musisz użyć metody getPlacePredictions() z akceptacją obiektu AutocompletionRequest.

To powinno działać:

autoComplete.getPlacePredictions(searchObj, function(predictions, status) { 
    //... 
     $scope.response = predictions;     
});