Flash Api para usar Yahoo maps web service

Hace unos días no recuerdo bien donde lo leí Yahoo! provee una componente para Flash con el cual desarrolladores Flash pueden hacer uso del mismo para mostrar imágenes satelitales, mapas hibridos y mapas trazados propiamente según las cordenadas longitud y latitud.

En este post, veremos como hacer uso dicha API en base a la documentación provista por Yahoo!

Para crear aplicaciones usando Yahoo! map web service necesitaremos como requisito tener instalado Flash MX 2004 (ó superior), tener instalado Flash player 7 ó superior, haber descargado Yahoo! Maps MXP (Macromedia® eXtensions Package) y contar con un Aplication ID

Ya con estos mínimos requisitos cumplidos podremos empezar a experimentar con la API.

Como primer paso, iniciaremos Flash, definiremos un área de trabajo de 400px de ancho por 250px de alto. Luego iremos al panel de componentes y arrastraremos el componente com.yahoo.maps.api.flash.YahooMap al escenario y en las propiedades le definiremos un tamaño de 390px de ancho y 240px de alto.
Luego le indicaremos como nombre de instancia «miMapa» e iremos a la solapa Parametros, donde definiremos:

1. AppID: aqui indicamos el Application ID que solicitamos
2. Latitude: Latitud donde centraremos nuestro mapa
3. Logitude: Logitud donde centraremos nuestro mapa
4. Map View type: Definimos que tipo de vista del mapa queremos ver, entre las opciones que se encuentran disponibles estan map, hibrid, satellite
5. Zoom level: Aqui asignamos el nivel del zoom (entre 1 y 17) siendo 1 el más cercano y 17 el más lejano. En caso de no definir ningún zoom level se aplicará un valor por defecto de 14

En éste primer ejemplo he definido los siguientes valores:
Latitude: -31.4; Logitude: -64.1833; Map view type: satellite y Zoom level: 7.

Avanzando sobre nuestro primer ejemplo, haciendo uso de un poco de ActionScript, podremos hacer uso de la herramienta PanTool que provee la API como se muestra en el siguiente ejemplo:

Sobre la base de nuestra primer pelicula de ejemplo, agregaremos una capa la cual llamaremos «acciones» y pondremos el siguiente código:

import com.yahoo.maps.tools.PanTool;
miMapa.addEventListener(com.yahoo.maps.api.flash.YahooMap.EVENT_INITIALIZE, onInitMap);
function onInitMap(eventData) {
	var panTool = new PanTool();
	miMapa.addTool(panTool, true);
}

En el siguiente caso, ubicaremos un Marcador según una dirección postal, en este caso, la ubicación de mi Empresa.
Definiremos 2 variables que harán de nuestro mapa un mapa más interesante y atractivo.
Las variables son: address y myMarker.
En el caso de address indicaremos la dirección con este formato, «Calle, Provincia, País» este dato en particular tengo que confirmarlo en base a otras pruebas pero a modo ilustrativo funciona correctamente.
En la variable myMarker (es un array) indicaremos los datos que deseamos indicar respecto al marcador que hemos ingresado. Como por ejemplo: {index:’Systematic’, title:’IT Solutions’, description:’Desarrollo de aplicaciones web enabled’, markerColor:0x990099, strokeColor:0xFFFF00};

import com.yahoo.maps.tools.PanTool;
import com.yahoo.maps.markers.CustomPOIMarker;
miMapa.addEventListener(com.yahoo.maps.api.flash.YahooMap.EVENT_INITIALIZE, onInitMap);
function onInitMap(eventData) {
	var panTool = new PanTool();
	miMapa.addTool(panTool, true);
	var address = "Avenida 24 de Septiembre 788, CORDOBA, AR";
	miMapa.setCenterByAddress(address, 0);
	var myMarker = {index:'Systematic', title:'IT Solutions', description:'Desarrollo de aplicaciones web enabled', markerColor:0x990099, strokeColor:0xFFFF00};
	miMapa.addMarkerByAddress(CustomPOIMarker, address, myMarker);
}

Esta seria una primera aproximación de lo que se puede hacer con Yahoo maps web service usando el Flash API, si desean puede obtener más información o bien esperar un nuevo post que no descarto será pronto, muy pronto.