谷歌地图没有显示完整地址答案

【问题标题】：Google Maps not showing complete address谷歌地图没有显示完整地址
【发布时间】：2018-02-24 18:51:56
【问题描述】：

我正在尝试让 Google 地图以“城市 - 州、国家/地区”的格式自动完成地址，但是，它正在返回：

简而言之：只回城，却不知从何而来。

我是这样测试的：

var input = document.getElementById('address');

$(function () {
    var options = {
       types: ['(cities)']
    };
    var autocomplete = new google.maps.places.Autocomplete(input, options);
});

还有 JS：

<script src="https://maps.googleapis.com/maps/api/js?key=****&libraries=places"></script>

如果我删除types: ['(cities)'] 继续而不显示地址的其余部分。

我哪里做错了？

【问题讨论】：

标签： javascript jquery google-maps google-maps-api-3

【解决方案1】：

您能否为您的代码提供一个有效的 jsbin 或 jsfiddle 来全面调查问题？

但是，我修改了您的代码并添加了一个事件处理程序，它在我这边运行良好。

试试这个代码：

function Init () {
var input = document.getElementById('address'); 
var options = { types: ['(cities)']}
var autocomplete = new google.maps.places.Autocomplete(input, options);
}
google.maps.event.addDomListener(window, 'load', Init);

下面是工作代码sn-p：

function Init() {
  var input = document.getElementById('address');
  var options = {
    types: ['(cities)']
  }
  var autocomplete = new google.maps.places.Autocomplete(input, options);
}
google.maps.event.addDomListener(window, 'load', Init);

<div>
  <input id="address" type="text" size="50" placeholder="City - State, Country" autocomplete="on">
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=
AIzaSyCzjs-bUR6iIl8yGLr60p6-zbdFtRpuXTQ&libraries=places"></script>

【讨论】：