Utilisation de GEvent.addlistener

**thierrybatlle** · 15/04/2009, 10h38

Bonjour à tous,

J'ai ce 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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
   <title>Utilisation de XML</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAFhJ6OnZIlZXbu_0iBMpJTxTK3GXfY_0lkgcH9BkNB1ukiq8r6hSL6OWX2CwCiH9TR7_ms5MHiT--dA"
 
             type="text/javascript"></script>
        <script type="text/javascript">
       //<![CDATA[
 
       function load() {
         if (GBrowserIsCompatible()) {
          var map = new GMap2(document.getElementById("map"));
           map.addControl(new GSmallMapControl());
           map.addControl(new GMapTypeControl());
           map.setCenter(new GLatLng(48.7, 2.3), 8);
 
       function creerMarker(point, onglet1, onglet2, iconePerso) {
 
        // Test de changement d icones /////////////////////////////////////////////////////////////
        var monIcone = new GIcon();
        //monIcone.shadow = "mesImages/coffeehouse-s.png";
        //monIcone.shadowSize = new GSize(56,32);
        monIcone.iconSize = new GSize(32,19);
        monIcone.iconAnchor = new GPoint(16,32);
        monIcone.image = iconePerso;
        ////////////////////////////////////////////////////////////////////////////////////////////
 
        var marker = new GMarker(point,monIcone);
         //var infoTabs = [
         var tab1 = new GInfoWindowTab("Infos", "toto");
         var tab2 = new GInfoWindowTab("Details", "titi");
         // ];
         GEvent.addListener(marker, "click", function() {
           marker.openInfoWindowHtml("Coucou");
           });
         return marker;
         }
 
           GDownloadUrl("http://virginie-et-thierry.fr/cartes/donnees.xml", function(data) {
             var xml = GXml.parse(data);
             var markers = xml.documentElement.getElementsByTagName("marker");
             for (var i = 0; i < markers.length; i++) {
               var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")), 9);
           	   var marker = creerMarker(point, markers[i].getAttribute("info"), markers[i].getAttribute("details"),markers[i].getAttribute("icone"));
               map.addOverlay(marker);
             }
           });
         }
       }
 
       //]]>
       </script>
     </head>
 
     <body onload="load()" onunload="GUnload()">
       <div id="map" style="width: 600px; height: 600px"></div>
     </body>
   </html>

Je rencontre un problème avec la fonction GEvent.addListener.
J'ai essayé plusieurs solution :
- Celle-ci.
- A la place de "coucou" lui mettre une variable.
- Avec des onglets marker.openInfoWindowTabsHtml
- Sur divers hébergeurs.
Mais toujours la même erreurs lors du clic sur un marqueur de ma carte:
Ligne : 1244
Caratères : 56
Erreur 'X' a la valeur Null ou n'est pas un objet
Code 0
et l'URL du site

Si quelqu'un à la moindre idée elle sera la bien venue.

Merci.

**xess91** · 15/04/2009, 10h52

voila une fonction qui fonctionne très bien je pense que ça peut t'aider!

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
 
			function initialize() 
				{ 
				if (GBrowserIsCompatible()) 
					{ 
					var map = new GMap2(document.getElementById("map")); 
					map.setCenter(new GLatLng(48.746871, 2.2673007), 14); 
					map.addControl(new ExtLargeMapControl()); 
					var baseIcon = new GIcon();
					baseIcon.iconSize=new GSize(124,50);
					baseIcon.shadowSize=new GSize(56,32);
					baseIcon.iconAnchor=new GPoint(16,32);
					baseIcon.infoWindowAnchor=new GPoint(16,0);
					var logo = new GIcon(baseIcon, "logocarte.png", null, "");
					function createMarker(point, txt, icon, nom)
						{
						var marker = new GMarker(point, {icon: icon, title: nom});
						GEvent.addListener(marker, "click", function()
							{
							marker.openInfoWindowHtml(txt);
							});
						return marker;
						}
 
					var point = new GLatLng(48.746871, 2.2673007); map.addOverlay(createMarker(point,"<img src='logocarte.png' style='width:124px;height:50px;'<strong>CSW </strong><br />Accès A86 A6/A10 N118/N104<br /> à 15 mins de la capitale ","CSW"));         
					}
				else
					{ 
					alert('Désolé, mais votre navigateur n\'est pas compatible avec Google Maps'); 
					} 
				}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<body onload="initialize()">
<div id="map">
</div>
</body>

Pardon j'avais oublié il faut changer cette ligne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

map.addControl(new ExtLargeMapControl());

par ta ligne ...smallmapcontrol...

Utilisation de GEvent.addlistener [Google Maps]

APIs Google

Vue hybride

Discussions similaires

Partager

Partager