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);
- }