2017-02-16 10 views
0
<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が空であることがわかります。何か不足していますか?google autocompleteがlatを返さない

+0

'getPlace.geometry.location.lat'は関数であり、あなたはその値を得るためにそれを呼び出す必要があります。 – geocodezip

+0

@geocodezipはいわかっています。しかし、ブラウザのコンソールから値が空であることがわかりますか? – vandelay

+0

関数の値にはどのような値が見えますか? – geocodezip

答えて

2

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

+0

申し訳ありません。私はそれが私が辞書を展開することができます私のブラウザのコンソールでジオメトリ - >場所 - >緯度の値を見つけることができなかったので、空だったと思った。 – vandelay

関連する問題