谷歌在angularjs的控制台中放置自动完成显示错误？答案

【问题标题】：Google places autocomplete shows error in console in angularjs?谷歌在angularjs的控制台中放置自动完成显示错误？
【发布时间】：2017-01-10 05:11:43
【问题描述】：

我正在使用 angularjs 版本 1.13.X。在我的应用程序中有一个 google 地方自动完成搜索框作为指令。加载页面时，控制台中显示以下错误，但搜索框工作正常。

InvalidValueError: setComponentRestrictions: in property country: not a string; and not an Array

我的指令代码

routerApp.directive('googleplace', ['$state', function ($state) {
            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";
                            var latitude = 0;
                            var longitude = 0;
                            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;
                                }
                            }
                            latitude = scope.gPlace.getPlace().geometry.location.lat().toFixed(6);
                            longitude = scope.gPlace.getPlace().geometry.location.lng().toFixed(6);
                            //$state.go('home');
                            scope.Fn_setCookieData(latitude, longitude, countrycode);

                        });
                    });
                }
            };
        }
    ]);

如何解决这个问题？请帮助我并提前感谢

【问题讨论】：

标签： angularjs

【解决方案1】：

我看到options 有componentRestrictions，它不限于特定的国家。像componentRestrictions: {country: 'fr'} 这样的国家/地区限制可以解决这个问题。将fr 替换为您所在国家/地区的要求。如果您不需要对某个国家/地区的限制，只需避免在选项中使用它即可。

希望对你有帮助！

【讨论】：

是的，没错。Google 应该注意向控制台抛出错误消息的方式。

【解决方案2】：

我有同样的问题，但我已经更改为第 3 版并且它已经工作了。

Before http://maps.googleapis.com/maps/api/js?key=[MyKey]&libraries=places&language=en

After http://maps.googleapis.com/maps/api/js?key=[MyKey]&libraries=places&language=en&v=3

【讨论】：