Bonjour ,
Je vous explique mon problème : il s'agit simplement d'un geocodage sur l'API Google Map.
J'arrive à afficher la Google Map au chargement de ma page. Cependant, lorsque je lance la recherche de geocodage, rien ne se passe.
le problème se situe donc au niveau de la fonction "TrouverAdresse()"
voici mon code:
Pourriez vous m'expliquer svp le fonctionnement de la fonction TrouverAdresse(), et éventuellement m'expliquer mon erreur, car là je suis perdu.
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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <div id="EmplacementDeMaCarte" style="width:100%;height:380px";></div> <span id="text_latlng"></span> <div id="map-canvas" style="float:right;height:220px;width:45%"></div> <form> <input type="text" id="adresse" name="adresse"/> <input type="button" value="Localiser sur Google Map" onclick=" TrouverAdresse()"/> </form> //........ <script> function TrouverAdresse() { var geocoder = new google.maps.Geocoder(); // Récupération de l'adresse tapée dans le formulaire var adresse = document.getElementById('adresse').value; geocoder.geocode({'adresse': adresse }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { maCarte.setCenter(results[0].geometry.location); // Récupération des coordonnées GPS du lieu tapé dans le formulaire var strposition = results[0].geometry.location+""; strposition=strposition.replace('(', ''); strposition=strposition.replace(')', ''); // Affichage des coordonnées dans le <span> document.getElementById('text_latlng').innerHTML='Coordonnées : '+strposition; // Création du marqueur du lieu (épingle) var marker = new google.maps.Marker({ map: maCarte, position: results[0].geometry.location }); } else { alert('Adresse introuvable: ' + status); } }); } // ajout d'un DOM listener pour l'exécution de la fonction intialize google.maps.event.addDomListener( window, 'load', initialisation ); </script>
Partager