使用jquery，ajax，json和谷歌地圖獲取街道名稱

Question

我想從一組座標中獲得街道的名稱。我可以將如下所示的URL粘貼到我的瀏覽器中以獲取JSON格式的數據。

http://maps.googleapis.com/maps/api/geocode/json?latlng=36.061637909151614,14.215711886063218&sensor=false

然而，當涉及到存儲在變量返回的數據，然後提取我感興趣的特定參數的值，在這種情況下結果/ address_components/LONG_NAME我被卡住。

我發現樣本從頁面讀取代碼到一個元素，我發現代碼來解析JSON，但我不知道如何把它們放在一起得到我的最終結果，這是一個字符串包含街道名稱。

任何幫助將不勝感激。

Answer 1

DEMO

var longName; 
$.getJSON('http://maps.googleapis.com/maps/api/geocode/json?latlng=36.061637909151614,14.215711886063218&sensor=false',function(data){ 
    longName = data.results[0].address_components[0].long_name; 
}); 

$('button').on('click',function(){ 
    alert(longName); 
}); 

Answer 2

爲此，您可以使用getJSON()方法：

var url = "http://maps.googleapis.com/maps/api/geocode/json?latlng=36.061637909151614,14.215711886063218&sensor=false"; 

$.getJSON(url, function (json) { 
    //console.log("JSON Data: " + json.results); 
    $.each(json.results, function (index, value) { 
     $.each(value.address_components, function (index, value) { 
      console.log(index + ': ' + value.long_name); 
     }); 
    }); 
}); 

FIDDLE DEMO