Google 为 javascript 放置 api 自动完成限制为建议

Question

我正在使用这个 api:

google.maps.places.Autocomplete

我需要能够将我的文本字段限制为仅 api 的结果，并且不允许自由选择文本。

这是我的代码：

var ac = new google.maps.places.Autocomplete($('#txt').get(0));
ac.place_changed = function () {
    // TODO: add code to verify address if required
}

自动完成中是否有一些设置可以执行此操作...？

Answer 1

我通过应用一些东西设法找到了解决方案。

首先，form标签需要onsubmit和return:

<form action="..." method="get" onsubmit="return formSubmitted(this);">

2，自动完成应该设置一个变量（比如ac_var）获取地点数据

ac.place_changed = function () {
    var pl = ac.getPlace();
    var addr = pl.address_components;
    ac_var = addr[0].long_name;
}

3、javascript中的函数：

function formSubmitted(frm) {
    if ( frm.txt.value == '' || ac_var == '' )
        return false;

    return true;
}

对 addr[0].long_name 进行一些检查以检查它是否存在也应该是好的。

Google 为 javascript 放置 api 自动完成限制为建议

Google places api for javascript autocomplete restrict to suggestions

javascript

jquery

autocomplete

google-places-api