如何使用jquery ajax調用Google地圖地理編碼服務

Question

我試圖從Google地圖地理編碼API獲取LatLng。我的代碼是低於地址值是「紐約，紐約」

$.ajax({ 
    url: 'http://maps.googleapis.com/maps/api/geocode/json', 
    data: { 
     sensor: false, 
     address: address 
    }, 
    success: function (data) { 
     alert(data) 
    } 
}); 

但我沒有得到任何值的警報。

感謝您的任何幫助。

Answer 1

您將需要聯繫有關rules的API。

$.getJSON({ 
    url : 'https://maps.googleapis.com/maps/api/geocode/json', 
    data : { 
     sensor : false, 
     address : address 
    }, 
    success : function(data, textStatus) { 
     console.log(textStatus, data); 
    } 
}); 

編輯：

如何愚蠢的我，不應該在早晨計算器！問題是跨域請求。出於安全原因，這是不允許的。請參閱：How to make cross-domain AJAX calls to Google Maps API?

請使用Google自己的Geocoding client。

Answer 2

或指定dataType爲jsonp？

$.ajax({ 
    url: 'http://maps.googleapis.com/maps/api/geocode/json', 
    data: { 
     sensor: false, 
     address: address 
    }, 
    dataType:'jsonp', 
    success: function (data) { 
     alert(data) 
    } 
}); 

Answer 3

V3地理編碼Web服務不支持JSONP請求，但它仍然可以在V2

參見：http://blog.futtta.be/2010/04/09/no-more-jsonp-for-google-geocoding-webservice/

Answer 4

這是我做到了。 Geocoder似乎正在創建它自己的回調。

geo.geocode({ 'address': myaddress }, function(data, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     var myylocation = data[0].geometry.location; 
     lat = myylocation.lat(); 
     lng = myylocation.lng(); 
    } 
}); 

Answer 5

如果有人在這個話題上尋求幫助，這就是我已經做到的。請注意，這是一個反向查找，但正向查找應工作方式相同：

`

function getLocation() { 
var latdegrees=40.2298; 
var londegrees=-41.88754; 
    var url = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + latdegrees + "," + londegrees + "YOUR API KEY"; 
    $.getJSON(url,function (data, textStatus) { 
      var streetaddress=data.results[0].formatted_address; 
      return streetaddress; 
     }); 
    }` 

Answer 6

沒有必要使使用jQuery的，谷歌地圖JavaScript API V3已經建立了自己的職能這使得API易於使用。

https://developers.google.com/maps/documentation/javascript/geocoding https://developers.google.com/maps/documentation/geocoding/intro

var geocoder = new google.maps.Geocoder(); 
geocoder.geocode({ 'address': address }, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
     map.setCenter(results[0].geometry.location); 
     var marker = new google.maps.Marker({ 
      map: map, 
      position: results[0].geometry.location 
     }); 
    } 
});