Discussion :

[Thomas423]

Bonjour à tous,

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.
J'ai supprimé l'appel à ma fonction initialiser(), car je pensais que peut être la carte affichée par cette fonction cacherait celle de la fonction searchAdress() mais il n'y plus aucune carte d'affichée.
Le problème se situe donc au niveau de la fonction searchAdress()

Honnêtement, j'ai peur de ne pas comprendre le code de la fonction de géolocalisation.
Voici 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
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
<ui:composition>
 
	<ui:define name="body">
 
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
 
          function initialiser() {
 
                var latlng = new google.maps.LatLng(48.856614, 2.352221900000);
                //Options d'affichage de la carte
                var optionsCarte = 
                {
                    center: latlng,
                    zoom: 4,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
 
                //constructeur de la carte avec en paramètre ses caractéristiques définies ci-dessus
                var carte = new google.maps.Map(document.getElementById("carte"), optionsCarte);
 
            }
 
 
          //Geocodage de l'adresse
            var geocoder, carte;
            function searchAddress(adress)
            {
            	geocoder = new google.maps.Geocoder();
                geocoder.geocode( { 'address': address}, function(results, status) {
                  if (status == google.maps.GeocoderStatus.OK) {
                    var myOptions = {
                    zoom: 8,
                    center: results[0].geometry.location,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                    }
                    carte = new google.maps.Map(document.getElementById("carte"), myOptions);
 
                    var marker = new google.maps.Marker({
                        carte: carte,
                        position: results[0].geometry.location
 
                    carte.panTo(coords);
                    carte.setZoom(zoom);
                    })
                  }
                    else {
                    	alert("Une erreur est survenue durant la géolocalisation");
                    };
 
                });
 
            }
 
        </script>
 
 
 
		<h:form id="formulaire">
 
 
					<h:outputLabel styleClass="outputText" value="ville :" />
					<h:inputText styleClass="inputText" id="adress" name="adress" />
 
					<t:commandButton type="submit" value="Géolocaliser" onclick="searchAddress(adress); ">
					</t:commandButton>
 
 
 
 
 
		</h:form>
 
<div  id="carte"></div>
 
 
 
	</ui:define>
	</ui:composition>

Pourriez vous m'expliquer le fonctionnement de la fonction searchAdress(), et éventuellement m'expliquer mon erreur, car là je suis perdu

[Thomas423]

Après plusieurs bidouillages de ce code, j'ai réussi.