Insertar Google Maps en Flash


Google Maps permite incluir cualquier mapa en tu web utilizando algunas sentencias de Javascript, también ofrece Google Maps API for Flash para incluir los mapas en Flash utilizando ActionScript.

Para hacer uso de este API lo primero es registrarse gratuitamente un obtener Google Maps API Key el cual nos permitirá mostrar los mapas en nuestra web. Además es necesario instalar el componente map.swc en el editor de Flash.

Instalando el Componente
Para instalar la librería es necesario descargar los archivos desde http://maps.googleapis.com/maps/flash/release/sdk.zip. Luego de extraer el archivo ubicamos el archivo map_x_y.swc en la carpeta lib, donde x e y indican la versión actual del componente. Creamos una carpeta llamada Google y copiamos el archivo .swc:

Windows:
C:\Program Files\Adobe\Adobe Flash CS3\language\Configuration\Components
MAC:
Macintosh HD/Applications/Adobe Flash CS3/Configuration/Components

Utilizando el componente
Una vez instalado el componente, en el Panel de Componentes de Flash se puede ver un nuevo item llamado GoogleMapsLibrary. Para poder utilizarlo podemos jalar el componente al escenario o podemos jalarlo directamente a la librería de nuestro archivo flash.

Creando nuestro primer Mapa
Lo primero es incluir las clases necesarias (com.google.maps.*) para incluir y manejar los mapas, definimos la latitud, longitud y zoom que vamos a utilizar. Luego de ello creamos una instancia de la clase Map, asignamos nuestro KEY. Definimos el ancho y alto de nuestro mapa con el método set.

import com.google.maps.*;
var lat:Number = -12.04144;
var lon:Number = -77.023188;
var zoom:int = 17;
var map:Map = new Map();
map.key = “tu_api_key”;
map.setSize(new Point(500, 350));
map.addEventListener(MapEvent.MAP_READY, onMapReady);
this.addChild(map);
function onMapReady(event:Event):void {
map.setCenter(new LatLng(lat,lon), zoom, MapType.NORMAL_MAP_TYPE);
}

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s