谷歌地理位置JS API捐贈廢話緯度/龍

Question

我用下面的代碼，以有效的API密鑰，從谷歌地理編碼器JS API獲取經緯度：

<script async defer type="text/javascript" 
    src="http://maps.google.com/maps/api/js?key=[key]"> 
</script> 
<script> 
    var geocoder = new google.maps.Geocoder(); 
    var address = "1600 Amphitheatre Parkway, Mountain View, CA"; 
    geocoder.geocode({ 'address': address}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) 
     { 
      console.log (results[0]); 
      // results[0].geometry.location.lat 
      // results[0].geometry.location.lng 
     } 
     else console.log(status, results); 
    }); 
</script> 

查詢到谷歌服務器工作正常，並帶回結果。問題是，無論輸入什麼地址，location.lat都會以_.E/this.lat()的方式返回，location.lng的返回值爲_.E/this.lng()。視口座標很好，但實際的緯度和經度結果對我來說是無稽之談。如果我將代碼放入函數並將其作爲回調傳遞，也會發生同樣的情況。

有沒有人曾經遇到過這個？有什麼我失蹤？我在搜索時找不到任何有關此問題的任何地方，這是我第一次使用該API。

Answer 1

results[0].geometry.location是google.maps.LatLng。它沒有.lat/.lng特性，它們的功能，你需要給他們打電話：

var geocoder = new google.maps.Geocoder(); 
    var address = "1600 Amphitheatre Parkway, Mountain View, CA"; 
    geocoder.geocode({ 
    'address': address 
    }, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     console.log(results[0]); 
     var lat = results[0].geometry.location.lat(); 
     var lng = results[0].geometry.location.lng(); 
     map.setCenter(results[0].geometry.location); 
    } else console.log(status, results); 
    }); 

proof of concept fiddle

代碼片段：

var geocoder; 
 
var map; 
 

 
function initialize() { 
 
    var map = new google.maps.Map(
 
    document.getElementById("map_canvas"), { 
 
     center: new google.maps.LatLng(37.4419, -122.1419), 
 
     zoom: 13, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }); 
 
    var geocoder = new google.maps.Geocoder(); 
 
    var address = "1600 Amphitheatre Parkway, Mountain View, CA"; 
 
    geocoder.geocode({ 
 
    'address': address 
 
    }, function(results, status) { 
 
    if (status == google.maps.GeocoderStatus.OK) { 
 
     console.log(results[0]); 
 
     var lat = results[0].geometry.location.lat(); 
 
     var lng = results[0].geometry.location.lng(); 
 
     var iw = new google.maps.InfoWindow(); 
 
     iw.setContent("lat:" + lat + "<br>lng:" + lng); 
 
     iw.setPosition(results[0].geometry.location); 
 
     iw.open(map); 
 
     map.setCenter(results[0].geometry.location); 
 
    } else console.log(status, results); 
 
    }); 
 
} 
 
google.maps.event.addDomListener(window, "load", initialize);

html, 
 
body, 
 
#map_canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map_canvas"></div>