我们如何初始化新的google.maps.places.Autocomplete（输入，选项）；对于同一页中的两个文本框？

我们如何初始化新的google.maps.places.Autocomplete（输入，选项）；对于同一页中的两个文本框？ 当我尝试这样做的时候，第一个初始化是工作的，第二个是不工作的

---

我尝试过google.maps.event.removeListener（自动完成）；和google.maps.event.clearListeners（自动完成，'place_changed'）；解除第一个绑定的方法…但没有任何效果…

不知道这是否是最优雅的，但这对我来说很有效

//将自动完成功能添加到搜索字段
var input_one=document.getElementById（'input_one'）；
var input_two=document.getElementById（'input_two'）；
var autocomplete\u one=新的google.maps.places.autocomplete（input\u one）；
var autocomplete\u two=新的google.maps.places.autocomplete（input\u two）；
//侦听器捕获更新的位置
google.maps.event.addListener（autocomplete_one，'place_changed'，function（）{
var objLocation=autocomplete_one.getPlace（）；
自动完成更新（对象定位）；
});
google.maps.event.addListener（autocomplete_two，'place_changed'，function（）{
var objLocation=autocomplete_two.getPlace（）；
自动完成更新（对象定位）；
});
功能自动完成_更新（对象位置）{
//在此处处理来自自动完成的结果。
//很明显，你可以有两个处理函数，
//或者，如果要区分这两个参数，请传入额外的参数
}

不知道这是否是最优雅的，但这对我来说很有用

//将自动完成功能添加到搜索字段
var input_one=document.getElementById（'input_one'）；
var input_two=document.getElementById（'input_two'）；
var autocomplete\u one=新的google.maps.places.autocomplete（input\u one）；
var autocomplete\u two=新的google.maps.places.autocomplete（input\u two）；
//侦听器捕获更新的位置
google.maps.event.addListener（autocomplete_one，'place_changed'，function（）{
var objLocation=autocomplete_one.getPlace（）；
自动完成更新（对象定位）；
});
google.maps.event.addListener（autocomplete_two，'place_changed'，function（）{
var objLocation=autocomplete_two.getPlace（）；
自动完成更新（对象定位）；
});
功能自动完成_更新（对象位置）{
//在此处处理来自自动完成的结果。
//很明显，你可以有两个处理函数，
//或者，如果要区分这两个参数，请传入额外的参数
}

我在一个项目中需要这个，这是我（在CoffeeScript中）使用的，它工作得非常好

inputs = document.getElementsByClassName("ac_places")
autocomplete = new google.maps.places.Autocomplete(input) for input in inputs

---

文本框的类是“ac_places”。

我在一个项目中需要它，这是我（在CoffeeScript中）使用的，它工作得非常好

inputs = document.getElementsByClassName("ac_places")
autocomplete = new google.maps.places.Autocomplete(input) for input in inputs

---

文本框的类别是“acu places”。

这是诺西回答问题的一种更优雅的方式

将自动完成和监听器的创建放在一个单独的函数中，以便可以重用它

我在这段代码中添加了一些日志记录，以便您可以在控制台中看到结果

代码

---

这是诺西回答的更优雅的方式

将自动完成和监听器的创建放在一个单独的函数中，以便可以重用它

我在这段代码中添加了一些日志记录，以便您可以在控制台中看到结果

代码

---

这对我不起作用。只有我点击的第一个有效，不管我先点击哪一个。你能发布相关的HTML吗？这对我不起作用。只有我点击的第一个有效，不管我先点击哪一个。你能发布相关的HTML吗？

body {padding:10px;font-family:Arial;font-size:14px;}
#map-canvas{width:100%; height:90%;}
#search-area{padding:20px;margin-bottom:20px;background:#ddd;text-align:center;}
input{font-size:20px;padding:5px;border:0;width:500px;}
label{font-size:20px; padding:10px;}