[Google Maps] Géolocalisation automatique

1 pièce(s) jointe(s)

Géolocalisation automatique

Bonjour,
Voici mon petit code : (voir pièce jointe)

-> Utiliser Firefox pour tester la géolocalisation !

Le problème, lorsque je clique sur "géolocalisation automatique", l'api ne créee pas tout de suite un marqueur, pour que la géolocalisation se fasse, il faut re-cliquer une deuxième fois.
Le champs 'Hidden' sert a transmettre la position automatiquement générée !

Etant étudiant, je n'ai pas beaucoup d’expérience en la matière..!

Merci a toute la communauté :) !!

Bonjour,
dans ta fonction navigator.geolocation.getCurrentPosition(function (position) tu dois mettre TOUT le code de requête et affichage, c'est un fonction callback donc la réponse arrive après que ne soit exécuté le code qui suit.

Pour résumer la ligne 100 doit être insérer avant la ligne 125

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
if (navigator.geolocation) {
  // Use method getCurrentPosition to get coordinates
  navigator.geolocation.getCurrentPosition(function (position) {
    // Access them accordingly
    document.getElementById("geogeo").value = (position.coords.latitude + ", " + position.coords.longitude);
    // creation objet Geocoder
    var geocoder2 = new google.maps.Geocoder();
    // appel methode geocode
    var addpostal2 = document.getElementById('geogeo').value;
    geocoder2.geocode({
      'address': addpostal2
    }, function (data, status) {
      // reponse OK
      if (status == google.maps.GeocoderStatus.OK) {
        // recup. position
        var pos = data[0].geometry.location;
        document.getElementById("latlong").value = pos;
        var markerOption = {
          'position': pos,
          // position d'ancrage du marker sur la carte
          'map': carte // l'objet carte sur lequel est affiché le marker
        };
        // création du marker
        //var oMarker = new google.maps.Marker( markerOption);
        gMarker = new google.maps.Marker(markerOption);
        // centrage de la carte
        carte.setCenter(pos);
      }
    });
  });
} else {
  alert("Votre navigateur ne prend pas en charge la géolocalisation, pour profiter de cette fonction, téléchargez Mozilla Firefox, ou Google Chrome");
}

Merci, cela fonctionne parfaitement ! :ccool: