Tecnología

Inicio

Cómo utilizar Google Maps en flash

July 16

Cómo utilizar Google Maps en flash


Muchos sitios web ofrecen un mapa de ubicación de Google Maps para mostrar sus visitantes donde se encuentran varios puntos de interés. El mapa de Google se puede incluir en un sitio web Flash con varias líneas de código para controlar las funciones del mapa, las opciones de interfaz de usuario, y varias otras escalas y efectos especiales. La parte de codificación de integrar el mapa es bastante extenso, debido al alto nivel de personalización disponibles. Sin embargo, añadir el mapa básico por defecto al sitio de inflamación no es demasiado complicado.

Instrucciones

Preparación

1 Abra un navegador Web y vaya a la Google Code: Mapas de la página (ver Recursos).

2 Haga clic en "Regístrese para obtener una clave de API" en la barra de navegación izquierda.

3 Desplazarse hasta la parte inferior de marcar la casilla términos y condiciones y escriba la dirección URL exacta del dominio donde se encuentra alojado el mapa. Haga clic en "Generar clave API."

4 Copiar las claves de la API a un documento de Bloc de notas para su uso posterior.

5 Descargar los archivos SDK en la página de Google Code (ver Recursos) y descomprima el archivo en el escritorio.

6 Abra la carpeta googleMapsApi / lib / en el escritorio y copiar el archivo de mapa

# # SWC a la carpeta de instalación de Flash apropiado. Para el uso CS3: C: \ Archivos de programa \ Adobe \ Adobe Flash CS3 \ idioma \ Configuration \ Componentes. Para el uso CS4: C: \ Archivos de programa \ Adobe \ Adobe Flash CS4 \ Common \ Configuración \ Componentes.

La integración del Mapa en Flash

7 Abrir un nuevo documento de Flash (ActionScript 3.0).

8 Seleccione "Ventana", "Componente" y elegir la opción "Google" de las opciones disponibles.

9 Arrastre el componente "GoogleMapsLibrary" al escenario, y centrarlo con el panel "Align" que se puede acceder pulsando CTRL + F3.

10 Presione F9 para abrir el "Panel de ActionScript" e importar las bibliotecas mapa introduciendo los siguientes:
com.google.maps.LatLng importación;
com.google.maps.Map importación;
com.google.maps.MapEvent importación;
com.google.maps.MapType importación;

11 Identificar el mapa para Flash con el código API única mediante la introducción de las siguientes líneas de código después de las bibliotecas de importación:
var map: Mapa = nuevo mapa ();
map.key = "your_api_key";

12 Establecer el tamaño del mapa:
map.setSize (new Point (stage.stageWidth, Stage.stageHeight));

13 Asignar los detectores de eventos al mapa:
map.addEventListener (MapEvent.MAP_READY, onMapReady);

14 Orientar el mapa a una ubicación específica cuando se inicializa en primer lugar:
función onMapReady (evento: MapEvent): void {
setCenter (nueva LatLng (40.736072, -73.992062), 14, MapType.NORMAL_MAP_TYPE);
}

15 Una el mapa a la película Flash para la exportación:
this.addChild (mapa);

dieciséis Pulse la tecla "Ctrl" + "Enter" para probar la película terminada y ver el mapa básico de Google.

Consejos y advertencias

  • Este es el código completo:
  • com.google.maps.LatLng importación;
  • com.google.maps.Map importación;
  • com.google.maps.MapEvent importación;
  • com.google.maps.MapType importación;
  • var map: Mapa = nuevo mapa ();
  • map.key = "your_api_key";
  • map.setSize (new Point (stage.stageWidth, Stage.stageHeight));
  • map.addEventListener (MapEvent.MAP_READY, onMapReady);
  • this.addChild (mapa);
  • función onMapReady (event: Event): void {
  • map.setCenter (nueva LatLng (40.736072, -73.992062), 14, MapType.NORMAL_MAP_TYPE);
  • }