Géolocalisation google map

Version imprimable

Bonjour,

je me suis mis a jQuery mobile et donc a html 5 et javascript.
Je me suis lancé dans la géolocalisation, j'arrive a afficher la map mais je n'arrive pas a me localiser.
je vous met le javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script type="text/javascript">
 
			function initialize() 
		{ 
			console.log("init carte google"); 
			var myOptions = { center: new google.maps.LatLng(46.32, 5.04), zoom: 8,	mapTypeId: google.maps.MapTypeId.ROADMAP }; 
			map = new google.maps.Map(document.getElementById("map"),myOptions); 
 
		} 
		$('#carte').live('pageshow',function(event, ui){ initialize(); }); 
 
		if (navigator.geolocation) 
		{
			var watchId =navigator.geolocation.getCurrentPosition(successCallback, errorCallback);
		}
		else 
		{
			alert("Votre navigateur ne prend pas en compte la géolocalisation HTML5");
		}
 
		function successCallback(position)
		{
			alert(position.coords.latitude);
		};
		function errorCallback(error)
		{
			switch(error.code)
			{
				case error.PERMISSION_DENIED:
					alert("L'utilisateur n'a pas autorisé l'accès à sa position");
					break;
				case error.POSITION_UNAVAILABLE:
					alert("L'emplacement de l'utilisateur n'a pas pu être déterminé");
					break;
				case error.TIMEOUT:
					alert("Le service n'a pas répondu à temps");
					break;
			}
		};	
 
		</script>

les fonctions success et error ne sont jamais exécutées.
Est ce que j'ai oublié quelque chose ?
ps: j'utilise firefox 16.0.

merci d'avance

11/10/2012, 19h19
SpaceFrog

de les appeler ?
12/10/2012, 08h55
maxusn
Citation:

Envoyé par SpaceFrog

de les appeler ?

Elles sont appelées ici non ?
Code:

1 2 3 4 5 if (navigator.geolocation) { var watchId =navigator.geolocation.getCurrentPosition(successCallback, errorCallback); }
de plus si j'utilise google chrome je tombe automatiquement sur le message d'erreur :

Code:

alert("L'utilisateur n'a pas autorisé l'accès à sa position");

il passe donc dans la fonction errorCallback.
alors qu'avec firefox : il me demande l'acces a ma position puis il ne se passe rien.
12/10/2012, 08h58
SpaceFrog

Quelle version de jquery ?
live() est déprécieé au profit de on() ou de delegate()
12/10/2012, 09h04
maxusn

j'utilise jQuery 1.7.1 et jQuery mobile 1.0.1
12/10/2012, 09h20
Bovino

Si l'on en croit la doc sur MDN, Firefox renvoie une valeur numérique dans error.code ;)
12/10/2012, 09h31
maxusn
Citation:

Envoyé par Bovino

Si l'on en croit la doc sur MDN, Firefox renvoie une valeur numérique dans error.code ;)

ok, j'ai modifié un peu mon code :
Code:

1 2 3 4 5 6 var watchId =navigator.geolocation.getCurrentPosition(successCallback, errorCallback, { enableHighAccuracy : true, timeout : 10000, // 10s maximumAge : 0 });
j'ai ajouter le timer, lance la page avec firefox, la carte s'affiche, il me demande d'accepter la géolocalisation, j'accepte. Et j’obtiens l'erreur :

Code:

alert("Le service n'a pas répondu à temps");

Firefox passe donc dans ma fonction Error, mais J'ai l'impression qu'il n'arrive pas a me localiser.

Chrome, quand a lui me bloque systématiquement le géolocalisation.

Bonsoir

Je pense à un problème de paramètres. Tester :

Code:

1
2
3
4
5
// Le paramètre maximumAge met en cache la position 
// pour une durée de 600000 millisecondes (10 minutes), 
// ainsi la position est mise à jour toutes les 10 minutes au maximum.
// Le timeout est nul il renvoie immédiatement l'erreur.
navigator.geolocation.getCurrentPosition(successCallback, errorCallback,{maximumAge:600000, timeout:0});

13/10/2012, 07h46
NoSmoking

Bonjour,
il existe aussi L'API geolocalisation en HTML5 ;)
17/10/2012, 11h02
maxusn

Bonjour,
je m'excuse du temps que j'ai mis pour répondre.

Merci je vais tester tout ca.