Cómo utilizar Google Maps en Adobe Flash CS4

En Adobe Flash, puede utilizar una amplia gama de API externa proporcionada por los servicios web como Facebook , Twitter o Flickr . En este tutorial veremos cómo integrar, en una muy simple, los servicios de Google Maps en una película / aplicación Adobe Flash CS4. Declaro que el procedimiento para utilizar Google Maps en Flash es muy similar a lo que ocurre en HTML / JavaScript (para más detalles ver Cómo agregar Google Map en su Web ).

Descargar e instalar el SDK

Primero que almacenamos en nuestro navegador del marcador electrónico del sitio en Google Maps API for Flash . En este sitio encontramos todo ese servidor para utilizar la API de Google. En el lado derecho de la página se puede acceder a una variedad de recursos, incluyendo el enlace para descargar el SDK para su uso en Flash. Guarde la postal en su escritorio (o de escritorio) y descomprimirlo. . En la carpeta sdk/lib se encuentra un archivo llamado map_1_16.swc . per PC) e posizionatelo all'interno di questo percorso: Copie este archivo en el portapapeles ( Command-C para Mac o Ctrl-C para PC) y lo coloca en esta ruta:

1
2
3
4
5
/ / Mac
[Carpeta de usuario] / Librería / Application Support / Adobe / Flash CS4/language/Configuration/Components

/ / Windows
[Carpeta de usuario] \ Local Settings \ Application Data \ Adobe \ Flash CS4 \ idioma \ Configuration \ Components

e incollate il file map_1_16.swc . Si la carpeta Components no existe, crearlo y crear una carpeta en el Google y pegue el archivo map_1_16.swc . Si por casualidad usted ya era de apertura del flash (precipitada ...), ciérrelo y rapritelo, para que pueda recargar el recién instalado.

Creamos la película de Flash

En este momento abrimos Flash y crear una nueva película. Abra la ventana de Componentes y usted debe encontrar mapas de Google:

Google Maps Library

Seleccione el componente GoogleMapsLibrary y arrastrarlo al escenario. En el primer cuadro de nuestra película sólo debe introducir el siguiente código:

1
2
3
4
5
6
7
8
9
10
11
12
Classes / / Cantidad Google Maps
google . maps .*; com importación google maps *...;
google . maps . overlays .*; ... com importación google maps superposiciones *.;
google . maps . controls .*; ... com importación google maps controles *.;

: Map = new Map ( ) ; var mapa: mapa = new Mapa ();
key = "API_KEY" ; // vedi sotto per ottenere una tua chiave mapa de teclado. = "api_key", / / ver más abajo para obtener su clave
/ / En este ejemplo, se impuso el tamaño del Google Map
/ / Tamaño igual que la película. Alternativamente, se puede introducir el
/ / Tamaño que prefiera.
setSize ( new Point ( stage . stageWidth , stage . stageHeight ) ) ; . mapa setSize (nueva Point (internship. stageWidth, etapa stageHeight).);
map ) ; addChild (mapa);

En la línea 7, usted tiene que reemplazar la cadena API_KEY con la clave de activación que Google ofrece. Para conseguirlo sólo tiene que ir en el sitio de Google Maps API for Flash y solicite una clave de API, haga clic en Regístrese para obtener una clave de API de Google Maps . Cuando se le pide que escriba la dirección URL del sitio en el que desea utilizar la película de Flash para acceder a la API de Google, por si no lo sabes todavía voletete o simplemente probar la película localmente, introduzca http://localost y haga clic en Generar la API clave:

Google API Key

En este punto ya podemos probar la película, consiguiendo:

Filmato Flash con Google Maps

Añadir un poco de control

En primer lugar, agregue el control clásico de posición, zoom y tipo de mapa. Para ello debemos estar seguros de que el mapa está listo para su uso. Justo a continuación, crear un detector de eventos MapEvent.MAP_READY . A continuación, añadir las siguientes líneas de código:

1
2
3
4
5
6
7
8
/ / Añadir los controles
addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . mapa addEventListener (MapEvent. MAP_READY, onMapReady);

e : MapEvent ) : void { función onMapReady (e: MapEvent): void {
addControl ( new PositionControl ( ) ) ; . mapa AddControl (nueva PositionControl ());
addControl ( new ZoomControl ( ) ) ; . mapa AddControl (nueva ZoomControl ());
addControl ( new MapTypeControl ( ) ) ; . mapa AddControl (nueva MapTypeControl ());
}

Hemos creado una dirección

En este punto podemos establecer el mapa para ver una dirección específica, como la sede de mi empresa Saidmade en Módena - o cualquier dirección que desee.
Sugerencia: Para buscar las coordenadas de nuestra dirección o la latitud y longitud, se puede utilizar este truco sencillo y útil. Abra el sitio en Google Maps . Una vez en el mapa para ver la dirección que usted quisiera (por ejemplo Via Cortese 10, Modena). Cuando la dirección se muestra en el mapa, poner esta línea en la barra de direcciones de su navegador:

1
( prompt ( '' , gApplication. getMap ( ) . getCenter ( ) ) ) ; javascript: void (.. prompt ('', gApplication getMap () getCenter ()));

Esto abrirá una ventana emergente con las coordenadas utilizadas en el código:

Latitudine e Longitudine

Volvamos a ActionScript y añada las siguientes líneas de código en la función onMapReady() :

1
2
/ / Centrar el mapa en una ubicación específica
setCenter ( new LatLng ( 44.639828 , 10.941795 ) , 18 , MapType . SATELLITE_MAP_TYPE ) ; . mapa setCenter (nueva LatLng (44.639828, 10.941795), 18, ​​mapType SATELLITE_MAP_TYPE.);

Llevamos la película:

La sede di Saidmade Srl

Añadir un marcador

Aún dentro de la función onMapReady() añadir las siguientes líneas de código:

1
2
3
/ / Añadir el marcador por defecto
Marker = new Marker ( new LatLng ( 44.639828 , 10.941795 ) ) ; var m: Marker Marker = new (nuevo LatLng (44.639828, 10.941795));
addOverlay ( m ) ; mapa addOverlay (m).;

Marker overlay

Los marcadores se pueden personalizar a su gusto, ya sea a través de los estilos proporcionados por la API de Google sí mismos, ya sea a través de Flash. Por ejemplo, la adición de este import en el principio del código:

1
google . maps . styles .*; ... com importación google maps estilos *.;

y el código de marcador de creación sostituiendo visto antes con:

1
2
3
4
5
6
7
8
9
10
/ / Añadir el marcador por defecto
Marker = new Marker ( var m: Marker = new Marker (
44.639828 , 10.941795 ) , nueva LatLng (44.639828, 10.941795),
nuevos MarkerOptions ({
StrokeStyle ( { color : 0x987654 } ) , strokeStyle: new strokeStyle ({color: 0x987654}),
FillStyle ( { color : 0x223344 , alpha : 0.8 } ) , fillStyle: new FillStyle ({color: 0x223344, alpha: 0,8}),
, radio: 12,
hasShadow: true
}));
addOverlay ( m ) ; mapa addOverlay (m).;

seguento obtener el efecto:

Personalizzare il Marker

Como alternativa, puede asociar directamente a un clip de película como marcador. Ser un clip de película, por supuesto, puede contener animaciones, videos o cualquier otro tipo de contenido interactivo compatible con Flash. También puede dibujar líneas y formas para crear mapas interactivos y sofisticados contenidos multimedia.
Para agregar un clip de película y suficiente para crearlo, utilizando por ejemplo una imagen o animación Flash, y establezca sus propiedades como sigue:

Impostazione proprietà MovieClip usato come Marker

Sin este cambio, el código de creación de Marker:

1
2
3
4
/ / Añadir el marcador por defecto
Marker = new Marker ( new LatLng ( 44.639828 , 10.941795 ) , var m: Marker Marker = new (nuevo LatLng (44.639828, 10.941795),
icon : new myMarkerMovieClip ( ) } ) ) ; nuevos MarkerOptions ({icon: new myMarkerMovieClip ()}));
addOverlay ( m ) ; mapa addOverlay (m).;

Un Marker davvero speciale

Toda la información acerca de las API, las clases, los métodos, las propiedades y los eventos están disponibles en Google Maps API ActionScript .
Además, todo el paquete se ha actualizado recientemente con muchos como nuevos e interesantes, mapas 3D .

50 comentarios a: ""

  1. 29 de agosto 2009 Undolog.com »Adobe Flash Player 10 beta liberado y el API de Google Maps :

    [...] Actualización: consulte Cómo utilizar Google Maps en Adobe Flash CS4 [...]

  2. 30 de septiembre 2009 Napolux :

    Gran tutorial, aunque yo prefiero usarlos en Flex ;): P

  3. 30 de septiembre 2009 Giovan Battista Fazioli :

    @ Napolux: imaginar : D: D - Tener ese pequeño truco lindo (javascript) para obtener "sobre la marcha", y Lat Lang de Google Maps?! ;)

  4. 13 de octubre 2009 Diego :

    maravilloso!
    ... Bueno ... para personalizar el mapa, por ejemplo, 600 * 600 200 y ax 250 en as3 cómo debo manejar!
    Son las primeras líneas con as3.
    Tnks para todos!

  5. 02 de diciembre 2009 Devis:

    Puede guardar la clave y coordina escribirlos en el archivo XML externo y luego leerlo y luego envíe el punto map.key = "API_KEY";

    1
    setCenter ( new LatLng ( 44.639828 , 10.941795 ) , 18 , MapType . SATELLITE_MAP_TYPE ) ; . mapa setCenter (nueva LatLng (44.639828, 10.941795), 18, ​​mapType SATELLITE_MAP_TYPE.);

    ¿podría decirme cómo hacerlo?
    Gracias.

  6. 02 de diciembre 2009 Giovan Battista Fazioli :

    @ Devis: si el archivo XML se encuentra en un servidor seguro que puede leer pero no escribir en él directamente. Para aprender a ver Flash CS3: la comunicación con un servidor Web

  7. 13 de diciembre 2009 Máximo:

    Sólo funciona con Flash CS4?
    Lo intenté con CS3, pero me sale el mensaje:

    1
    2
    "No se pudo inicializar: compruebe la clave de API favor,
    swf ubicación, versión y la disponibilidad de la red ".
  8. 13 de diciembre 2009 Giovan Battista Fazioli :

    @ Massimo:

    Sólo funciona con Flash CS4?

    No, también se puede utilizar con Adobe Flash CS3. Ver aquí para más detalles

  9. 12 de febrero 2010 nuovobuio:

    hola, gracias por el tutorial es muy útil.
    Una cosa que no entiendo, cuando se utiliza un marcador, es posible hacer lo que parece la nube blanca de google con diversa información sull'inidirizzo por encima de ella, como suele ocurrir, haga clic en el marcador en Google Maps?

  10. 12 de febrero 2010 Giovan Battista Fazioli :

    @ Nuovobuio: para ello debe utilizar el método: map.openInfoWindow() , por ejemplo:

    1
    openInfoWindow ( new LatLng ( 44.639828 , 10.941795 ) , options ) ; . mapa openInfoWindow (nueva LatLng (44.639828, 10.941795), opciones);

    ¿Dónde está options usos, por ejemplo:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    / / Especificar todas las propiedades InfoWindowOptions.
    TextFormat = new TextFormat ( ) ; var TitleFormat: TextFormat = new TextFormat ();
    = true ; TitleFormat negrita = true.;
    StyleSheet = new StyleSheet ( ) ; var titleStyleSheet: StyleSheet = new StyleSheet ();
    Object = { var h1: objeto = {
    "#FFFF80" , color: "# FFFF80"
    } ; fontWeight: "bold"};
    ( "h1" , h1 ) ; . titleStyleSheet setStyle ("h1", h1);
    StyleSheet = new StyleSheet ( ) ; var contentStyleSheet: StyleSheet = new StyleSheet ();
    Object = { var cuerpo: objeto = {
    "#FF0080" , color: "# FF0080",
    "italic" } ; fontStyle: "cursiva"};
    ( "body" , body ) ; . contentStyleSheet setStyle ("cuerpo", el cuerpo);
    TextFormat = new TextFormat ( "Arial" , 10 ) ; var contentFormat: TextFormat = new TextFormat ("Arial", 10);
    InfoWindowOptions = new InfoWindowOptions ( { Opciones: var InfoWindowOptions InfoWindowOptions = new ({
    strokeStyle: {
    0x987654 color: 0x987654
    },
    fillStyle: {
    0xffffff , color: 0xffffff,
    0.8 alfa: 0,8
    },
    TitleFormat: TitleFormat,
    titleStyleSheet: titleStyleSheet,
    contentFormat: contentFormat,
    , Título: "Mi Título",
    "Ciao come va?" , contenido: "Hola ¿cómo estás?"
    contentStyleSheet: contentStyleSheet,
    200 , anchura: 200,
    , CornerRadius: 12,
    , padding: 10,
    , hasCloseButton: true,
    , hasTail: true,
    , tailWidth: 20,
    , tailHeight: 30,
    , tailOffset: - 12,
    ALIGN_LEFT , tailAlign: InfoWindowOptions ALIGN_LEFT,.
    Point ( 3 , 8 ) , pointOffset: new Point (3, 8),
    hasShadow: true
    });
  11. 12 de febrero 2010 nuovobuio:

    Hola, muy amable. Les pido una cosa más que me queda claro que estoy tratando de adaptar el aliasing de texto a mi propio ritmo, con el clásico:

    1
    = AntiAliasType . ADVANCED ; campo antiAliasType =. antiAliasType ADVANCED.;

    pero no sé dónde ponerlo.
    El texto aparece siempre granulada, no encuentro texField aplicar aliasing, ¿dónde está? No veo?

  12. 13 de febrero 2010 Giovan Battista Fazioli :

    @ Nuovobuio: el hecho de que usted no encuentra el textField probablemente significa que ha introducido directamente en el escenario. Para establecer el tipo de AntiAlias ​​recordado, sin embargo, que debe incrustar las fuentes, de lo contrario no funcionará. Si el TextField en el escenario es que se puede establecer el tipo de AntiAlias ​​seleccionar el TextField (tal vez te refieres Etiqueta o TextInput) y el cambio de los parámetros de la ventana / panel de propiedades.
    Si desea utilizar el código, el TextField debe tener un'identificativo, que es un nombre único que permite que el código para hacer referencia a ella. Para establecer el nombre de instancia (por ejemplo, "miotextfield"), siempre se puede operar desde el escenario: seleccione el componente y la ventana / panel de propiedades "nombre de instancia" insert "miotextfield." Me Si tienes problemas para enviar el código.

  13. 13 de febrero 2010 nuovobuio:

    Lo siento, no he sido claro, me refiero al aliasing del texto de la nube de mapa google, el título y el contenido del código que he publicado anteriormente, no puedo ponerlo aliasing, el texto siempre se me aparece "arruinado".
    ¿Dónde se encuentran las diferentes opciones que se establezcan para el mapa de google? Ellos están aquí o hay otro tipo de ancho de línea del perímetro de la nube, etc?
    Lo siento, esta es la primera vez que trato de los mapas en flash ..

  14. 15 de febrero 2010 nuovobuio:

    Yo hice una pregunta muy tonta?

  15. 15 de febrero 2010 Giovan Battista Fazioli :

    @ Nuovobuio: :) no, tranquila ... pero tienes que mirar la documentación de Google . Sólo si Google APIs permiten definir el aliasing. Esos no son los objetos Flash directamente direccionables. Ergo, si Google no admite que no se puede establecer : ( triste :)

  16. 22 de febrero 2010 nuovobuio:

    nada .. mal :-(

    He seguido el tutorial a la letra, insertar el mapa en la biblioteca, y la puse en la pantalla utilizando addChild() de la biblioteca:

    1
    2
    mappa = new mappa ( ) ; var MiObjeto: map = new Mapa ();
    ( mioOggetto ) ; . mcSezione3 addChild (MiObjeto);

    sólo funciona a nivel local, si lo intento en línea, me dice:

    1
    2
    Error de inicialización: compruebe la clave de API favor,
    swf ubicación, versión y la disponibilidad de la red.

    También he añadido la url de la página para obtener la clave, pero no hay nada en la red no va a funcionar, sino que funciona bien a nivel local .. es con as3 cs4 .. me ayudan a resolver?

  17. 27 de marzo 2010 Marco:

    Hola, he seguido el tutorial y todo perfecto.
    Una de las cosas que quería chidere para los tamaños de la hoja fija, exactamente lo que debo escribir el código en lugar de:

    1
    2
    setSize ( new Point ( stage . stageWidth , stage . stageHeight ) ) ; . mapa setSize (nueva Point (internship. stageWidth, etapa stageHeight).);
    map ) ; addChild (mapa);

    Gracias y un saludo!

  18. 28 de marzo 2010 Giovan Battista Fazioli :

    @ Marcos: En el ejemplo, el mapa se determinará de forma que tiene las mismas dimensiones de toda la película: stage.stageWidth, stage.stageHeight . Por lo tanto, dependiendo del tamaño de la película se pueden introducir los valores que considere apropiados, tales como:

    1
    2
    setSize ( new Point ( 100 , 150 ) ) ; . mapa setSize (nuevo punto (100, 150));
    map ) ; addChild (mapa);
  19. 28 de marzo 2010 Marco:

    @ Giovan Battista Fazioli:

    Perfecto, muchas gracias, funciona.
    Me di cuenta de una cosa, no sé si es normal sin embargo.
    El mapa está dentro de un sitio flash, dividida en secciones, todos en el mismo swf.
    básicamente cuando voy a otra página y luego regrese a la sección de páginas de ruta, me sale esto con todo el mundo y sin controles. No sé por qué, el primer golpe y luego si no va la devolución.
    Gracias. Marco.

  20. 29 de marzo 2010 marco2:

    Hola, tengo el mismo problema .. Mark funciona la primera vez, y luego cuando volvamos controles desaparecen y la ubicación stabilita.Qualcuno sé por qué es eso?
    gracias

  21. 29 de marzo 2010 Giovan Battista Fazioli :

    @ Marco2: parece un problema con la caché del navegador que se refleja en la película. probablemente depende de cómo se escribe el código que se ejecuta la primera vez que el defecto se debe a la "recarga" de la página. Así que la película no se vuelve a cargar correctamente a la "atrás" del navegador. Me gustaría tratar de forzar de alguna manera una renovación ...

  22. 29 de marzo 2010 Marco:

    Hola, me resolví escribiendo el siguiente código, una fusión de la de oficial de Goole y giovanbattista:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    google . maps .*; com importación google maps *...;
    google . maps . styles .*; ... com importación google maps estilos *.;
    google . maps . LatLng ; ... import com google maps LatLng;
    google . maps . Map ; ... com importación google maps Mapa;
    google . maps . MapEvent ; ... com importación google maps MapEvent;
    google . maps . MapType ; ... import com google maps mapType;
    google . maps . controls .*; ... com importación google maps controles *.;
    google . maps . overlays .*; ... com importación google maps superposiciones *.;

    : Map = new Map ( ) ; var mapa: mapa = new Mapa ();
    key = "..." ; mapa key = "...".;
    setSize ( new Point ( 700 , 500 ) ) ; . mapa setSize (nuevo punto (700, 500));
    addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . mapa addEventListener (MapEvent. MAP_READY, onMapReady);
    addChild ( map ) ; . este addChild (mapa);

    addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . mapa addEventListener (MapEvent. MAP_READY, onMapReady);

    e : MapEvent ) : void { función onMapReady (e: MapEvent): void {
    addControl ( new PositionControl ( ) ) ; . mapa AddControl (nueva PositionControl ());
    addControl ( new ZoomControl ( ) ) ; . mapa AddControl (nueva ZoomControl ());
    addControl ( new MapTypeControl ( ) ) ; . mapa AddControl (nueva MapTypeControl ());
    setCenter ( new LatLng ( xxx , xxx ) , 10 , MapType . NORMAL_MAP_TYPE ) ; . mapa setCenter (nueva LatLng (xxx, xxx), 10, mapType NORMAL_MAP_TYPE.);

    Marker = new Marker ( var m: Marker = new Marker (
    xxx , xxx ) , nueva LatLng (xxx, xxx)
    nuevos MarkerOptions ({
    StrokeStyle ( { color : 0xFF6532 } ) , strokeStyle: new strokeStyle ({color: 0xFF6532})
    FillStyle ( { color : 0xFF9865 , alpha : 1.0 } ) , fillStyle: new FillStyle ({color: 0xFF9865, alpha: 1,0}),
    , radio: 12,
    } ) hasShadow: true})
    );
    addOverlay ( m ) ; mapa addOverlay (m).;
    }
  23. 18 de mayo 2010 giuseppe:

    Muchachos, pero si tengo que ponerlo en un Aíto web cme Qué debo hacer? Hago pública en html pero me da un cuadro gris y nada más mientras swf está bien como siempre?

  24. 18 de mayo 2010 marco:

    @ José:
    También hay que poner el código en la etiqueta HTML, la clave API.

  25. 18 de mayo 2010 giuseppe:

    Es decir, I = map.key y luego ponemos toda esa cadena http:// .......?

  26. 19 de mayo 2010 giuseppe:

    No puedo hacerlo .... pero donde puedo poner todo el código HTML con la tecla?

  27. 22 de mayo 2010 Francesco:

    Hola a todos,
    si quería utilizar una parte de las bases para el mapa y para el resto del menú
    sería posible cargar el mapa en un área definida de clip de película en lugar de se abre a través del escenario? ¿Cómo podría decirle flash para cargar el mapa en la zona delimitada por el símbolo creado?

    gracias

  28. 06 de julio 2010 Lorenzo:

    Hola,

    felicitaciones por el tutorial, yo era muy útil. Tengo una pregunta para usted (no estoy tan experimentado AS3): ¿Cómo puedo mover el mapa objeto en el escenario?

    Gracias

  29. 07 de julio 2010 Giovan Battista Fazioli :

    @ Lorenzo: se puede mover simplemente actuando sobre el escenario, mover y cambiar el tamaño con el ratón. dell'oggetto, tipo: Si usted quiere hacer este código se puede utilizar las propiedades x e y del objeto, escriba:

    1
    2
    x = 100 ; mapa x = 100.;
    y = 50 ; mapa y = 50.;
  30. 21 de julio 2010 Patrick:

    Hola mi nombre es Patrick,
    Tu útil tutorial que era sólo ahora que me encuentro frente a un pequeño problema ...
    Si exporta la película y el texto de forma local en cargo Localhost me falla el mapa en lugar LO HOSTO en un dominio de aruba me da este error:

    1
    2
    Error de inicialización: compruebe la clave de API favor,
    swf ubicación, versión y la disponibilidad de la red.

    el código HTML de la página que busca en Google Guides es la siguiente:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21

    "allowScriptAccess" value = "sameDomain" / > < param name = valor "allowScriptAccess" = "sameDomain" />
    "allowFullScreen" value = "false" / > < param name = valor "allowFullScreen" = "false" />
    "movie" value = "dovesiamo.swf" / > < param name = valor de "película" = "dovesiamo.swf" />
    "quality" value = "high" / > < param name = valor de la "calidad" = "alto" />
    "bgcolor" value = "#ffffff" / > < param name = valor "bgcolor" = "# ffffff" />

    <Embed src = "dovesiamo.swf"
    quality = "high"
    bgcolor = "# ffffff"
    anchura = "1002"
    height = "517"
    name = "dónde estamos"
    align = "middle"
    allowScriptAccess = "sameDomain"
    allowFullScreen = "false"
    type = "application /-shockwave-flash x"

    pluginspage = "http://www.macromedia.com/go/getflashplayer"
    />
    </ objetos >

    mientras mi código AS3 es como sigue:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    Classes / / Cantidad Google Maps
    google . maps .*; com importación google maps *...;
    google . maps . styles .*; ... com importación google maps estilos *.;
    google . maps . LatLng ; ... import com google maps LatLng;
    google . maps . Map ; ... com importación google maps Mapa;
    google . maps . MapEvent ; ... com importación google maps MapEvent;
    google . maps . MapType ; ... import com google maps mapType;
    google . maps . controls .*; ... com importación google maps controles *.;
    google . maps . overlays .*; ... com importación google maps superposiciones *.;

    : Map = new Map ( ) ; var mapa: mapa = new Mapa ();
    key= "ABQIAAAAA8CizyunDAeEXoQIb62lchT1OkJTPzIYI04p2bE9wlnkO_DE3RQZuRn-y9-4ljmnryrjNPH9EU48Eg" ; mapa key = "ABQIAAAAA8CizyunDAeEXoQIb62lchT1OkJTPzIYI04p2bE9wlnkO_DE3RQZuRn-y9-4ljmnryrjNPH9EU48Eg.";
    / / En este ejemplo, se impuso el tamaño del Google Map
    / / Tamaño igual que la película. Alternativamente, se puede introducir el
    / / Tamaño que prefiera.
    setSize ( new Point ( 600 , 400 ) ) ; . mapa setSize (nuevo punto (600, 400));
    map ) ; addChild (mapa);
    x = 20 ; mapa x = 20.;
    y = 20 ; mapa y = 20.;
    / / Añadir los controles
    addEventListener ( MapEvent . MAP_READY , onMapReady ) ; . mapa addEventListener (MapEvent. MAP_READY, onMapReady);

    e : MapEvent ) : void { función onMapReady (e: MapEvent): void {
    / / Centrar el mapa en una ubicación específica
    setCenter ( new LatLng ( 41.887185 , 12.562806 ) , 18 , MapType . SATELLITE_MAP_TYPE ) ; . mapa setCenter (nueva LatLng (41.887185, 12.562806), 18, ​​mapType SATELLITE_MAP_TYPE.);
    / / Añadir el marcador por defecto
    / / Var m: Marker Marker = new (nuevo LatLng (41.887185,12.562806));
    Marker = new Marker ( new LatLng ( 41.887185 , 12.562806 ) , var m: Marker Marker = new (nuevo LatLng (41.887185, 12.562806),
    icon : new myMarkerMovieClip ( ) } ) ) ; nuevos MarkerOptions ({icon: new myMarkerMovieClip ()}));
    addOverlay ( m ) ; mapa addOverlay (m).;
    addControl ( new PositionControl ( ) ) ; . mapa AddControl (nueva PositionControl ());
    addControl ( new ZoomControl ( ) ) ; . mapa AddControl (nueva ZoomControl ());
    addControl ( new MapTypeControl ( ) ) ; . mapa AddControl (nueva MapTypeControl ());
    }
  31. 21 de julio 2010 Giovan Battista Fazioli :

    @ Patrick: si trabaja a nivel local, pero no en el sitio de la operación, el problema podría ser, como ha indicado en la clave de API. La clave de API está ligado al ámbito de ejercicio de la hoja, para cada dominio (como localhost ) Tengo que generar una nueva. En la práctica, es necesario generar una nueva clave de API para su dominio y sostituila operativo al que se utiliza en localhost .

  32. 21 de julio 2010 Patrick:

    Gracias Se debe trabajar ahora ... No me di cuenta de que tenía que crear un dominio para cada API cm ² ... más vale tarde que nunca ... Pero ahora tengo otro problema ... creo que he hecho más de ...
    Usted sabe que el bar en otro donde se puede cambiar el modo de visualización del mapa, es decir, por ejemplo, donde se puede pasar de mapa por satélite híbrido, etc, etc?
    La visualización de la barra y si hago clic en él todo funciona correctamente, pero los nombres de las teclas que hay así que no puedo dar una biotoxinas marinas de los usuarios del botón ...
    si puedo solucionar esto me hace un placer ENOOOOOORME ... XD
    Gracias de todos modos el tiempo que paso ...
    Patricio

  33. 22 de julio 2010 Giovan Battista Fazioli :

    @ Patrick: ¿Qué quieres decir exactamente con:

    pero los nombres de los botones que hay así que no puedo dar una biotoxinas marinas de los usuarios del botón ...

    No permita que la etiqueta? Es decir, el botón es sólo un rectángulo gris vacío? Porque si es así es un poco de error en Adobe Flash ... o no he entendido bien?

  34. 22 de julio 2010 Patrick:

    @ Giovan Battista Fazioli: No lo ha hecho bien ... Debe ser la etiqueta es una barra gris sin trabajo escrito, pero funciona ... boh ... por favor ayúdame!?!?!?

  35. 22 de julio 2010 Giovan Battista Fazioli :

    @ Patrick: entonces no es un problema que va más allá del código. new MapTypeControl ( ) ) ; si vedono e, tra l'altro, è difficile commettere errore di codice su una riga così semplice. Como puedes ver en las imágenes presentadas en este artículo la "etiqueta" de los botones añaden con map . addControl ( new MapTypeControl ( ) ) ; visto y, entre otras cosas, es difícil comprometerse código de error en una línea de sencillo. Ergo, algo no va al nivel más bajo, consulte las versiones de Flash Player instalado en su navegador, por ejemplo.
    ¿Por casualidad para ver una dirección web donde se puede ver todo el mapa en cuestión? En todo caso es un problema de "su" local, y veo bien! Que ya sería un paso adelante ... :)

  36. 22 de julio 2010 Patrick:

    @ Giovan Battista Fazioli: se trata de la dirección es http://www.daynightclub.it/prove2/dovesiamo.html

  37. 22 de julio 2010 Patrick:

    esperando que el enlace no funciona ... ahora cargar en otro lugar, y te digo ...

  38. 22 de julio 2010 Patrick:

    @ Giovan Battista Fazioli: Aquí es el dominio que funciona ... http://www.regalaunfiore.it/prova/dovesiamo.html

  39. 22 de julio 2010 Giovan Battista Fazioli :

    @ Patrick: Puede que haya descubierto. Ha utilizado el caso para una "máscara" - para hacer los bordes redondeados para el mapa! Si es así tratar de sacarlo!

  40. 22 de julio 2010 Marco:

    Incluso yo estaba capitatala lo mismo, pero no lo usamos máscaras.
    Me quité la etiqueta y nada más.

  41. 22 de julio 2010 Patrick:

    @ Giovan Battista Fazioli: Beneficia usé la máscara, pero tengo que cubrir algunas curvas porque no me gusta el mapa cuadrado así que ¿cómo puedo solucionarlo?

  42. 22 de julio 2010 Giovan Battista Fazioli :

    @ Patrick: Si quitar la máscara del defecto sigue (según lo indicado por Marco arriba), tratar de enviarme la fuente, quien sabe ... yo podría incluso iluminación :)

  43. 22 de julio 2010 Marco:

    Giovan Hola, te envío mi fla al problema de la etiqueta, donde se puede descargar desde el enlace es este:
    http://www.valledelrieslingoltrepo.it/dovesiamo.fla
    E 'se hizo con Fl cs5, espero que te las arreglas para abrirlo.
    No puedo entender dónde está el problema.
    Olvídate del resto, imágenes y todo se carga desde un archivo XML externo que tengo que hacer.
    Gracias.

  44. 22 de julio 2010 Giovan Battista Fazioli :

    Como señalé a Mark, trata de hacerlo todo con CS4, el problema puede estar en algún tipo de incompatibilidad entre el nuevo CS5 y el componente proporcionado por Google. Después de todo, este post se hizo con la suite CS4. Déjame saber, limitar abierta una cuestión que Google / Adobe :)

  45. 22 de julio 2010 Marco:

    Tal vez el problema es cs5, ahora tengo el CS4, este problema también estaba en CS4, CS5 He instalado hace aproximadamente un mes y el problema ya fue hace unos meses cuando hice el sitio .
    Aquí, por ejemplo, he utilizado el cs5 es que el problema no está ahí.

    Ingrese al sitio y haga clic en "donde" todo funciona.

    http://www.marchesidimontalto.it/marchesi_di_montalto.html

    No sé, tal vez es sólo un error.
    Hola.

  46. 22 de julio 2010 Giovan Battista Fazioli :

    @ Marcos: Curioso! Si Flash es el mismo, y también el código dentro, tal vez el problema puede estar en el margen de la página, escriba: codificación o el DOCTYPE, o en el estado <object>/<embed> por ejemplo ...

  47. 01 de marzo 2011 Freemaui:

    Felicito a Giovan Battista tutoriales, hecho muy bien ...

  48. 04 de abril 2012 Mateo:

    Hola a todos,
    Desafortunadamente, Google no permite el uso de la API de Flash, pero permite su uso sólo con los componentes de Java ... posible?
    Hay otras maneras de integrar los mapas?

  49. 10 de noviembre 2012 Lucas:

    Tutorial Great!
    Tengo un par de cosas para hacer.
    1) ¿Cómo se puede poner diferentes marcadores en el mismo mapa?
    2) puede hacerlo pasando el cursor sobre un marcador a aparecer los datos relativos a ese punto en el mapa?
    gracias

Deja un comentario

TAG XHTML PERMISOS: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> ENTRADA CÓDIGO:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL