谷歌自動完成不返回拉特長

Question

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

<script> 
function initialize() { 

    var input = document.getElementById('searchTextField'); 
    var autocomplete = new google.maps.places.Autocomplete(input); 

    autocomplete.addListener('place_changed', function(){ 
     console.log(autocomplete.getPlace()); 
    }); 
} 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 

<input id="searchTextField" type="text" size="50"> 

從我的瀏覽器中的控制檯，我可以看到，getPlace.geometry.location.lat是空的。我錯過了什麼嗎？

Answer 1

getPlace.geometry.location.lat是一個函數，你需要調用它來獲得它的值（getPlace.geometry.location.lat()）。

getPlace.geometry.location.toUrlValue(6)會給你逗號分隔座標。

代碼片段：

function initialize() { 
 
    var input = document.getElementById('searchTextField'); 
 
    var autocomplete = new google.maps.places.Autocomplete(input); 
 

 
    autocomplete.addListener('place_changed', function() { 
 
    console.log("lat=" + autocomplete.getPlace().geometry.location.lat()); 
 
    console.log(autocomplete.getPlace().geometry.location.toUrlValue(6)); 
 
    }); 
 
} 
 

 
google.maps.event.addDomListener(window, 'load', initialize);

<script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script> 
 
<input id="searchTextField" type="text" size="50">