在页面上放置谷歌自动填充地址信息,而不是在表单中

时间:2016-05-18 18:13:47

标签: javascript html autocomplete

https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

我想在页面上的自动填充中显示城市,州和国家(格式:城市,州,国家/地区),但不在表单中。当用户选择自动完成时,我希望该信息在他们选择时显示,作为当前页面上的一种标题,而不是后续页面。

我是否应该使用自动完成功能中的ID来背靠背放置单独的Div?

您会在此页面上注意到,例如,只要您选择自动填充功能,您的位置就会显示在“标题”中。页面的即时。 http://latestweatheralerts.com/

谢谢

1 个答案:

答案 0 :(得分:0)

随着文档添加了演示代码:

var autocomplete = new google.maps.places.Autocomplete(input); 
autocomplete.bindTo('bounds', map);

autocomplete.addListener('place_changed', function() {
    var place = autocomplete.getPlace(); 
    //Now do something with the place object properties 
});