如何从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中的值。）