asd

25

Sep

Usar Google maps en flash 8 y flash 9

Publicado por: LeoBaraldi

SI LLEGASTE ACA TE RECOMIENDO QUE VEAS ESTE NUEVO POST SOBRE GOOGLE MAPS http://www.leobaraldi.com.ar/2009/03/24/usando-api-de-google-maps-para-actionscript-3/

Buscando por internet y viendo la api de Google maps me encontre este componente para flash 8 y también disponible una versión para flash 9 completisimo para usar Google maps en nuestros files SWF. Este componente fue credo por afcomponents y pueden descargarlo como también consultar la documentación de uso y demás.

extencion.pngComo todo componente lo primero que debemos hacer es instalarlo en nuestro Extencion Manager y ya estamos listo para usarlo. Recuerden de tener el flash cerrado para poder instalarlo.

componentes.pngUna vez instalado solo debemos ir a nuestro panel de componentes y arrastrar el componente GMap a nuestra escena. Ya una vez en nuestra escena si ponemos previsualizar,podemos ver la carga del mapa pero con las opciones básicas, es decir sin barra de zoom ni otras herramientas.

En la barra de propiedades sobre la solapa de parametros  podemos indicar varias propiedades directamente, como por ejemplo coordenadas, zoom, pointer, tipos de animación y demás.parametros.png

Para este ejemplo vamos a definir los siguiente:
CenterCross = true // con esto vamos a poder ver una cruz sobre nuestro mapa para poder ubicarnos donde esta el centro
animatePan = true //cuando el usuario hace doble clic el mapa se centra con easing
animateZoom = true //lo mismo que antes pero para el zoom

En primera instancia , vamos a dejar el resto como está, el paso siguiente es colocarle un nombre de instancia a nuestro mapa para  poder escribir el AS y este se pueda comunicar con el componente. Cuando descarguen el archivo,con este va un pdf con todas las instrucciones y posibilidades de como interactuar con este componente, realmente completisimo.

Lo primero que vamos a hacer es mostrar los controles de la siguiente manera:

Clic para ver Texto Plano
Actionscript:
  1. gMap.addControl(gMap.GZoomControl());
  2. //1 Esta linea nos va a agregar la barra de zoom a un lateral del mapa
  3.  
  4. gMap.addControl(gMap.GPositionControl());
  5. // 2 Con esta vamos a poder ver la barra de movimiento
  6.  
  7. gMap.addControl(gMap.GTypeControl());
  8. // 3 Esta nos muestra la barra de tipos de vista (mapa, satélite, híbrido)
  9.  
  10. gMap.addControl(gMap.GNavigatorControl());
  11. // 4 Y este ultimo nos muestra un cuadrito con el mapa mundi por si queremos movernos rapido

El siguiente paso seria agregar un punto determinado a mostrar y lo hacemos de la siguiente manera:

Clic para ver Texto Plano
Actionscript:
  1. gMap.setCenter({lat:-31.41, lng:-64.17},12);
  2. //determino las coordenadas de Córdoba y el zoom en 12.

herramientas.pngDe todos modos hasta aqui no hemos conseguido nada extraordinario, lo importante de este componente es que podemos agregar puntos, layer y lineas entre las tantas posibilidades que nos brinda. Asi que manos a la obra y el siguiente paso vamos a agregar la empresa donde yo trabajo en el mapa (Manifesto Solutions).

Clic para ver Texto Plano
Actionscript:
  1. gMap.addPoint({lat:-31.41203732, lng:-64.16120235, name:"Manifesto"});
  2. //agregamos un punto en nuestro mapa.

Para hacerlo mas interesante le vamos a poner un pequeño globo para que muestre información cuando le hacemos clic:

Clic para ver Texto Plano
Actionscript:
  1. var point = gMap.addPoint({lat:-31.41203732, lng:-64.16120235, name:"Manifesto", fillRGB:0x660000});
  2. //como pueden ver es la misma linea de arriba que le agregamos una referencia como variable llamada point
  3.  
  4. point.addEventListener("GEOMETRY_ON_RELEASE",this);
  5. //aqui simplemente agregamos un escuchador para el evento onRelease.
  6.  
  7. function GEOMETRY_ON_RELEASE(evnt) {
  8. evnt.target.openInfoWindow({title:evnt.target.name, content:"Manifesto Solutions - Servicios para la web", h:80});
  9. }
  10. //Aqui  van las cosas que queremos mostrar al hacer clic sobre el punto

Bueno, ya con esas opciones básicas podemos crear muchas cosas, en otros post futuros vamos  ahondar más en este excelente componente para Flash.

ver ejemplodescargar archivos
categorias: ActionScript 2 Coment.: 29

29 Respuestas

    Daniel Dice:
    20th Diciembre, 2007 at 12:00 pm

    Buen tio realmente de utilidad y sobre todo para explotar esta herramienta.

    Carlos Pussetto Dice:
    22nd Enero, 2008 at 2:45 pm

    Gracias,
    estaba buscando un ejemplo para ver las funcionalides de esta API. Es media limitada?

    LeoBaraldi Dice:
    22nd Enero, 2008 at 7:55 pm

    Depende de lo que vos quieras hacer, de todos modos si bajas los archivos vas a encontrar un pdf con todas las opciones! Para mi es muy completa! demaciado diria!

    horacio Dice:
    5th Abril, 2008 at 6:00 pm

    Podes anexarle archivos kml o kmz para que los muestre tipo overload con el maps de google?

    gino Dice:
    18th Abril, 2008 at 1:37 pm

    es muy buen dato pero cuando saco el codigo del google map me lo da como para incrustarlo en un html pero como saco las coordenadas para incrustarlo en flash es un ActionScritp???? de donde lo saco ummmmmmmmmmmmmmmmm

    gino Dice:
    18th Abril, 2008 at 1:39 pm

    gracias una respuesta auxilio

    Eduardo Martin Dice:
    12th Mayo, 2008 at 1:51 pm

    Muchas gracias, por esta Info es justo lo que estaba buscando.

    Saludos

    Ruflew Dice:
    16th Junio, 2008 at 1:16 am

    Que onda tio que me pasa esto al momento de ejecutar los ejemplos me sale con que hay un error asi como esto:"Error opening URL "http://www.afcomponents.com/map_google/scripts/getMapCopyright.php?spn=0.0162260951394728,0.0236034393310547&vp=19.049,-98.217&z=15"

    a que se debera espero me puedas ayudar te lo agradecere mucho

    LeoBaraldi Dice:
    16th Junio, 2008 at 4:04 am

    de algun modo no puede tu swf abrir la url de lectura del mapa, prueba subir los files a un host para ver si se soluciona, cualquier cosa me avisas!

    Michel Dice:
    20th Junio, 2008 at 7:14 am

    Hola Leo, me resultó de gran utilidad el tutorial,de hecho lo he utilizado para varias webs y funcionaba perfectamente, pero desde hace unos días el mapa sale en gris con el mensaje. " we are sorry, but we don´t have imagery at this zoom level for this region"

    Es raro pues ya te digo que antes funcionaba.

    Si se te ocurre algo te lo agradecería.

    Saludos.

    Michel Dice:
    23rd Junio, 2008 at 7:18 am

    Hola Leo, desde hace unos días no se ven los mapas de Google en las webs. Sale el mensaje "we are sorry, but we don´t have imagery at this zoom level for this region".
    Supongo que tendrá que ver con la desaparición de la página "afcomponents.com" ¿Sabes algo? ¿alguna solución?

    Gracias y Saludos

    LeoBaraldi Dice:
    23rd Junio, 2008 at 8:06 am


    Michel me acaban de informar de http://www.afcomponents.com/ que el problema que tuvieron es que a ser un componente usando por muchas personas a generado la caída del servidor de consulta que utiliza, por esa razón estos días no ha estado funcionando, el problema ya fue resuelto traslado el motor de gmap a un servidor mas potente, ahora bien el problema va a continuar persistiendo ya que hay una nueva versión de Gmap para descargar que contiene ya ese arreglo, así que les recomiendo que entres a la web de afcomponents y descarguen la ultima versión y vuelvan a compilar sus proyectos!!!!

    Michel Dice:
    24th Junio, 2008 at 2:12 pm

    Hola Leo, he recibido ese mismo mensaje y me dispongo a intentar solucionar el tema.

    De todas formas no vendría mal un tutorial de la nueva Api de Google para Flash, y así no de pender de nadie (sin contar a Google)

    Gracias Leo por tu interés.

    Saludos

    Mauricio Dice:
    7th Julio, 2008 at 9:59 pm

    hola leo es posible que liberes el codigo del php

    getMapCopyright.php

    Saludos

    LeoBaraldi Dice:
    11th Julio, 2008 at 1:52 am

    No entiendo tu pregunta! :(

    Ana Dice:
    10th Noviembre, 2008 at 6:28 am

    Muchas gracias por este post. Lo agradezco de verdad Leo.

    Ana Dice:
    10th Noviembre, 2008 at 7:20 am

    Hola, cuando le doy a F12 en flash para verlo en HTML me sale el mensaje de " we are sorry, but we don´t have imagery ...".
    Me he bajado hoy mismo el componente y supongo que ya estará actualizado. No he introducido aún el key que me bajé porque no se donde introducirlo. Alguien me daría una pista?
    PD: por ahora he hecho los mismos pasos que Leo aquí indica.

    Muchas gracias por todo.

    billyjrb Dice:
    17th Noviembre, 2008 at 12:11 pm

    Hola muy buenas tengo un problema el mapa q he puesto yo tiene una masscara por lo q el texto al no ser dinamico no me lo saca. Sabrias como solucionar esto??. Y en su defecto podria sacar una imagen jpg o png en vez de el texto.
    Muchas gracias!!!

    daniel Dice:
    10th Diciembre, 2008 at 1:52 am

    we are sorry, but we don´t have imagery ...".

    si tienes este problema probando el swf en tu computador hay que desbloquear ese archivo para que se conecte a intenet, el problema que me ocurrio a mi es que construi el mapa, se ve funciona pero al parecer al no poner la clave gmap me banearon por el ip y ahora no puedo ver la capa de imagenes satelitales de ninguna web con gmap.. al conectarse con google me empieza a cargar sorry.google y termina el mapa con el famoso "we are sorry, but we don´t have imagery ...".

    Alguien sabe como solucionar esto, borre el archivo de mi servidor, creo yo que al momento de subirlo a intenternet y probarlo me banearon, la verdad no lo se, ojala alguien sepa algo del tema.

    LeoBaraldi Dice:
    10th Diciembre, 2008 at 11:05 am

    Hola Daniel, recordad que hay cambios nuevos en el componente y el ejemplo que yo coloque no esta actualizado esos cambios, y uno de los defectos que hace es lo que a vos te esta pasando, te recomiendo que visites http://www.afcomponents.com/components/g_map/ y descargues la nueva versión de gmaps y compruebes si el problema continua. Estoy trabajando con una versión de google masps y flash sin la necesidad de utilizar ningún componente, sino utilizar directamente la api de google, espero antes de fin de año poder publicarlo!

    Daniel Torres Dice:
    17th Marzo, 2009 at 5:41 pm

    Que tal leo:
    Tengo un problema con esto del Umap, le asigno los parametros y me queda titilando y no me muestra ningún mapa. Que lio. Una ayudita por favor.

    LeoBaraldi Dice:
    21st Marzo, 2009 at 1:15 am

    Se me hace que te falta alguna clase, enviame los files y los veo!

    Chockiva Dice:
    30th Octubre, 2009 at 12:30 pm

    todo bien con el componente perpo resulta que mi proyecto esta en fhash 8 en AS 2.0 y ahora Umap es para AS 3.0 y no puedo vincularlos, o por lo menos agregar mi api key al anterior AYUDAAAAAAAAAAAAAAAAAAAAAA PORFAVOR!

    jpacmx Dice:
    9th Noviembre, 2009 at 4:52 pm

    Como puedo abrir un kml... quiero linkear para que me abra el google earth, tengo el kml, pero no me sale.. AYUDAAA...

    kitaro Dice:
    20th Noviembre, 2009 at 10:36 am

    Porque descontinuaron todas las apis y classes de AS2, como esta no entiendo debería ser como los programas que puedes utilizar versiones anteriores

    Martin Dice:
    3rd Diciembre, 2009 at 5:50 pm

    Hola Leo, Acabo de encontrar tu post y el componente es genial. Mi pregunta es por qué cuando publico el archivo desde Flash CS4 funciona perfecto, pero cuando lo publico en internet no funciona y aparece el cartel "we are sorry, but we don´t have imagery..."
    Desde ya muchas gracias por cualquier ayuda.

    LeoBaraldi Dice:
    6th Diciembre, 2009 at 4:17 am

    Es porque estas usando una version antigua del componente http://www.afcomponents.com/components/g_map/ actualizala desde ese link

    LeoBaraldi Dice:
    6th Diciembre, 2009 at 4:17 am

    jpacmx, utiliza directamente la api de google maps para archivos kml, es mucho mas comoda!

    LeoBaraldi Dice:
    6th Diciembre, 2009 at 4:20 am

    kitaro, es mucho mejor la api en as3 por lo tanto no es compatible con as2, cuando AF lanzo este servicio la api de google maps no estaba libre, ahora que lo es no tiene sentido que sea en as2, es mas no tiene sentido usar el componente este, utiliza mejor el que provee Google
    http://www.leobaraldi.com.ar/2009/03/usando-api-de-google-maps-para-actionscript-3/

Publicar comentario

IMPORTANTE: Los comentarios son moderados. A la brevedad seran subidos.

Leonardo David Baraldi

Leonardo Baraldi

Nací en Villa Carlos Paz, tengo 33 años y me dedico a desarrollos para la web desde el año 99, preferentemente en las aéreas de ActionScript y CSS. Trabajo para la firma Manifesto Solutions como jefe de producción.

ultimos post

Usa Firefox es mejor che!!!
Copyright © 2008 LeoBaraldi. Todos los derechos reservados.
Designed by LeoBaraldi and powered by Wordpress | RSS Feed
Love WordPress
Manifesto
Manifesto solutions
Sponsort Oficial de LeoBaraldi