google-places-api - 将 Google Places.AutocompleteService() 限制为 Angular 中的某个国家/地区 - 不起作用

Question

我一直在尝试使用 Google Places api 返回仅限于一个国家/地区(在我的情况下是美国)的自动完成结果，但该服务似乎没有使用 componentRestriction 属性。我还没有发现其他人有这个问题，所以我认为这是我的代码的问题。此外，我正在为应用程序使用 angular，但我看不出这将如何影响 Web 服务。

这基本上是我所拥有的:

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;                
    });
};

'types' 过滤器有效，但 componentRestrictions 无效。

我还设置了一个 fiddle 来演示:
http://jsfiddle.net/jdalton308/cLtyv803/7/

谢谢你的帮助。

Answer 1

根据documentation getQueryPredictions()接受 QueryAutocompletionRequest对象 - 根本没有 componentRestrictions属性(property)。

所以如果你想使用 componentRestrictions您需要使用 getPlacePredictions()方法接受 AutocompletionRequest目的。

这应该有效:

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