如何從Google Maps JavaScript geocoder回調中返回變量？

Question

我正在使用google maps API，只要我將變量返回給codeLatLng函數的初始化函數，它聲明未定義。如果我從codeLatLng打印變量，它顯示正常。

var geocoder; 
    function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    var addr = codeLatLng(); 
    document.write(addr); 

    } 

    function codeLatLng() { 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    if (geocoder) { 
     geocoder.geocode({'latLng': latlng}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      if (results[1]) { 
       return results[1].formatted_address; 
      } else { 
      alert("No results found"); 
      } 
     } else { 
      alert("Geocoder failed due to: " + status); 
     } 
     }); 
    } 
    } 

打印出不確定

如果我做的：

var geocoder; 
    function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    codeLatLng(); 


    } 

    function codeLatLng() { 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    if (geocoder) { 
     geocoder.geocode({'latLng': latlng}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      if (results[1]) { 
       document.write(results[1].formatted_address); 
      } else { 
      alert("No results found"); 
      } 
     } else { 
      alert("Geocoder failed due to: " + status); 
     } 
     }); 
    } 
    } 

打印出紐約，NY 10012，USA

Answer 1

您不能返回從函數的值，該值還不時存在函數返回。

的geocode方法使一個asynchonous通話，並使用一個回調來處理結果，所以你必須做同樣的codeLatLng功能：

var geocoder; 
function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    codeLatLng(function(addr){ 
    alert(addr); 
    }); 
} 

function codeLatLng(callback) { 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    if (geocoder) { 
    geocoder.geocode({'latLng': latlng}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
     if (results[1]) { 
      callback(results[1].formatted_address); 
     } else { 
      alert("No results found"); 
     } 
     } else { 
     alert("Geocoder failed due to: " + status); 
     } 
    }); 
    } 
} 

Answer 2

這回不是從codeLatLng返回;它從傳遞給geocoder.geocode的匿名函數返回。

我想你需要使用其他機制來傳遞數據，例如一個全局變量

Answer 3

將geocoder作爲參數傳遞給codeLatLng（）函數。

function codeLatLng(geocoder) { 

調用它像這樣在你的初始化函數：

var addr = codeLatLng(geocoder); 

Answer 4

你正在做一個異步請求，你codeLatLng()功能已完成，地理編碼完成之前返回長。

如果您需要的地理編碼數據繼續，你就得鏈的功能整合在一起：

function initialize() { 
    geocoder = new google.maps.Geocoder(); 
    codeLatLng(); 
} 
function codeLatLng() { 
    var latlng = new google.maps.LatLng(40.730885,-73.997383); 
    if (geocoder) { 
     geocoder.geocode({'latLng': latlng}, function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
        if (results[1]) { 
         initContinued(results[1].formatted_address); 
        } else { 
         alert("No results found"); 
        } 
       } else { 
        alert("Geocoder failed due to: " + status); 
       } 
     }); 
     } 

} 
function initContinued(addr) { 
    alert(addr); 
} 

Answer 5

的geocode函數使用回調（function(results, status) { ... }），這是當geocode函數完成其工作時被調用。因此，當您從此回調中返回一個值時，它只會將其返回到geocode函數，而不是codeLatLng之外。

有了這個，你有幾種選擇：在codeLatLng定義一個變量，並將其設置在回調函數，例如：

function codeLatLng() 
{ 
    var returnValue; 
    geocoder.geocode({'latLng': latlng}, function(results, status) { returnValue = results[1].formatted_address }); 
    return returnValue; 
} 

或者你直接需要的結果在回調函數的東西。或者把結果放到一個全局變量中。 （此外，如果geocode函數是異步的 - 如果它立即返回並且之後調用回調，則需要執行後兩項中的一項，在這種情況下，不能返回codeLatLng中的值。）