将谷歌自动完成地址信息放在页面上，而不是在表单中

Question

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

我想通过页面上的自动填充显示城市、州和国家（格式：城市、州、国家），但不是在表单中。当用户选择自动完成时，我希望在他们选择它时显示该信息，作为当前页面上的一种标题，而不是在后续页面上。

我应该将单独的 Div 与自动完成中的 Id 背靠背放置吗？

您会在此页面上注意到，例如，一旦您选择了自动填充功能，您的位置就会立即成为页面的“标题”。 http://latestweatheralerts.com/

谢谢

Answer 1

由于文档添加了演示代码：

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 
});