选择地点后，如何在地理自动完成输入中仅显示城市名称

Question

使用 jQuery 地理编码和地点自动完成插件，有没有办法在从建议列表中选择结果时仅显示城市名称（而不是州或国家/地区）？

Answer 1

是的，从自动完成下拉列表中选择地理编码结果后，只能显示地理编码结果的一部分。

您需要做的是为place_changed事件添加一个侦听器，然后触发"模糊"并设置您希望输入框显示的任何内容。

这应该可以帮助您入门：

function init(){
    var autocomplete = new google.maps.places.Autocomplete(
        // make sure we pass the HTML element and not the jquery object
        $('#my-input-field')[0]
        ,{
            types: ['geocode']
        }
    );
    // When the user selects an address from the dropdown,
    google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var parts = [], 
            city_name = '';
        // convert the address to something more usable
        $.each(place.address_components, function (i, value) {
            parts[value.types[0]] = value;
        });
        city_name = parts.locality ? parts.locality.long_name : '';
        $('#my-input-field')
            .one('blur', function(){
                // and here's where we set the input to whatever value we'd like
                $(this).val(city_name);
            })
            .trigger('blur');
    });
}