Discussion :

[saraza]

Bonsoir,

J'utilise l'API de Google pour récupérer une adresse à partir de la latitude et la longitude.
Voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    var geocoder = new google.maps.Geocoder();
	var adresse;
    function test(lat,long)
	{
        var point = new google.maps.LatLng(parseFloat(lat),parseFloat(long));
        geocoder.geocode({"latLng": point}, function(data, status)
	    {
            if (status == google.maps.GeocoderStatus.OK && data[0]) 
			{
				adresse = data[0].formatted_address;
            } 
			else 
			{
                alert("Erreur: " + status);
            }
			alert(adresse); //J'ai bien l'adresse
        });
		alert(adresse);//Undefnined
        return adresse;
    }

Malgré tous mes essais je ne suis pas parvenu à gérer la portée de la variable adresse que je voudrais utiliser par la suite dans ma page HTML.

Merci de votre aide

[SylvainPV]

Bonsoir,

Il ne s'agit pas d'un problème de portée mais de moment. Tu as dû remarquer que l'alert undefined apparaissait avant l'alert de l'adresse. C'est que ce code est exécuté avant. La fonction passée en argument de geocoder.geocode est un callback exécuté après une requête asynchrone, plus connue sous le nom AJAX.

Il te suffit donc d'utiliser la variable adresse une fois qu'elle a été définie, autrement dit après l'appel du callback :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function test(lat,long, callback){
   var point = new google.maps.LatLng(parseFloat(lat),parseFloat(long));
   geocoder.geocode({"latLng": point}, function(data, status){
      if (status == google.maps.GeocoderStatus.OK && data[0]){
         callback(data[0].formatted_address);
      } 
      else {
         alert("Erreur: " + status);
      }
   });
}
 
test(123,456, function(adresse){
    alert(adresse); //J'ai bien l'adresse
    //ton code ici
});

Si un modo passe par ici, ça fait plusieurs fois que cette question revient et je n'ai pas trouvé dans la FAQ chapitre AJAX un paragraphe expliquant l'utilisation des callbacks, promises etc... ou alors il est bien caché, auquel cas il faudrait le mettre davantage en avant

[Bovino]

Les fonctions de rappel (callback) ou les utilisations cachées de eval()
Un classique AJAX : utiliser les données au bon moment !

[saraza]

J'ai essayé de faire comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script>
test(1234, 5678, function(adresse){
    alert(adresse); 
    document.write(adresse);
});
</script>

Il y a quelque chose que j'ai pas dû comprendre : le alert marche mais pas le document.write.
Aucun document.write ne fonctionne à l'intérieur. Comment puis je faire ?

[Bovino]

Quelle abomination !

Comprendre document.write() en JavaScript.

[NoSmoking]

Bonjour,
exemple d'utilisation trouvé sur le forum APIs Google, même si c'est vraiment un problème de compréhension de l'asynchrone comme l'explique Bovino
- http://www.developpez.net/forums/d12...s/#post6994444
- http://www.developpez.net/forums/d10...e/#post5947431

[saraza]

Merci beaucoup pour votre aide

J'aurais une dernière petite question : je souhaiterais récupérer l'adresse dans une variable PHP.
Mais le PHP est exécuté par le serveur contrairement au Javascript donc je ne vois pas comment faire.

Comment puis-je faire ?

[sekaijin]

http://www.developpez.net/forums/d10...cript-methode/

A+JYT