Google地图未显示完整地址

Question

我正在尝试让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)']继续而不显示其余的地址.

我哪里做错了？

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

以下是一个有效的代码片段:

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>