¿Cómo devuelvo una variable de la devolución de llamada del geocodificador JavaScript de Google Maps?

Question

Estoy trabajando con la API de google maps y cada vez que devuelvo la variable a la función de inicialización de la función codeLatLng, dice indefinido. Si imprimo la variable desde el códigoLatLng, se muestra bien.

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); 
     } 
     }); 
    } 
    } 

imprime indefinidos

si lo hago:

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); 
     } 
     }); 
    } 
    } 

imprime Nueva York, NY 10012, USA

Answer 1

No se puede devolver el valor de la función, el valor no existe aún cuando el la función vuelve.

El método geocode hace una llamada asynchonous y utiliza una devolución de llamada para manejar el resultado, por lo que tiene que hacer lo mismo en la función 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

que el regreso no está regresando de codeLatLng; está volviendo de la función anónima que se pasa al geocoder.geocode.

Creo que tendrá que pasar los datos usando otro mecanismo, p. una variable global

Answer 3

pase el geocodificador como parámetro de la función codeLatLng().

function codeLatLng(geocoder) { 

lo llaman como tal en su función de inicialización:

var addr = codeLatLng(geocoder); 

Answer 4

Usted está haciendo una solicitud asincrónica, su función codeLatLng() ha terminado y regresado mucho antes de que se realiza el geocodificador.

Si necesita los datos de codificación geográfica para continuar, tendrá a la cadena de sus funciones juntas:

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

La función geocode utiliza una devolución de llamada (function(results, status) { ... }) que es que se llama cuando la función geocode finaliza su trabajo. Por lo tanto, cuando devuelve un valor de esta devolución de llamada, solo lo devuelve a la función geocode, no fuera del codeLatLng.

Con esto usted tiene varias opciones: Definir una variable en codeLatLng y la puso en la función de devolución de llamada, por ejemplo:

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

O hacer las cosas que necesita con el resultado directamente en la función de devolución de llamada. O coloque el resultado en una variable global. (Además, si la función geocode es asíncrona, si vuelve inmediatamente y la devolución de llamada se realiza después, debe hacer una de las dos últimas, no puede devolver el valor de codeLatLng en ese caso)