Google Mapas componente para o Flash

AFComponents UMAP

Google tem APIs - Javascript - para colocar seus mapas em qualquer site da web disputavam como realizar a mesma coisa com Flash.!

imagem Partimos de um componente gratuito, UMAP (Universal ActionScript 3.0 API Mapping - Integrado com o Google Maps), desenvolvido pela AFComponents , a empresas verticalmente organizado de componentes para realmente interessantes Flash / Flex e acessível. Sobre o site, onde você precisa se ​​registrar para tirar proveito de downloads gratuitos, há também versões do UMAP para ActionScript 2.0: MAP G Ver.2.6.1 . Neste caso, vamos analisar a versão 0,4 Beta UMAP para ActionScript 3.0 (dentro do pacote, há também um componente Flex). Que vamos ver é - obviamente - uma versão beta e não tem, portanto, alguns recursos na versão para Actionscript 2.0 ( G Ver.2.6.1 MAP ). No entanto, vigia para o futuro, parece mais interessante chamar a atenção para este lançamento, eu tentei tanto e, apesar da liberação de mais completo para Actionscript 2.0, Actionscript versão 3.0 beta é consideravelmente mais poderoso.

Entre suas características estão:

  • Suporte para telhas mapa personalizado e prestadores de
  • Atualizado algoritmos de carregamento para carregamento mais rápido da telha
  • Flash / Flex versões
  • Suporte KML
  • Camadas de conteúdo avançada
  • FLA-Based Controls Mapa
  • Forma overlays Vector
  • Estilo de janela estendidos Informações

Componentes UMAP Uma vez instalado o componente usando o Adobe Extension Manager UMAP vai encontrar quatro novos componentes que fazem parte da UMAP. Os controles usados ​​no Google Maps, como zoom (zoom de controle), a escolha do tipo de mapa (Mapa Tipo de Controle) eo cursor se move para (Controle de Posição), realiza-se aqui como componentes / elementos. O principal componente é, naturalmente, UMAP. Para isto pode adicionar todas as outras, se quisermos. Para isso, no entanto, escrever algumas linhas de código ...

Clique aqui para obter a documentação : Verifique se a documentação contém alguns erros e tutoriais estão faltando!

Vemos um excelente exemplo. Abra um novo filme do Flash e arraste o componente eo componente de controlo de zoom UMAP. . Vamos nomear esses casos, respectivamente umap e zoom .

EtapaJogador
Componentes no Palco Test Movie

Não é necessário colocar o controle de zoom componente sobre a UMAP componente. Quando você testar o filme será automaticamente posicionado de zoom para a esquerda do componente principal. O código do ActionScript a ser usado para "add" componente de zoom é a seguinte:

1
zoom ) ; . UMAP AddControl (zoom);

O mesmo pode ser feito se quisermos completar a ver como é normalmente mostrado no Google Maps.

EtapaJogador
Componentes no Palco Test Movie

Mesmo neste caso o nome das instâncias dos outros dois componentes e escrever o seguinte código:

1
2
3
zoom ) ; . UMAP AddControl (zoom);
maptype ) ; . UMAP AddControl (maptype);
mapposition ) ; UMAP AddControl (mapposition).;

Que não é prática em Actionscript deve ter cuidado para algum erro de "bater" na documentação - como eu mencionei acima. Depois de um produto é livre em beta!

Para aprere uma janela (Window) personalizados, por exemplo, o código correto é:

imagemJanela personalizada
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
afcomponents . umap . core . UMap ; .... com as importações afcomponents UMAP núcleo UMAP;
afcomponents . umap . styles ; . afcomponents com as importações UMAP estilos..;
afcomponents . umap . styles . InfoWindowStyle ; com as importações afcomponents UMAP estilos InfoWindowStyle....;
afcomponents . umap . types . Size ; com as importações afcomponents UMAP tipos Size....;
/ /
zoom ) ; . UMAP AddControl (zoom);
maptype ) ; . UMAP AddControl (maptype);
mapposition ) ; UMAP AddControl (mapposition).;
/ /
/ / Define o estilo da janela
InfoWindowStyle = new InfoWindowStyle ( ) ; var estilo: InfoWindowStyle InfoWindowStyle = new ();
; estilo strokeAlpha = 0,8.;
= new Size ( 200 , 100 ) ; tamanho style = new Size (200, 100).;
= InfoWindowStyle . AUTO_SIZE_NONE ; estilo autoSize = InfoWindowStyle AUTO_SIZE_NONE..;
height = 30 ; .. estilo tailSize height = 30;
; estilo tailOffset = 0,10.;
html = true ; estilo contentStyle html = true..;
styleSheet = new StyleSheet ( ) ; .. estilo contentStyle styleSheet = new StyleSheet ();
styleSheet . setStyle ( "html" , { fontFamily : "arial" , fontSize : 12 , color : "#555555" } ) ; estilo contentStyle styleSheet setStyle ("html", {fontFamily: "Arial", fontSize: 12, cor: "# 555555"})...;
/ Parâmetros / Janela
Object = new Object ( ) ; var param: objeto = new Objeto ();
; . param title = "Título da Janela";
= "Contenuto...<br />in stile<br /><b><u>HTML</u></b>!" ; . param content = "Content ... <br /> <br /> <u> estilo HTML </ u> </ b>";
/ / Abre a Janela
param , style ) ; . UMAP openInfoWindow (estilo param);

Claro que você pode usar o componente UMAP, e outros, diretamente do código, sem que se arrastam componente da janela no Palco. Também é possível adicionar o marcador (ou balão) para indicar localizações no mapa.

imagemMarcador
1
2
3
4
5
6
7
8
9
10
11
afcomponents . umap . core . UMap ; .... com as importações afcomponents UMAP núcleo UMAP;
afcomponents . umap . styles . GeometryStyle ; com as importações afcomponents UMAP estilos GeometryStyle....;
afcomponents . umap . overlays . Marker ; com as importações afcomponents UMAP overlays marcador....;
afcomponents . umap . types . LatLng ; com as importações afcomponents UMAP tipos LatLng....;
/ /
: UMap = new UMap ( ) ; var map: UMAP UMAP = new ();
setSize ( 300 , 300 ) ; . mapa setSize (300, 300);
addChild ( map ) ; este addChild (mapa).;
/ /
Marker = new Marker ( { name : "Titolo Marker" , position : new LatLng ( 10 , 10 ) , description : "Questo è il testo del corpo del Marker" } , { fill : GeometryStyle . RGB , fillRGB : 0xffcc00 } ) ; var m: marcador = new Marker ({name: "Título Marker", a posição: new LatLng (10, 10), descrição: "Este é o texto do corpo do marcador"}, {preenchimento:. GeometryStyle RGB fillRGB: 0xFFCC00 });
addOverlay ( m ) ; mapa addOverlay (m).;

Vamos voltar em breve para este componente, também à espera de outros lançamentos - já que é um beta!

5 comentários para "Componente Google Maps para Flash"

  1. 10 de fevereiro de 2009 Simo:

    Olá! Eu tenho um problema com o mapa ... se eu colocá-lo em um swf está bem. Mas se me lembro do índice e carregar o mapa "louco" e não carrega!
    Tentei inserir um stop (); após o código, mas nada. Eu preciso inserir o mapa
    em "onde estamos".
    Eu tenho um arquivo que chama o index.swf homepage.swf menu.swf e depois carregando o menu.swf vários capítulos, incluindo dovesiamo.swf mapa ... mas tão errado! Você pode me ajudar?

  2. 18 de marco de 2009 Daniel Torres

    Hola, eu mantenho um problema com o componente este. Ya no me funcion y instalar ele, ¿Tengo Algo Mas Que hacer en el Escenario Apartamento De colocation?, Cuando Me Muestra o público com um parpadeante cuadro adicionales los Componentes mas amontonados. A favor Por ayuda.

  3. Abril 12, 2009 Juan Felipe :

    Listo, o ya averigué, a solución ESTA es, você alguien com feno otra solución tambien grave saberla bueno:

    1
    2
    3
    4
    ZoomControl = new ZoomControl ; //creamos el control de zoom var pc: = new ZoomControl ZoomControl / / el controle de zoom de creamos
    = new Align ( Align . RIGHT , Align . BOTTOM ) ; //lo ubicamos en la esquina inferior derecha pcs. align = new Align (Alinhar Align. DIREITA. BOTTOM) / / o ubicamos en la derecha Esquina inferior
    Point ( 100 , 100 ) ; //le damos un padding para ubicarlo donde queremos pcs estofamento = new. Ponto (100, 100); / / o preenchimento parágrafo lugar Damos-lo Queremos onde
    pc ) ; //Por ultimo lo agregamos al mapa mapa. AddControl (PC) / Por / pelo menos, o Mapa do agregamos

    Exitos!. : P

  4. Abril 12, 2009 Juan Felipe :

    Hola, Como hago parágrafo los posicionar Controles do MAFF (zoom, digite y mapa posicion de) en otra área, Por ejemplo en la derecha Esquina inferior?

Deixe um comentário

XHTML PERMIT TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CÓDIGO DE INSERÇÃO:
 <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