Javascript 谷歌地图自动完成(销毁和重用)

Javascript 谷歌地图自动完成(销毁和重用),javascript,google-maps,google-maps-api-3,autocomplete,Javascript,Google Maps,Google Maps Api 3,Autocomplete,我有一个利用Google Maps Javascript API的web应用程序 我希望能够做的事情之一就是“过滤”出结果 目前,我有4个按钮(全部、州、城市、邮编) 当按下All按钮时,没有过滤器,Google地图选项仅为 var options={componentRestrictions:{country:'us'} 当我按下城市按钮时,我希望能够运行 autocomplete.setTypes(['(cities)])并且该会话只显示城市 这是我的代码,我一直在尝试搜索其他地方,但还没有

我有一个利用Google Maps Javascript API的web应用程序

我希望能够做的事情之一就是“过滤”出结果

目前,我有4个按钮(全部、州、城市、邮编)

当按下All按钮时,没有过滤器,Google地图选项仅为

var options={componentRestrictions:{country:'us'}

当我按下城市按钮时,我希望能够运行

autocomplete.setTypes(['(cities)])
并且该会话只显示城市

这是我的代码,我一直在尝试搜索其他地方,但还没有找到任何东西。感谢您在advanced中的帮助

var input        = document.getElementById(this.$refs.geography_search.id);
var options      = {componentRestrictions: {country: 'us'}};
var autocomplete = new google.maps.places.Autocomplete(input, options);
autocomplete.addListener('place_changed', function () {
var place = autocomplete.getPlace();
if (!place.geometry) {
    window.alert("No details available for input: '" + place.name + "'");
        return;
    }
});

if (this.buttonActivated == 'city') {
     google.maps.event.clearInstanceListeners(autocomplete);
     autocomplete.setTypes(['(cities)']);
}

只需删除并插入destroy google autocomplete的输入元素

var location_search_input = $( ".search_input_container" ).html();

$( ".search_input_container" ).html( '' );

$( ".search_input_container" ).html( location_search_input);
这是完整的代码。

这将帮助你


只需删除并插入destroy google autocomplete的输入元素

var location_search_input = $( ".search_input_container" ).html();

$( ".search_input_container" ).html( '' );

$( ".search_input_container" ).html( location_search_input);
这是完整的代码。

这将帮助你


你的问题是什么?我猜@Ben想销毁
自动完成
实例并创建一个新实例。你的问题是什么?我猜@Ben想销毁
自动完成
实例并创建一个新实例。