intégrer google maps dans son projet

Version imprimable

16/04/2009, 15h47
miya

intégrer google maps dans son projet

Bonjour,

Je souhaite intégrer la carte de google maps dans mon projet (ou autre...).

Que conseillez vous ? Je n'ai trouvé aucune discussion sur le forum concernant cette API.

J'ai trouvé ce lien : http://www.afcomponents.com/components/umap_as3/
est il intéressant ?

Merci pour votre réponse, et tout autre lien/tutos
16/04/2009, 16h30
Jim_Nastiq

pourquoi ne pas utiliser l'api de google : Google Maps API for Flash ?
16/04/2009, 17h37
miya

Excellent! Merci Jim_Nastiq encore une fois pour ton aide, tjs aussi précieux.

J'ai obtenu exactement le rendu que je souhaitais, et de plus avec un tuto permettant l'installation, ca été un régale.
Concernant les boutons de Google map, penses tu qu'il sera aisé de faire apparaitre une PopUpManager de flex lors du clik sur le bouton ?
16/04/2009, 18h24
T_bo_

un peu tard mais petit tuto sympa sur le sujet

http://www.gotoandlearn.com/play?id=104

Merci T_bo, le tuto est très intéressant surtout la partie concernant le PHP.

D'ailleurs j'ai rencontré une erreur, en m'inspirant du code pour placer des boutons à partir d'une BD et en PHP, voici le code :

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
34
35
36
37
38
 
	<mx:Script>
		<![CDATA[
 
			private var _myMap:Map;
			private var _latLngET:LatLng;
 
			private function init():void{
				service.send();
			}
 
			private function initMyMap(event:FlexEvent):void{
				//_latLngET = new LatLng(68.8573, 2.2944);
				_myMap=new Map();
				_myMap.width = 900;
				_myMap.height = 550;
				_myMap.key="...";
				_myMap.addEventListener(MapEvent.MAP_READY, onMapReady);
				myMap.addChild(_myMap);	
			}
 
                        ....
 
			private function onResult(e:ResultEvent):void{
				var list:ArrayCollection = e.result.map.loc;
				for(var i:int=0; i<list.length;i++){
					var m:Marker = new Marker(
							new LatLng(list[i].lat, list[i].lon),
							new MarkerOptions({tooltip:list[i].name}
							));
					_myMap.addOverlay(m);
				}
			}
		]]>
		</mx:Script>
	<mx:UIComponent id="myMap" width="900" height="550"  initialize="initMyMap(event)" />
 
	<mx:HTTPService id="service" url="map.php" result="onResult(event)" />

C'est sur la derniere fonction onResult, j'ai comme l'impression qu'il n'accède pas à la variable _myMap, s'est bien ca ?

voici l'erreur :

Code:

1
2
3
4
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
	at com.google.maps.overlays::Marker()
	at components::myGoogleMap/onResult()[E:\Flex Builder 3\workspace\myProject\src\components\myGoogleMap.mxml:76]
...

Merci pour votre aide

17/04/2009, 12h01
T_bo_

Pas sûr, passe en debug est vérifie que flex récupère bien ce que tu attends c'est peut être list[i] qui est null.

En faite le marker et la list sont indéfini... (cf PJ)

Code:

1
2
3
4
5
6
7
8
9
10
11
 
...
private function onResult(e:ResultEvent):void{
				var list:ArrayCollection = e.result.map.loc;
				_latLngET = new LatLng(68.8573, 2.2944);
				var marker:Marker = new Marker(_latLngET, new MarkerOptions({
								fillRGB: 0x004000,label: "P", 
								tooltip: "Paris, France\nLa tour Eiffel" }));
		        marker.addEventListener(MapMouseEvent.CLICK, markerClick);
				_myMap.addOverlay(marker);
}

J'ai la meme erreur :

Code:

1
2
3
4
 
TypeError: Error #1009: Il est impossible d'accéder à la propriété ou à la méthode d'une référence d'objet nul.
	at com.google.maps.overlays::Marker()
	at components::myGoogleMap/onResult()[E:\Flex Builder 3\workspace\myProject\src\components\myGoogleMap.mxml:76]

Concernant le xml généré par mon fichier php, il a l'air nikel :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<map>
  <loc>
     <lat>19</lat>
     <lon>34</lon>
     <name>Paris</name>
  </loc>
 
  <loc>
     <lat>32</lat>
     <lon>21</lon>
     <name>Test</name>
   </loc>
</map>

17/04/2009, 12h15
T_bo_

ok.
essai alors de targeter myMap._myMap (enfin getChildBy...) et non ta variable _myMap directement.
17/04/2009, 12h18
miya

Mais pourquoi il me dit que le marker n'est pas défini dans la methode onResult(), alors que si je le met dans la méthode onMapReady(), cela fonctionne bien ? :?
17/04/2009, 12h50
T_bo_

tout depends de la position de ton point d'arret ;)
si tu le place à addoverlay tu verra list et marker
17/04/2009, 13h31
miya

Le problème viendrait de la variable _myMap qui n'est pas accessible. Comment faire ? Ou j'ai pas tout compris..
17/04/2009, 19h04
miya

Tout fonctionne, j'ai refait de la meme manière que le tuto de T_bo, et je n'ai plus de probleme... Mais je reste perplexe quand meme aux problèmes que j'ai eu et j'aurais bien aimé comprendre pourquoi

Merci pour votre aide