FlexでGoogleMap
FlexでGoogleMapをやってみました。
http://moeten.info/flex/20080517_googleMap/bin-release/main.html
やり方
swcファイルをゲット
APIキーの取得
http://code.google.com/apis/maps/signup.html
#とりあえず適当にhttp://localhost/っととってmap.keyに入れるとデバッグモードで動くみたい。
簡単なソースはこちら
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #84BBB1]" xmlns:maps="com.google.maps.*" viewSourceURL="srcview/index.html"> <mx:Script> <![CDATA[ import flash.events.Event; import com.google.maps.MapEvent; import com.google.maps.Map; import com.google.maps.MapType; import com.google.maps.LatLng; private var map:Map; public function startMap(event:Event):void { map = new Map(); //キーの設定(デバッグの場合は適当でOKっぽい map.key = "ABQIAAAAq9Z1Z3_S-AQpWPqQe5Gh1RSfJmEPvyfw2cn0uMXFGb3JTPRP5RRlTmMXI-wBE81lWl-PkGS70RU4sw"; map.addEventListener(MapEvent.MAP_READY, onMapReady); mapContainer.addChild(map); } public function resizeMap(event:Event):void{ map.setSize(new Point(mapContainer.width, mapContainer.height)); } private function onMapReady(event:MapEvent):void { map.setCenter(new LatLng(35.68627 ,139.69487), 14, MapType.NORMAL_MAP_TYPE); map.addEventListener(MouseEvent.CLICK , setCenter ); } private function setCenter(e:MouseEvent):void{ myLog.text += "" + map.fromPointToLatLng( new Point( map.mouseX , map.mouseY ) ) + "\n"; } ]]> </mx:Script> <mx:Panel title="Google Maps API for Flash - Simple Map" width="460" height="100%"> <mx:UIComponent id="mapContainer" initialize="startMap(event);" resize="resizeMap(event)" width="100%" height="100%" /> </mx:Panel> <mx:TextArea id="myLog" x="468" y="10" width="349" height="423"/> </mx:Application>