google-maps-api-3 - 如何格式化推送到文本框中的 Google Places 自动完成文本

Question

我正在使用 Google 将自动完成功能放在文本框上，它基本上可以正常工作，选择位置并将它们填充到文本框中。

问题是我只想从自动完成列表生成的列表中填充选择名称，而不是全名 + 地址格式。我似乎无法找到一种方法来覆盖文本框中的内容。

    var $name = $("#txtName");
    $name.focus();

    var autocomplete = new google.maps.places.Autocomplete($name[0]);
    google.maps.event.addListener(autocomplete, 'place_changed', function () {
        var place = autocomplete.getPlace();

        // explicitly update model
        // but doesn't display in UI
        $scope.locationData.Name = place.name;


        // explicitly update the input box - doesn't update UI
        $name.val(place.name);

        return false;  // doesn't work - updates UI
    });

基本上我想做的是通过自己完成分配并强制自动完成不设置文本框值来自己接管输入框文本分配。

这可能吗？

Answer 1

设置一个短延迟的值。

$('#NameBox').on('blur change', function () { $(this).val(place.name).off('blur change'); });
setTimeout(function () { $('#NameBox').val(place.name); }, 150);

使用 .off() 允许用户根据需要编辑名称。如果您只想允许 places API 名称删除 .off()。