Está en la página 1de 28

Tutorial: Como hacer un mapa interactivo en Flash

diciembre 4, 2009 a las 10:45 am | Escrito en Flash, Programacion | 70 comentarios Etiquetas: Flash, interactivo, mapa, tutorial

En esta ocasión haré un tutorial donde aprenderemos a hacer un mapa interactivo usando Flash. En la universidad nos enviaron a hacer un mapa así en Flash, y la verdad nunca antes había hecho algo así. Después de buscar en Google algún tutorial en español, vi que no había suficiente información al respecto. Fue entonces que hice una búsqueda en inglés, puse en Google algo como “how to create an interactive map with flash” o “how to make an interactive map with flash”. Así conseguí dos páginas muy interesantes. Una de esas me sirvió para hacer el mapa y lo explicaré aquí. El otro me puede servir algún otro momento. Aunque ambos tutoriales son en inglés, están muy fáciles de entender, y si no lo entiendes puedes usar el traductor de Google. Las páginas son: o http://www.republicofcode.com/tutorials/flash/interactive_map/ (las indicaciones de esta página serán usadas en este tutorial) o http://flashexplained.com/design/making-an-interactive-country-map/

Bueno ahora si pongamos manos a la obra. La herramienta que vamos a necesitar será Flash. En mi caso uso Macromedia Flash 8 (ahora de la Adobe). Con la versión CS3 y CS4 debe ser igual. En este tutorial haremos un mapa interactivo del Ecuador. Ecuador tiene 24 provincias, en este ejemplo usaremos solo 2. El proceso con cada provincia es similar. En la Universidad hicimos un mapa de las provincias de Ecuador, pero como son 24 sería muy extenso explicarlo aquí.

Creando el mapa
1. Primero debemos conseguirnos un mapa el cual usaremos para el trabajo. Yo usaré este mapa:

Mapa político del Ecuador (clic en la imagen para ampliar) 2. Dentro del programa Flash nos vamos a Archivo -> Importar -> Importar a biblioteca y seleccionamos la imagen del mapa a usar. 3. Cambiamos las dimensiones del escenario de acuerdo a las dimensiones del mapa. En este caso las dimensiones son 700 x 492 pixeles. Como se muestra en la siguiente figura:

Clic en la imagen para ampliar 4. Arrastramos la imagen desde la Biblioteca al escenario y mientras está seleccionada la imagen en el panel de propiedades en posición X y posición Y escribimos el cero.

para cambiar el nombre damos doble clic sobre Capa 1) y la bloqueamos: 6. Escogemos la herramienta Pincel del panel de herramientas o presionamos la tecla B.Clic en la imagen para ampliar 5. 7. Ahora agregamos otra capa en Insertar -> Línea de tiempo -> Capa y la nombramos Mapa. Escogemos el tamaño del pincel que aparece en segundo lugar y el tipo circular y escogemos un color como se muestra en la siguiente figura: Clic en la imagen para ampliar . Cambiamos el nombre de la capa a “Fondo” (sin comillas.

7. 9. Luego seleccionamos con la herramienta Selección cualquiera de las provincias que hemos dibujado. En este caso solo serán dos provincias. Ahora le pondremos un nombre a la instancia del botón. Entonces siguiendo el mapa de fondo dibujamos de nuevo las provincias con el pincel. 8. es decir. en este caso será pichincha_btn el primer botón y guayas_btn el segundo botón como se muestra en la siguiente imagen: . Y mientras está seleccionada presionamos F8 para convertir en símbolo (también ésta opción está en Modificar -> Convertir en símbolo). En las opciones que aparecen le ponemos un nombre cualquiera y en tipo escogemos la opción Botón. vamos a dibujar los botones del mapa interactivo: Clic en la imagen para ampliar En la imagen como pueden ver dibujé con el pincel dos provincias y luego usando la herramienta Cubo de pintura con el color #FFCC00 pinté sobre las provincias que acabé de dibujar. Ahora damos clic en cualquier lugar fuera del escenario para asegurarnos que nada esté seleccionado. Luego hacemos lo mismo con la otra provincia pero le ponemos otro nombre. en mi caso le pondré Guayas. Para ello seleccionamos la provincia dándole un solo clic y en el panel de propiedades le ponemos un nombre. Una vez seleccionada la herramienta pincel procedemos a pintar las provincias de la cual mostraremos algún tipo de información.

Lo que debemos hacer es dar clic sobre la opción Sobre y presionar 3 veces F6. Ahora damos clic sobre la opción Sobre y seleccionamos la provincia que creamos y en el panel de propiedades escogemos otro color: .Clic en la imagen para ampliar 10. De esta forma estamos creando fotogramas clave en la opción Reposo (que ya es fotograma clave por defecto). Zona activa: Es el área del botón. Sobre: Es cuando el puntero está sobre el botón. Ahí tenemos cuatro opciones: o o o o Reposo: Es cuando el botón aparece en la pantalla. Damos doble clic en cualquiera de los botones (provincias) que tenemos para entrar en la opción del botón. Nos queda de esta manera: 11. Presionado: Es cuando se da clic sobre el botón pero sin soltar el clic. Presionado y Zona Activa. Sobre.

Clic en la imagen para ampliar Se debe hacer lo mismo con cada provincia. Con esa capa seleccionada importamos al escenario la siguiente imagen: Aceptamos tal cual aparecen las opciones. 12. Ubicamos esta imagen fuera del escenario como se muestra en la siguiente figura: . Se puede hacer lo mismo en la opción Presionado (cambiar el color). Lo que estamos haciendo es que la provincia cambie de color cuando el puntero pase por encima de la provincia. Una vez terminados estos pasos bloqueamos la capa. Se puede probar la aplicación presionado Ctrl + Enter. Creamos otra capa y la nombramos Marker.

Damos doble clic en la imagen del marker para entrar al clip de película. 14.Clic en la imagen para ampliar 13. En el cuadro que aparece le ponemos el nombre myMarker y en tipo escogemos Clip de película como se muestra en la siguiente imagen. Ahí encontramos la imagen del marker y un símbolo de más en el centro de la figura: . Damos clic en cualquier parte fuera del escenario para asegurarnos que nada está seleccionado. Luego seleccionamos la imagen que acabamos de insertar y presionamos F8 para convertirlo en símbolo.

como se muestra a continuación: 15. Estando dentro del marker renombramos la Capa1 y la llamamos Marker y añadimos otra capa adicional llamada Cities: 16. ahí escribimos el código: stop(). Seleccionamos el Fotograma 1 de la capa Cities y presionamos F9 para entrar al panel de Acciones. .Lo que debemos hacer es seleccionar la figura del marker y moverlo hasta que el símbolo del + aparezca en la punta inferior de la figura.

Damos clic en el fotograma 2 de la capa Cities y presionamos F6 para crear un fotograma clave. Ahora seleccionamos el fotograma 1 de la capa Marker y presionamos F5 (estamos solo agregando un fotograma. por lo tanto presionaré F5 dos veces. no un fotograma clave) el número de veces que tengamos botones o en este caso provincias. Y hacemos el mismo procedimiento en el fotograma 3 de la capa Cities y tenemos algo así: Antes de avanzar para este ejemplo voy a usar las siguientes imágenes: Thumbnail de la provincia de Pichincha . tengo dos provincias.Clic en la imagen para ampliar 17. Para este ejemplo. 18.

Ubicamos la imagen sobre la imagen marker. Nos vamos a Archivo -> Importar -> Importar a escenario y escogemos la imagen pichincha. Si la imagen no aparece con las dimensiones que es. Luego con la herramienta Texto (letra T) escribimos la palabra Pichincha y la ponemos bajo la imagen. En el mensaje que aparece escogemos “No reemplazar elementos ya existentes”.Thumbnail de la provincia del Guayas 19. Damos clic en el fotograma 2 de la capa Cities. Nos debe quedar algo como esto: Cuando escribimos la palabra Pichincha seleccionamos el texto y en el panel de propiedades debemos asegurarnos que no esté habilitada la opción “Seleccionable”: .jpg que está arriba. la seleccionamos y en propiedades ponemos en ancho 150 y en alto 100.

Clic en la imagen para ampliar 21. Ahora seleccionamos el mismo fotograma 2 de la capa Cities y en el panel de propiedades le ponemos el nombre “pichincha” (sin comillas). Ahora repetimos los pasos 19 y 20 en el fotograma 3 de la capa Cities.jpg el texto será Guayas y el nombre del fotograma 3 es guayas: .Clic en la imagen para ampliar 20. pero usamos la imagen guayas.

Ahora bloqueamos ambas capas y volvemos al escenario principal dando clic en Escena 1.Clic en la imagen para ampliar No olvidemos guardar el documento. Estando en el escenario seleccionamos la figura marker y en el panel de propiedades el ponemos el nombre marker_mc: .

5. } my_btn. my_btn. targetX.easing. import mx. } for (var i = 0. Strong. Creamos una nueva capa llamada Actions (no olvidemos que ya estamos en el escenario principal. targetY){ currentX = marker_mc. currentX.length.transitions. marker_mc.transitions. es decir. var yTween:Tween = new Tween(marker_mc. 1. "guayas"] function mover (targetX._x. fuera de la imagen marker). 0).myCity). import mx. “_y”. true).*. true). i<cities._y. . currentY = marker_mc.onRollOut = function() { mover( 0. targetY. Damos clic en el fotograma 1 de la capa Actions y presionamos F9. } } . my_btn.gotoAndStop(this. marker_mc. this.myCity). Back.gotoAndStop(this._x. i++){ var my_btn = this[cities[i]+”_btn”].myCity = cities[i]. currentY. var xTween:Tween = new Tween(marker_mc.Tween.onRollOver = function() { mover( this._y).22.easeOut.5. var cities:Array = ["pichincha". “_x”.easeOut. Ahí vamos a ingresar el siguiente código que saqué de una de las páginas web que puse anteriormente: stop().

23. Nos ubicamos en el fotograma 1 y presionamos F6 dos veces (porque tenemos solo dos botones o provincias). y cuando quitemos el puntero el marker regresa a la posición X=0 y Y=0. Marker y Actions dando clic en el candado en la capa correspondiente. Mapa. El nombre pichincha ES EL MISMO NOMBRE QUE TIENE EL FOTOGRAMA 1 DE LA CAPA CITIES DE MARKER QUE HICIMOS ANTERIORMENTE. Con este código estamos dando el efecto para que el marker se aparezca sobre la provincia cuando el puntero esté encima. Vamos a bloquear las capas Fondo. Vamos a hacer que al dar clic en la provincia aparezca un menú. pichincha antes del btn debe ser igual al nombre del array también. Además recordemos que pusimos al botón el nombre pichincha_btn. Ahora cuando pongamos el puntero sobre una provincia nos debe aparecer la imagen: Clic en la imagen para ampliar Agregando contenido al mapa Ahora vamos a la segunda parte de este tutorial. .Dentro de la variable var cities:Array = ["pichincha". Estando en la Escena 1 vamos a crear una nueva capa llamada “stop” (sin comillas). Guardamos el documento y presi0namos Ctrl + Enter. y según donde demos clic nos muestre cierta información. "guayas"] debemos agregar los nombre de cada botón que hemos creado (cada provincia que dibujamos con el pincel es un botón). Debe ser el mismo nombre.

No olvidemos desbloquear una capa si necesitamos modificar algo en ella. 26. Recordemos que podemos agregar código ActionScript a una capa aunque esté bloqueada. Damos clic en el fotograma 1 de la capa Contenido y presionamos F6 dos veces (porque tenemos dos provincias). 25. Damos clic en el fotograma 1 de la capa stop y presionamos F9 y escribimos el código: stop().24. Seleccionamos el fotograma 1 de la capa Contenido y le ponemos el nombre de instancia “Inicio” (sin comillas). . Uva vez finalizado bloqueamos la capa stop. Creamos una nueva capa llamada “Contenido” (sin comillas). Damos clic en el fotograma 2 de la capa Contenido (es decir. y dibujamos un rectángulo que cubra todo el escenario (no importa que se salga de los límites). en el fotograma llamado cont_pichincha). Tenemos algo así: Clic en la imagen para ampliar 27. Y repetimos el mismo paso en los fotogramas 2 y 3 de la capa stop. repetimos el procedimiento con el fotograma 2 pero le llamamos “cont_pichincha” y al fotograma 3 le llamamos “cont_guayas” (ambos sin comillas). Escogemos la herramienta Rectángulo escogemos un color de fondo blanco y sin línea de borde.

Una vez tengamos el texto que queramos mostrar en cada capa de cada provincia bloqueamos la capa. Una vez dibujado tenemos un escenario blanco. Luego repetimos el procedimiento para el fotograma 3 de la capa Contenido. ahora seleccionamos el rectángulo que acabamos de dibujar y vamos al panel de Mezclador de colores (si no aparece vamos al menú Ventana -> Mezclador de colores) damos clic en el botón color de relleno y en la opción Alfa escogemos 92%: Clic en la imagen para ampliar 29. Recordemos que estamos en el fotograma 2 de la capa Contenido. Se debe hacer lo mismo para cada provincia o botón que tenga nuestro mapa interactivo. A partir de aquí explicaré los ejemplos solo para la provincia de Pichincha.28. En mi caso me quedó así: . cont_guayas. Dentro del rectángulo escribimos el texto Pichincha o cualquier otra cosa que queramos mostrar. es decir.

Ahora creamos otra capa que se llamará “Volver” (sin comillas). para regresar a la pantalla principal. por eso no importa el color que escojamos).Clic en la imagen para ampliar. Y damos clic en el fotograma 2 de la capa Volver y presionamos F6 una sola vez. Damos clic en Sobre. Seleccionamos el texto que acabamos de escribir y presionamos F8 para convertirlo en símbolo. Tenemos el fotograma cont_pichincha y cont_guayas. . Damos clic en el fotograma 2 de la capa Volver y escogemos la herramienta de texto y escribimos la palabra Volver en cualquier parte del rectángulo que dibujamos anteriormente. En esta capa lo que vamos a hacer es que aparezca la palabra Volver. además tomemos en cuenta que el rectángulo será invisible. Damos clic en Zona activa y escogemos la herramienta Rectángulo. Le ponemos el nombre volver_btn y en tipo escogemos Botón: 33. Damos doble clic al texto volver para entrar en las opciones de botón. seleccionamos el texto y lo cambiamos de color. 32. 31. Damos clic en la opción Sobre y presionamos F6 tres veces. basta con poner el fotograma clave en el fotograma 2 de la capa Volver y no en cada fotograma. ya que el 1 es a donde queremos volver. con solo poner el fotograma clave en el fotograma 2 de la capa volver aparecerá el texto en todos los fotogramas de la capa Contenido desde el fotograma 2 en adelante. 34. 30. 35. escogemos cualquier color de fondo y dibujamos un rectángulo que cubra la palabra Volver (así el usuario podrá dar clic sobre el rectángulo que dibujamos y no necesariamente sobre la palabra Volver. Para entender mejor haz la prueba con este ejercicio. Obviamente este texto debe aparecer únicamente desde el fotograma 2. Así que si tenemos en la capa contenido 24 fotogramas de las 24 provincias del Ecuador.

Creamos otra capa llamada Menu_botones. Clic en la imagen para ampliar 38. El color de la izquierda le ponemos #FFCC00 y el de la derecha le ponemos #000000 (blanco). Seleccionamos el rectángulo y presionamos F8. Vamos al fotograma 1 de la capa Menu_botones y presionamos F6 una vez.Clic en la imagen para ampliar Volvemos a Escena 1 y bloqueamos la capa Volver. 37. . 36. Damos clic en el fotograma 2 de la capa Menu_botones y escogemos la herramienta Rectángulo y dibujamos un rectángulo de 160 x 35 pixeles con cualquier color y lo ubicamos a la izquierda del escenario. Mientras esté seleccionado el rectángulo nos vamos al panel Mezclador de colores y en tipo escogemos Lineal. Le ponemos el nombre menu_btn y el tipo Botón.

Damos doble clic el rectángulo para ingresar a las propiedades del botón. Vamos a la capa Contenido y hacemos clic en el fotograma 2 (en nuestro caso el fotograma que se llama cont_pichincha) y presionamos la tecla F9 y agregamos el siguiente código: . 42. Este texto también tiene que tener deshabilitada la opción Seleccionable. Tenemos algo así: Clic en la imagen para ampliar 41. Ahora que ya tenemos el menú damos clic en el fotograma 3 de la capa Menu_botones y presionamos F6 para que el menú se copie en esa capa. 41. 40. Así tenemos dos botones. Antes de asignar los eventos a los botones vamos a agregar un poco de código ActionScript. Escogemos la herramienta de Texto y escribimos sobre cada rectángulo cualquier texto. lo seleccionamos y lo arrastramos al escenario. Luego regresamos a Escena 1. Damos clic de nuevo en Sobre seleccionamos el rectángulo y vamos al menú Modificar -> Transformar -> Voltear Horizontalmente. En la Biblioteca (Ventana -> Biblioteca) nos aparece el símbolo que acabamos de crear. Damos clic en Sobre y presionamos F6 tres veces.39. En mi caso voy a poner “Menú 1″ y “Menú 2″.

Repetimos el paso anterior en el fotograma 3 de la capa Contenido (cont_guayas). 43.marker_mc. Damos clic en el fotograma 2 de la capa Volver y seleccionamos el texto Volver que escribimos antes (primero debemos asegurarnos que la capa esté desbloqueada). Una vez SELECCIONADA la palabra Volver vamos al menú Ventana -> Comportamientos.enabled=false De esta forma estamos haciendo invisible al marker y estamos inhabilitando las provincias (botones).enabled=false guayas_btn._visible=false pichincha_btn. . Damos clic en el símbolo del + luego a Clip de película -> Ir y detener en fotograma o etiqueta: Clic en la imagen para ampliar En el cuadro de diálogo donde dice “Especifique el número o la etiqueta del fotograma en el que desea detener la reproducción de la película” escribimos Inicio (es el nombre del fotograma 1 de la capa Contenido) . Y damos clic en Aceptar. 44.

gotoAndStop(“Inicio”). Estando seleccionado el texto Volver presionamos F9 y vemos que Flash ha escrito automáticamente el siguiente código ActionScript: on (release) { //Movieclip GotoAndStop Behavior this. //End Behavior } Después de donde dice //End Behavior agregamos el siguiente código: //activar mapa marker_mc.enabled=true Con esto hacemos visible el marker y habilitamos los botones del mapa. ._visible=true pichincha_btn.45.enabled=true guayas_btn.

ahí el nombre del fotograma a especificar es cont_guayas. Para eso desbloqueamos la capa Mapa y seleccionamos la provincia Pichincha (es la que está en la parte superior. Guardamos el proyecto y presionamos Ctrl + Enter para probar nuestra película. Ahora vamos a crear las pantallas que se mostrarán al hacer clic sobre Menú 1 y Menú 248. Creamos una capa capa y la nombramos “Menu 1″ (sin comillas). Hacemos clic en el fotograma 2 de la capa Menu 1 y presionamos F6 y nombramos a este fotograma como “menu1_pichincha” (sin comillas). Ahora vamos a dar comportamientos a las provincias.46. 47. . Ahora al dar clic sobre una provincia se aparece el contenido de cada una de ellas. Repetimos el paso anterior para la provincia del Guayas. al medio) y nos vamos al menú Ventana -> Comportamientos y seguimos los mismos pasos que antes: damos clic en el símbolo del + luego a Clip de película -> Ir y detener en fotograma o etiqueta y en “Especifique el número o la etiqueta del fotograma en el que desea detener la reproducción de la película” escribimos cont_pichincha y damos clic en Aceptar.

Clic en la imagen para ampliar 49. En mi caso me quedó así: Clic en la imagen para ampliar En las propiedades el texto debemos asegurarnos que en tipo de línea esté multilínea: Clic en la imagen para ampliar . Estando en ese fotograma escogemos la herramienta texto y escribimos cualquier cosa en el espacio que tenemos.

50. 52. Escogemos el texto que escribimos con la herramienta de selección y le ponemos el nombre de instancia “txt_pichinchainfo”: Clic en la imagen para ampliar 51. Seleccionamos el texto y le ponemos como nombre de instancia “txt_guayasinfo” (sin comillas). Creamos otra capa y le llamamos “Menu 2″ (sin comillas). Llamamos a este fotograma “menu1_guayas” (sin comillas). para eso hacemos clic en la imagen del candado y del ojo a lado de la capa: . Damos clic en el fotograma 3 de la capa Menu 1 y presionamos F6 para copiar el contenido del anterior fotograma. Escogemos el texto que aparece y le cambiamos. Luego bloqueamos y hacemos invisible la capa Menu 1. Escogemos el fotograma 2 de la capa Menu 1 (el que se llama menu1_pichincha) y presionamos F9 allí escribimos el siguiente código: txt_pichinchainfo. Seleccionamos el fotograma 3 de la capa Menú 1 y presionamos F9 y agregamos el código: txt_guayasinfo. 53._visible=false Hasta ahora tenemos el contenido del Menú 1. Vamos a hacer el contenido del Menú 2._visible=false Con esto estamos haciendo invisible el cuadro de texto que creamos antes.

Damos clic en el fotograma 2 de la capa Menu 2 y presionamos F6 y nombramos al fotograma como “menu2_pichincha” (sin comillas). Damos clic en el fotograma 2 de la capa Menu 2 y presionamos F9 y agregamos el siguiente código: txt_pichinchainfo2. Llamamos a este fotograma “menu2_guayas” (sin comillas). lo seleccionamos y lo llamamos “txt_guayasinfo2″ (sin comillas)._visible=false 57. Clic en la imagen para ampliar 56. Seleccionamos el texto con la herramienta de Selección (V) y le ponemos el nombre de instancia “txt_pichinchainfo2″ (sin comillas). Damos clic en el fotograma 3 de la capa Menu 2 y presionamos F9._visible=false . 55. Cambiamos el contenido del texto. Damos clic en el fotograma 3 de la capa Menu 2 y presionamos F6.54. Escogemos la herramienta de texto y escribimos cualquier texto. ahi escribimos el siguiente código: txt_guayasinfo2.

Damos clic en el símbolo del + luego a Clip de película -> Ir y detener en fotograma o etiqueta y en “Especifique el número o la etiqueta del fotograma en el que desea detener la reproducción de la película” escribimos “menu1_pichincha” (sin comillas) y damos clic en Aceptar. Ahora bloqueamos y hacemos invisible la capa Menu 2. Luego vamos a Ventana -> Comportamientos.Ya para finalizar vamos a llamarles a estos contenidos con los botones que creamos anteriormente. Clic en la imagen para ampliar 59. //End Behavior } Después de //End Behavior agregamos el siguiente código: . 58.gotoAndStop(“menu1_pichincha”). pero nos aseguramos que esté seleccionado el botón. no el texto pues son dos elementos distintos). Ahora seleccionamos nuevamente el botón del menú 1 y presionamos F9. Ahí aparece el siguiente código: on (release) { //Movieclip GotoAndStop Behavior this. Vamos a la capa Menu_botones (nos aseguramos de que esté desbloqueada) y damos clic en el fotograma 2 y seleccionamos el primer botón (el que tiene el texto Menú 1.

60. Ahora le vamos a dar funciones al menú de la provincia del Guayas. Damos clic en el símbolo del + luego a Clip de película -> Ir y detener en fotograma o etiqueta y en “Especifique el número o la etiqueta del fotograma en el que desea detener la reproducción de la película” escribimos “menu2_pichincha” (sin comillas) y damos clic en Aceptar. Ahora seleccionamos el botón que dice Menú 2 y seguimos los pasos anteriores: vamos a Ventana -> Comportamientos._visible=false txt_pichinchainfo2._visible=true Presionamos Ctrl + Enter para probar la película. Luego seleccionamos el botón que dice Menú 1 y seguimos los pasos anteriores: vamos a Ventana -> Comportamientos. Damos clic fuera del escenario para asegurarnos que nada esté seleccionado. Seleccionamos el botón del Menú 2 y presionamos F9 y existe el siguiente código: on (release) { //Movieclip GotoAndStop Behavior this. //End Behavior } Después de //End Behavior escribimos el siguiente código: txt_pichinchainfo. 61.txt_pichinchainfo. 62.gotoAndStop(“menu2_pichincha”)._visible=true txt_pichinchainfo2. Por el momento debe funcionar la provincia de Pichincha con su respectivo menú. Damos clic en el símbolo del + luego a Clip de película -> Ir y detener en fotograma o etiqueta y en “Especifique el número . Damos clic en el fotograma 3 de la capa Menu_botones._visible=false Con esto hacemos visible el contenido de txt_pichinchainfo y hacemos invisible el contenido de txt_pichinchainfo2.

o la etiqueta del fotograma en el que desea detener la reproducción de la película” escribimos “menu1_guayas” (sin comillas) y damos clic en Aceptar. Repetimos los pasos 62 y 63 pero el nombre del comportamiento será: menu2_guayas. //End Behavior } Después de //End Behavior agregamos el código: txt_guayasinfo._visible=true Guardamos el proyecto y presionamos Ctrl + Enter para probar la película.gotoAndStop(“menu1_guayas”). . No olviden dejar sus comentarios. en la universidad tocó hacer con las 24 provincias y cada una tenía un menú con tres opciones. Como pueden ver hacer un mapa interactivo es de mucho trabajo._visible=false txt_guayasinfo2._visible=false 64. 63. Al presionar F9 al código existente le agregamos: txt_guayasinfo. Seleccionamos el botón de Menú 1 y presionamos F9 y aparece el código: on (release) { //Movieclip GotoAndStop Behavior this._visible=true txt_guayasinfo2. Y eso es todo para este tutorial. preguntas o sugerencias. aquí expliqué solo con 2 provincias. Espero que les guste este tutorial.