Comment renvoyer une variable à partir du rappel de géocodeur Google Maps JavaScript?

Question

Je travaille avec l'API google maps et chaque fois que je renvoie la variable à la fonction initialize de la fonction codeLatLng, elle prétend qu'elle n'est pas définie. Si j'imprime la variable à partir du codeLatLng cela se montre 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 indéfinis

Si je fais:

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 New York, NY 10012, États-Unis

Answer 1

Vous ne pouvez pas retourner la valeur de la fonction, la valeur n'existe pas encore lorsque le retourne la fonction.

La méthode geocode fait un appel asynchonous et utilise un rappel pour gérer le résultat, donc vous devez faire la même chose dans la fonction 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

Ce retour ne revient pas de codeLatLng; il revient de la fonction anonyme étant passé à geocoder.geocode.

Je pense que vous devrez transmettre les données en utilisant un autre mécanisme, par ex. une variable globale

Answer 3

passe le géocodeur en tant que paramètre à la fonction codeLatLng().

function codeLatLng(geocoder) { 

appel comme si dans votre fonction initialize:

var addr = codeLatLng(geocoder); 

Answer 4

Vous faites une requête asynchrone, votre fonction codeLatLng() est terminée et est retourné bien avant que le géocodage est fait.

Si vous avez besoin des données géocodeur continuer, vous devrez enchaîner vos fonctions ensemble:

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 fonction geocode utilise un rappel (function(results, status) { ... }) qui est étant appelé lorsque la fonction geocode termine son travail. Ainsi, lorsque vous renvoyez une valeur à partir de ce rappel, il la renvoie uniquement à la fonction geocode, et non au codeLatLng.

Avec cela, vous avez plusieurs options: définir une variable dans codeLatLng et le mettre dans la fonction de rappel, par exemple:

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

Ou faire les choses dont vous avez besoin avec le résultat directement dans la fonction de rappel. Ou mettez le résultat dans une variable globale. (De plus, si la fonction est asynchrone geocode - si elle retourne immédiatement et le rappel est appelé par la suite, vous devez faire l'un des deux derniers, vous ne pouvez pas retourner la valeur de codeLatLng dans ce cas.)