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.
Como 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.
Una 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.
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:
-
gMap.addControl(gMap.GZoomControl());
-
//1 Esta linea nos va a agregar la barra de zoom a un lateral del mapa
-
-
gMap.addControl(gMap.GPositionControl());
-
// 2 Con esta vamos a poder ver la barra de movimiento
-
-
gMap.addControl(gMap.GTypeControl());
-
// 3 Esta nos muestra la barra de tipos de vista (mapa, satélite, híbrido)
-
-
gMap.addControl(gMap.GNavigatorControl());
-
// 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:
-
gMap.setCenter({lat:-31.41, lng:-64.17},12);
-
//determino las coordenadas de Córdoba y el zoom en 12.
De 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).
-
gMap.addPoint({lat:-31.41203732, lng:-64.16120235, name:"Manifesto"});
-
//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:
-
var point = gMap.addPoint({lat:-31.41203732, lng:-64.16120235, name:"Manifesto", fillRGB:0x660000});
-
//como pueden ver es la misma linea de arriba que le agregamos una referencia como variable llamada point
-
-
point.addEventListener("GEOMETRY_ON_RELEASE",this);
-
//aqui simplemente agregamos un escuchador para el evento onRelease.
-
-
function GEOMETRY_ON_RELEASE(evnt) {
-
evnt.target.openInfoWindow({title:evnt.target.name, content:"Manifesto Solutions - Servicios para la web", h:80});
-
}
-
//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.
20 diciembre, 2007 at 12:00 pm
Buen tio realmente de utilidad y sobre todo para explotar esta herramienta.
22 enero, 2008 at 2:45 pm
Gracias,
estaba buscando un ejemplo para ver las funcionalides de esta API. Es media limitada?
22 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!
5 abril, 2008 at 6:00 pm
Podes anexarle archivos kml o kmz para que los muestre tipo overload con el maps de google?
18 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
18 abril, 2008 at 1:39 pm
gracias una respuesta auxilio
12 mayo, 2008 at 1:51 pm
Muchas gracias, por esta Info es justo lo que estaba buscando.
Saludos
16 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
16 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!
20 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.
23 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
23 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!!!!
24 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
7 julio, 2008 at 9:59 pm
hola leo es posible que liberes el codigo del php
getMapCopyright.php
Saludos
11 julio, 2008 at 1:52 am
No entiendo tu pregunta! :(
10 noviembre, 2008 at 6:28 am
Muchas gracias por este post. Lo agradezco de verdad Leo.
10 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.
17 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!!!
10 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.
10 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!
17 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.
21 marzo, 2009 at 1:15 am
Se me hace que te falta alguna clase, enviame los files y los veo!
30 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!
9 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...
20 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
3 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.
6 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
6 diciembre, 2009 at 4:17 am
jpacmx, utiliza directamente la api de google maps para archivos kml, es mucho mas comoda!
6 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/
7 septiembre, 2010 at 11:28 am
Sí, pero ¿y en AS2? ¿Cómo se hace? ¿Eh?
8 octubre, 2010 at 8:51 am
Me gusta mucho que te tomes tu tiempo para temas delicados relacionados con codigos donde cada dato es clave.
GRACIAS.