Portée variable fonction

Version imprimable

Bonsoir,

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

Code:

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

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:

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 :)

29/12/2012, 09h39
Bovino

:fleche: Les fonctions de rappel (callback) ou les utilisations cachées de eval()
:fleche: Un classique AJAX : utiliser les données au bon moment !
29/12/2012, 11h02
saraza
J'ai essayé de faire comme ça :
Code:

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 ?
29/12/2012, 11h19
Bovino

Quelle abomination ! :cry:

:fleche: Comprendre document.write() en JavaScript.
29/12/2012, 11h54
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
29/12/2012, 12h32
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 ?
29/12/2012, 14h14
sekaijin

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

A+JYT