Hvordan bruke Google Maps i Flash

Hvordan bruke Google Maps i Flash


Mange nettsteder har et sted kart Google Maps for å vise sine besøkende hvor ulike severdigheter ligger. Google Map kan inngå i en Flash nettsted ved hjelp av ulike linjer med kode for å styre kart funksjoner, brukergrensesnittet alternativer, og diverse andre mellomlandinger og spesialeffekter. Den koding del av å integrere kartet er ganske omfattende på grunn av høy grad av tilpasning tilgjengelig. Men, legger de grunnleggende standard kartet til Flash nettstedet er ikke altfor komplisert.

Bruksanvisning

Preparat

1 Åpne en nettleser og gå til Google Code: Maps side (se Ressurser).

2 Klikk på "Registrer deg for en API-nøkkel" i venstre navigasjonsfeltet.

3 Rull ned til bunnen for å sjekke vilkårene og oppgi nøyaktige nettadressen for domenet der kartet vil være vertskap. Klikk "Generer API-nøkkel."

4 Kopier API nøklene til en Notisblokk-dokument for senere bruk.

5 Last ned SDK filer fra siden Google Code (se Ressurser) og pakke ut filen til skrivebordet.

6 Åpne googleMapsApi / lib / mappe på skrivebordet og kopiere kartet

# # .swc filen til den aktuelle Flash installasjonsmappen. For CS3 bruk: C: \ Program Files \ Adobe \ Adobe Flash CS3 \ Språk \ Configuration \ Components. For CS4 bruk: C: \ Program Files \ Adobe \ Adobe Flash CS4 \ Common \ Configuration \ Components.

Integrering av kart inn Flash

7 Åpne en ny Flash (Actionscript 3.0) dokument.

8 Velg "Window", "Component" og velg "Google" fra de tilgjengelige alternativene.

9 Dra "GoogleMapsLibrary" komponent til scenen, og sentrere den via "Align" panel som kan nås ved å trykke CTRL + F3.

10 Trykk på F9 for å åpne "Actionscript Panel" og importere kart bibliotekene ved å skrive inn følgende:
import com.google.maps.LatLng;
import com.google.maps.Map;
import com.google.maps.MapEvent;
import com.google.maps.MapType;

11 Identifiser kartet til Flash med den unike API koden ved å taste de neste linjer med kode etter bibliotekene importere:
Var kartet: Kart = new Map ();
map.key = "your_api_key";

12 Etablere størrelsen på kartet:
map.setSize (ny Point (stage.stageWidth, stage.stageHeight));

1. 3 Tildele hendelsen lyttere til kartet:
map.addEventListener (MapEvent.MAP_READY, onMapReady);

14 Target kartet til et bestemt sted når det først initialisert:
funksjon onMapReady (event: MapEvent): void {
setCenter (ny LatLng (40,736072, -73,992062), 14, MapType.NORMAL_MAP_TYPE);
}

15 Fest kartet til Flash movie for eksport:
this.addChild (kart);

16 Trykk "CTRL" + "Enter" for å teste den ferdige filmen og se den grunnleggende Google map.

Hint

  • Dette er den fullstendige koden:
  • import com.google.maps.LatLng;
  • import com.google.maps.Map;
  • import com.google.maps.MapEvent;
  • import com.google.maps.MapType;
  • Var kartet: Kart = new Map ();
  • map.key = "your_api_key";
  • map.setSize (ny Point (stage.stageWidth, stage.stageHeight));
  • map.addEventListener (MapEvent.MAP_READY, onMapReady);
  • this.addChild (kart);
  • funksjon onMapReady (hendelse: Hendelse): void {
  • map.setCenter (ny LatLng (40,736072, -73,992062), 14, MapType.NORMAL_MAP_TYPE);
  • }