ActionScript 3.0, l'essentiel sous la main Adobe Flash Accueil
Fiches
Boutique
Contact
Créer un plan GoogleMap
Nous allons voir ici comment afficher un plan Google Map dans une application Flash. Toutes les informations et documentations sont disponible sur le site officiel http://code.google.com/.

Pour pouvoir utiliser GoogleMap, il vous faut une "API Key". Rendez-vous sur cette page pour en obtenir une auprès de Google (c'est gratuit). Ensuite, télécharger le SDK sur cette page. Ouvrez l'archive, allez dans le dossier "lib" et double cliquez sur l'application SWC pour Flash (celle ou il n'y a pas ecrit flex dans le nom). Adobe Extention Manager va se lancer et installer le plugins. Une fois l'intallation terminée, fermez Adobe Extention Manager et lancez Flash.

Ouvrez le panneau des composants. Vous devez avoir un nouvel onglet nommé "Google" qui doit apparaitre au côté des composants Flash de base. Prennez le composant "GoogleMapsLibrary" et glissez-le dans votre bibliothèque. Il s'attribura automatiquement un nom de liaison.



Allez maintenant sur une image clé vide et tapez ceci :

//Imports Flash
import flash.events.Event;

//Imports des classes Google Maps
import com.google.maps.Map;
import com.google.maps.MapMouseEvent;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import com.google.maps.overlays.Marker;
import com.google.maps.overlays.MarkerOptions;
import com.google.maps.styles.FillStyle;
import com.google.maps.styles.StrokeStyle;
import com.google.maps.LatLng;
import com.google.maps.InfoWindowOptions;
import com.google.maps.controls.MapTypeControl;
import com.google.maps.controls.ZoomControl;
import com.google.maps.controls.PositionControl;

//Création d'un carte
var map:Map = new Map();
map.key = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"; //Code API Key
map.setSize(new Point(stage.stageWidth, stage.stageHeight)); //Dimension de la carte
map.addEventListener(MapEvent.MAP_READY, onMapReady);
addChild(map);

//Configuration de la carte
function onMapReady(e:Event):void
{
//Coordonnées du point de repère
var coordonne_latitude = 48.893785;
var coordonne_longitude = 2.278322;

//Zoom (de 0 à 17)
var zoom = 15;

//Application des paramètres à la carte
map.setCenter(new LatLng(coordonne_latitude,coordonne_longitude), zoom, MapType.NORMAL_MAP_TYPE);

//Marqueur
var latlng:LatLng = new LatLng(coordonne_latitude,coordonne_longitude);
var marque:Marker = new Marker(latlng);
map.addOverlay(marque);

//Contrôleur
map.addControl(new ZoomControl()); //Barre de zoom
map.addControl(new PositionControl()); //Barre de navigation (position)
map.addControl(new MapTypeControl()); //Choix du type de carte (Map,Satellite,Hybrid,Terrain)
}

Pour obtenir la latitude et la longitude d'un lieu, allez sur GoogleMap et dirigé vous vers le lieu désiré. Faites un clique droit sur le point exacte de la carte que vous voulez centrer et sélectionnez "Centrez la carte ici". Ensuite, cliquez sur "Lien" en haut à droite de la carte. Dans le lien vous retrouverez la latitude et la longitude du lieu que vous avez ciblé.


Commentaire(s)
Aucun.