Google地图未显示完整地址

Question

我正在努力让Google地图自动填写“＃City; State - State，Country＆＃34;然而，它正在归还：

简而言之：只返回城市，但我不知道它来自哪里。

我用这种方式测试了它：

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)']继续而不显示地址的其余部分。

我哪里出错了？

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

以下是一个有效的代码段：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;