2009年10月28日

Google Maps API for Flash - 3D Maps

Google Maps API for Flash - 3D Maps
HelloWorld.mxml<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<maps:Map3D
xmlns:maps="com.google.maps.*"
id="map"
mapevent_mappreinitialize="onMapPreinitialize(event)"
mapevent_mapready="onMapReady(event)"
width="100%" height="100%"
key="ABQIAAAA7QUChpcnvnmXxsjC7s1fCxQGj0PqsCtxKvarsoS-iqLdqZSKfxTd7Xf-2rEc_PC9o8IsJde80Wnj4g"/>
<mx:Script>
<![CDATA[
import com.google.maps.LatLng;
import com.google.maps.Map3D;
import com.google.maps.MapEvent;
import com.google.maps.MapType;
import com.google.maps.MapMouseEvent;
import com.google.maps.MapOptions;
import com.google.maps.View;
import com.google.maps.geom.Attitude;
import com.google.maps.controls.NavigationControl;
import com.google.maps.controls.MapTypeControl;
import com.google.maps.overlays.*;
import com.google.maps.services.*;

private var clickCount:uint = 0;

private function onMapPreinitialize(event:MapEvent):void {
var myMapOptions:MapOptions = new MapOptions();
myMapOptions.zoom = 12;
myMapOptions.center = new LatLng(24.15, 120.6);
myMapOptions.mapType = MapType.HYBRID_MAP_TYPE;
myMapOptions.viewMode = View.VIEWMODE_PERSPECTIVE;
myMapOptions.attitude = new Attitude(20,30,0);
map.setInitOptions(myMapOptions);
}

private function onMapReady(event:Event):void {
map.addControl(new NavigationControl());
map.addControl(new MapTypeControl());
map.addEventListener(MapMouseEvent.CLICK, onMapClick);
}

private function onMapClick(event:MapMouseEvent):void {
clickCount++;
map.addOverlay(new Marker(event.latLng,
new MarkerOptions({label: clickCount.toString()})));
}
]]>
</mx:Script>
</mx:Application>

$ mxmlc -library-path+=../lib/map_flex_1_17.swc HelloWorld.mxml
HelloWorld.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<div id="map_canvas" name="map_canvas">
<object
codebase="."
width="100%"
height="100%">
<param name="movie" value="helloworld.swf">
<param name="quality" value="high">
<embed
width="100%"
height="100%"
src="HelloWorld.swf"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash">
</embed>
</object>
</div>
</body>
</html>

Example

沒有留言:

網誌存檔