Wie man GoogleMaps in Flash verwenden

October 26

Wie man GoogleMaps in Flash verwenden

Viele Websites bieten ein Stadtplan von Google Maps, um ihren Besuchern zu zeigen, wo verschiedene Punkte des Interesses sind. Der Google-Karte können in einer Flash-Website mit verschiedenen Codezeilen zur Steuerung der Funktionen der Karte, die Optionen der Benutzeroberfläche, und verschiedene andere Layovers und Special Effects enthalten sein. Die Codierung die Karte integrieren gehört recht umfangreiche wegen der hohen Anpassung zur Verfügung. Der Flash-Website die grundlegende Standardkurve hinzufügen ist jedoch nicht allzu kompliziert.

Anweisungen

Vorbereitung

1 Öffnen Sie einen Webbrowser und navigieren Sie zu der Google-Code: Maps-Seite (siehe Ressourcen).

2 Klicken Sie auf "Sign Up For an API Key" in der linken Navigationsleiste.

3 Blättern Sie unten nach den AGB's das Kontrollkästchen, und geben die genaue URL der Domäne, in die Karte werden wird. Klicken Sie auf "API-Schlüssel zu generieren."

4 Kopieren Sie die API-Schlüssel in ein Editor-Dokument zur späteren Verwendung.

5 Die SDK-Dateien von der Google Code Seite downloaden (siehe Ressourcen) und entpacken Sie die Datei auf den Desktop.

6 Öffnen Sie die GoogleMapsApi/Lib/Ordner auf den Desktop und die Kopie der Karte## .swc-Datei in den entsprechenden Flash-Installationsordner. Für den Einsatz von CS3: C:\Program Startlaufwerk\Programme\Adobe\Adobe Flash CS3\Language\Configuration\Components. Für CS4 Verwendung: C:\Program Startlaufwerk\Programme\Adobe\Adobe Flash CS4\Common\Configuration\Components.

Integrieren Flash Karte

7 Öffnen Sie ein neues Dokument mit Flash (Actionscript 3.0).

8 Wählen Sie "Fenster", "Component" und "Google" aus den verfügbaren Optionen.

9 Ziehen Sie die Komponente "GoogleMapsLibrary" auf die Bühne, und es mit der Option "Ausrichten" Systemsteuerung zugegriffen werden kann, durch Drücken von Strg + F3.

10 Drücken Sie F9 zum Öffnen der "Actionscript Panel" und Karte-Bibliotheken importieren, indem Sie Folgendes eingeben:Import com.google.maps.LatLng;Import com.google.maps.Map;Import com.google.maps.MapEvent;Import com.google.maps.MapType;

11 Identifizieren Sie die Karte, um Flash mit dem einzigartigen API-Code durch die nächsten Zeilen Code eingeben, nach dem Importieren von Bibliotheken:Var: Karte = neue Map();Map.Key = "Your_api_key";

12 Stellen Sie die Größe der Karte:map.setSize (neue Ziffer (stage.stageWidth, stage.stageHeight));

13 Weisen Sie Ereignis-Listener zu der Karte:map.addEventListener (MapEvent.MAP_READY, OnMapReady);

14 Richten Sie die Karte an einem bestimmten Ort, wenn es zuerst initialisiert wird:Funktion OnMapReady(event:MapEvent):void {}SetCenter (neue LatLng(40.736072,-73.992062), 14, MapType.NORMAL_MAP_TYPE);}

15 Fügen Sie die Karte an den Flash-Film für den Export:this.addChild(map);

16 Drücken Sie "Strg" + "Enter" Testen Sie den fertigen Film und sehen die grundlegende GoogleMap.

Tipps & Warnungen

  • Dies ist der vollständige Code:
  • Import com.google.maps.LatLng;
  • Import com.google.maps.Map;
  • Import com.google.maps.MapEvent;
  • Import com.google.maps.MapType;
  • Var: Karte = neue Map();
  • Map.Key = "Your_api_key";
  • map.setSize (neue Ziffer (stage.stageWidth, stage.stageHeight));
  • map.addEventListener (MapEvent.MAP_READY, OnMapReady);
  • this.addChild(map);
  • Funktion OnMapReady(event:Event):void {}
  • map.setCenter (neue LatLng(40.736072,-73.992062), 14, MapType.NORMAL_MAP_TYPE);
  • }