API Google Map: personnaliser une popup

Version imprimable

Bonjour aux forums,

J'utilise l'API google maps ou je place des marqueurs sur la carte.

Chaque marqueur possede une popup:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
private function markerClick(e:MapMouseEvent):void{
 
				var myTitle:String = "<b><u>La toure Eiffel</u></b>";    
				var myContent:String = "La tour Eiffel porte le nom de l’ingénieur Gustave Eiffel, qui en fut l’un des concepteurs. Les ingénieurs Nouguier et Kœchlin de la société Eiffel conçurent la tour pour le concours ouvert par le ministre du Commerce et de l’Industrie Lockroy à l’occasion de l’Exposition universelle de 1889, qui prévoyait le projet d’une tour haute de 300 m sur une base de 125 m. Le projet Eiffel fut retenu parmi 700 concurrents.";
				myMap.openInfoWindow(e.latLng,
							new InfoWindowOptions({titleHTML: myTitle, 
												   contentHTML: myContent}));  
			}
			private function resultHandler(e:ResultEvent):void{
				var list:ArrayCollection = e.result.map.loc;
				var marker:Marker;
				for(var i:int=0; i<list.length;i++){
					_latLngET = new LatLng(list[i].lat, list[i].lon);
					marker = new Marker(_latLngET,
							new MarkerOptions({fillRGB: 0x123000, tooltip:list[i].name}));
					marker.addEventListener(MapMouseEvent.CLICK, markerClick);
					myMap.addOverlay(marker);
				}	
			}

Je dois passer des paramètres a mon évènement, faut il que je redéfinisse mon évènement MapMouseEvent ? pour ainsi lui passer le paramètre list[i].description ?

24/06/2009, 11h34
Jim_Nastiq

Salut,

désolé mais je n'ai compris ni le soucis ni la question. :aie:

Je récupere d'un XML, un champ description, que je souhaite faire passer à mon évènement markerClick();

Code:

1
2
3
4
5
6
7
8
9
 
private function markerClick(e:MapMouseEvent):void{
 
				var myTitle:String = "<b><u>La toure Eiffel</u></b>";    
				var myContent:String = "La tour Eiffel porte le nom de l’ingénieur Gustave Eiffel, qui en fut l’un des concepteurs. Les ingénieurs Nouguier et Kœchlin de la société Eiffel conçurent la tour pour le concours ouvert par le ministre du Commerce et de l’Industrie Lockroy à l’occasion de l’Exposition universelle de 1889, qui prévoyait le projet d’une tour haute de 300 m sur une base de 125 m. Le projet Eiffel fut retenu parmi 700 concurrents.";
				myMap.openInfoWindow(e.latLng,
							new InfoWindowOptions({titleHTML: myTitle, 
												   contentHTML: myContent}));  
			}

En faite, je dois passer un paramètre à mon évènement, je souhaitais savoir, si je devais redéfinir l'évènement MapMouseEvent() ?

24/06/2009, 12h18
samy2525

Event specialisé

Ben à mon avis il faut redéfinir cette événement pour inclure ce que tu veux dedans, maintenant l'événement MapMouseEvent n'est pas un événement Flex natif, ou je me trompe du coup si c'est pas le cas tu as qu'ajoute la description dans l'événement

Bon courage

Voila, le problème c'est que j'ai eu du mal à redéfinir l'évènement MapMouseEvent.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 package actionscript.events { import com.google.maps.MapMouseEvent; public class MarkerEvent extends MapMouseEvent { public static const ADD_POPUP:String = "ADD_POPUP"; public var ville:Object; public function MarkerEvent(e:String, data:Object) { super(e); ville = data; } } }
Il me dit que super attend 3 arguments.

Peux tu me dire ce que tu entends par ajouter la description ? Si tu as un bout de code ?

etendre la class Event

Pour définir un evenement particulier en Flex on peut faire comme ca

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public class MapMouseEvent extends Event
	{
                // differencier plusieur type d'evenement
		public static const SET_DESCRIPTION : String = "setDescription" ;
 
 
		// information que l'evenemnt peut transporter 
		public var description : String;
 
		public function AccordionEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
		{
			super(type, bubbles, cancelable);
		}
 
	}

bon courage

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
package actionscript.events
{
	import com.google.maps.MapMouseEvent;
 
	public class MarkerEvent extends MapMouseEvent
	{
		public static const ADD_POPUP:String = "ADD_POPUP";
		public var ville:Object;
 
		public function MarkerEvent(e:String , bubbles:Boolean=false, cancelable:Boolean=false, data:Object)
		{
			super(e, bubbles, cancelable);
			ville = data;
		}
	}
}

Quand je fais sa, il me dit l'erreur suivante :

Code:

1138: Les paramètres obligatoires sont interdits après les paramètres

j'aurai pas fait comme ca

Code:

1
2
3
4
5
public function MarkerEvent(e:String , bubbles:Boolean=false, cancelable:Boolean=false, data:Object)
		{
			super(e, bubbles, cancelable);
			ville = data;
		}

j'aurai fais ça

Code:

1
2
3
4
5
public function MarkerEvent(e:String , bubbles:Boolean=false, cancelable:Boolean=false)
		{
			super(e, bubbles, cancelable);
 
		}

et quand j'instanci l'evenement c'est à dire

Code:

1
2
3
var event : MarkerEvent = new MarkerEvent(MarkerEvent.ADD_POPUP)
event.ville = ton data ou objet 
dipatchEvent(event)

je pense que ça doit marcher

Ok, on peut aussi faire comme ceci, mais mon problème sur la redéfinition de l'évènement d'un MapMouseEvent se pose tjs, si je fais le code suivant comme tu m'indiques :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
package actionscript.events
{
	import com.google.maps.MapMouseEvent;
	public class CustomMapMouseEvent extends MapMouseEvent
	{
		public static const ADD_POPUP:String = "ADD_POPUP";
 
		public function CustomMapMouseEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
		{
			super(type, bubbles, cancelable);
		}
 
	}
}

J'ai l'erreur suivante sur mon super :

Code:

1
2
 
1067: Contrainte implicite d'une valeur du type Boolean vers un type sans rapport com.google.maps:LatLng.

24/06/2009, 13h22
miya

Ok je crois que j'ai tout faux en faite. Après lecture du tutorial ici, je ne pense pas que la méthode est de redéfinir mon évènement MapMouseEvent :
http://flash.tutsplus.com/tutorials/...api-for-flash/