Google Maps Komponente für Flash
Freitag, 25. Januar, 2008 
Google hat APIs zur Verfügung gestellt - in Javascript -, um seine Karten auf jeder Website. Wetteiferte die Durchführung der gleichen Sache mit Flash!
Wir beginnen bei einem Gratis-Komponente, Umapa (Universal ActionScript 3.0 Mapping-API - integriert mit Google Maps), entwickelt von AFComponents, eine vertikale Komponenten für Flash / Flex sehr angemessen und erschwinglich sein. An der Stelle, wo Sie müssen sich vermutlich registrieren, um die Vorteile des kostenlosen Downloads gibt es auch Versionen von Umapa für ActionScript 2.0: G MAP Ver.2.6.1. In diesem Fall untersuchen wir die Version 0.4 Beta der Umapa für ActionScript 3.0 (im Paket gibt es auch eine Komponente Flex). Dass wir, um zu sehen, ist - natürlich - eine Beta-, und fehlen, dann klicken, einige Funktionen in Version 2.0 Actionscript (G Ver.2.6.1 MAP). Tuttavia, gurdando al futuro, mi sembra più interessante focalizzare l'attenzione su questa release; le ho provate entrambe e, nonostante la maggiore completezza della release per Actionscript 2.0, la versione beta per Actionscript 3.0 è notevolmente più performante.
Zu seinen Funktionen gehören:
- Support für kundenspezifische Karte Fliesen und Anbieter
- Aktualisiert Be-Algorithmen für schnelleres Laden Kachel
- Flash / Flex-Versionen
- KML-Support
- Erweiterte Inhalte layering
- FLA-basierte Karte Kontrollen
- Vector Form Overlays
- Erweiterte Info-Fenster Styling
Nach der Installation der Umapa durch Adobe Extension Manager finden vier neue Komponenten, die alle Teil der Umapa. Die Kontrollen werden in Google Maps, wie die Zoom (Zoom Control), der Wahl der Art der Karte (Typ Map Control) und die Schlüssel für die Bewegung (Position Control) werden hier als Komponenten / Elemente außerhalb. Die wichtigste Komponente ist natürlich, Umapa. Zu diesem kann hinzufügen, alle anderen, wenn sie dies wünschen. Zu tun, jedoch muss schreiben ein paar Zeilen Code ...
> Für die Dokumentation hier: Warnungen, die die Dokumentation enthält einige Fehler und Tutorials fehlen!
Wir sehen ein gutes Beispiel. Öffnen Sie ein neues Flash-Film und ziehen Sie die Komponente und die Komponente Umapa Zoom Control. Nominiert ihren jeweiligen Gremien der umap zoom Zoom.
 |  |
| Components on Stage | Versuchen Sie, Film |
Es ist nicht notwendig, um die Komponente Zoom Control über die Umapa Komponente. Wenn der Film versuchen lo Zoom wird automatisch in Position auf der linken Seite der wichtigsten Komponente. Actionscript-Code zu verwenden, um "add" Zoom-Komponente ist wie folgt:
- zoom ) ; Umapa. AddControl (zoom);
Das Gleiche getan werden sollte, wenn wir wollen, auf, so wird in der Regel auf Google Maps.
 |  |
| Components on Stage | Versuchen Sie, Film |
Auch benennen die Einrichtungen der beiden anderen Komponenten und schreiben Sie den folgenden Code ein:
- zoom ) ; Umapa. AddControl (zoom);
- maptype ) ; Umapa. AddControl (maptype);
- mapposition ) ; Umapa. AddControl (mapposition);
Wer ist nicht praktikabel Actionscript sollte Vorsicht einige Fehler der "schlagende" in der Dokumentation - wie ich bereits erwähnt. Nach einem Produkt ist kostenlos und in der Beta-Phase!
Für aprere ein Fenster (Window) Brauch, zum Beispiel, die richtige Code ist:
 |  |
- . umap . core . UMap ; Import-com. afcomponents. Umapa. Kern. Umapa;
- . umap . styles ; Import-com. afcomponents. Umapa. Stile;
- . umap . styles . InfoWindowStyle ; Import-com. afcomponents. Umapa. Stile. InfoWindowStyle;
- . umap . types . Size ; Import-com. afcomponents. Umapa. Arten. Größe;
- / /
- zoom ) ; Umapa. AddControl (zoom);
- maptype ) ; Umapa. AddControl (maptype);
- mapposition ) ; Umapa. AddControl (mapposition);
- / /
- / / Definieren Sie den Stil der Fenster
- InfoWindowStyle ( ) ; var Stil: InfoWindowStyle = new InfoWindowStyle ();
- . 8 ; Stil. strokeAlpha = 0. 8;
- Size ( 200 , 100 ) ; Stil. Größe = new Size (200, 100);
- ; Stil. AUTOSIZE = InfoWindowStyle. AUTO_SIZE_NONE;
- = 30 ; Stil. tailSize. height = 30;
- . 10 ; Stil. tailOffset = 0. 10;
- = true ; Stil. contentStyle. html = true;
- = new StyleSheet ( ) ; Stil. contentStyle. StyleSheet = new StyleSheet ();
- . setStyle ( "html" , { fontFamily: "arial" , fontSize: 12 , color : "#555555" } ) ; Stil. contentStyle. StyleSheet. setStyle ( "html", (SchriftFamilie: "Arial", Schriftgröße: 12, color: '# 555555'));
- / / Parameter-Fenster
- = new Object ( ) ; var param: Object = new Object ();
- ; param. title = "Window Title";
- ; param. content = "Content ... <br /> <br /> Stil <b> <u> HTML </ u> </ b>";
- / / Öffnen Sie das Fenster
- param, style ) ; Umapa. OpenInfoWindow (param, Stil);
Natürlich können Sie die Komponente Umapa, und andere, auch von Code, ohne ziehen Sie aus dem Fenster der Komponenten in die Bühne. Und Sie können auch Marker (oder Ballon), um anzuzeigen, Standorte auf der Karte.
 |  |
- . umap . core . UMap ; Import-com. afcomponents. Umapa. Kern. Umapa;
- . umap . styles . GeometryStyle ; Import-com. afcomponents. Umapa. Stile. GeometryStyle;
- . umap . overlays . Marker ; Import-com. afcomponents. Umapa. Overlays. Marker;
- . umap . types . LatLng ; Import-com. afcomponents. Umapa. Arten. latlng;
- / /
- UMap ( ) ; var Karte: Umapa = new Umapa ();
- 300 , 300 ) ; Karte. setSize (300, 300);
- ( map ) ; dieser. addChild (Karte);
- / /
- Marker ( { name : "Titolo Marker" , position : new LatLng ( 10 , 10 ) , description: "Questo è il testo del corpo del Marker" } , { fill:GeometryStyle. RGB , fillRGB:0xffcc00 } ) ; var m: Marker = new Marker ((Name: "Titel Marker", Position: neue latlng (10, 10), Beschreibung: "Dies ist der Wortlaut der Stelle der Markierung"), (füllen: GeometryStyle. RGB, fillRGB: 0xffcc00 ));
- m ) ; Karte. addOverlay (m);
Komm bald zurück zu schweigen von dieser Komponente, wartet auch für andere Releases - da es sich um eine Beta!
Advanced Flash-Komponenten Blog »Blog Archiv» Stuff passiert an AFC sagte:
[...] [...] Undolog