javascript - Google Places JavaScript 自动完成 : can I remove the country from the place name?

Question

我有以下 jQuery 代码，可以很好地获取所选国家/地区的城市列表。

var city;   var place;

$('#city').on('focus',function(){
    input = this, options = {
        types: ['(cities)'],
        componentRestrictions: {
            country: $('#country option:selected').val()
            }
    };
    city = new google.maps.places.Autocomplete(input, options);
    google.maps.event.addListener(city, 'place_changed', function() {
        place = city.getPlace();
        $(input).val(place.address_components[0].long_name);
    })
})

基本上，一旦用户选择了地点，它就会将输入框中的值替换为没有国家/地区的“城市”值。

当用户已经选择了一个国家/地区时，在下拉菜单中包含 City, Country 看起来有点愚蠢，所以有人知道如果您定义了是否可以仅显示城市名称componentRestrictions 值将结果限制在一个国家/地区？

一旦做出选择，我发现我目前的设置方法有点……垃圾真的……

Answer 1

调用 Google API 时，指定属性“region”:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&key=your_key&language=fr&region=FR"></script>

然后，当您创建一个 Autocomplete对象，在 componentRestriction 属性中指定国家，以便它反射(reflect)您指定的区域:

    new google.maps.places.Autocomplete(        $("#my-input-field").get(0),        {            componentRestrictions: {country: "fr"},            types: ["(regions)"]        }    );