javascript - 自动完成谷歌地图

标签 javascript html google-maps google-maps-api-3 jquery-ui-autocomplete

我正在使用谷歌地图自动完成功能。 我想得到 LatLng 结果。 自动完成功能不起作用。 代码是:

<script src="https://maps.googleapis.com/maps/api/js?key=[API]&libraries=places"></script>
<script>
var geocoder;
function initialize() {
  geocoder = new google.maps.Geocoder();
}
function codeAddress() {
  var input = document.getElementById("address");
  var autocomplete = new google.maps.places.Autocomplete(input);
  var address = document.getElementById("address").value;
  geocoder.geocode( { 'address': address }, function(r, s) {
    alert   (r[0].geometry.location);
  });
}
</script>
<body onload="initialize()">
  <input type="search" id="address">
  <input type="button" value="Submit" onclick="codeAddress()">

</body>

问题是什么?

最佳答案

尝试这种方式(没有您的 codeAddress() 函数):

function initialize() {
    geocoder = new google.maps.Geocoder();
    var input = document.getElementById("address");
    var autocomplete = new google.maps.places.Autocomplete(input);
    autocomplete.addListener('place_changed', function() {
        var place = autocomplete.getPlace();
        if (place.geometry) {
            alert(place.geometry.location);
        }
    });
};

希望这有帮助!

关于javascript - 自动完成谷歌地图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38521474/

相关文章:

javascript - 如何在收到消息时重新加载 contentScript (page-mod)?

javascript - 为什么某些字符出现在 JS console.log 中的 'broken'?

javascript - NodeJS - 如果收到事件,则终止 promise 链

javascript - 如何每n秒改变一次背景颜色?

android - 如何获取用户在android中点击 map 的位置的经纬度

angular - 使用 Typescript 和 Angular 4 实现谷歌地图方向

javascript - 在使用 AngularJS 动态设置样式时访问样式属性

javascript - TTS HTML5 音频事件监听器

javascript - &lt;/script&gt; 在 &lt;script&gt; 标签中的 JavaScript 字符串中

ios - 如何在 GMSPanoramaView 上获取触摸事件/点击事件