Flex中调用Google Map的方法

1.下载Google Map SDK：http://maps.googleapis.com/maps/flash/release/sdk.zip

 

2.解压后找到lib内的map_flex_*.swc文件并导入到Project中去。

 

3.编写测试代码如下：

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*" width="100%" height="100%"> <mx:Script> <!--[CDATA[ public function gotoMap():void { mapUI.moveToWhere(where.text); } ]]--> </mx:Script> <mx:HBox paddingLeft="5" paddingTop="5" verticalAlign="top"> <mx:Label text="输入地址：" /> <mx:TextInput width="169" id="where" fontSize="12" fontWeight="bold"/> <mx:Button label="搜索" fontSize="12" click="gotoMap()" width="64"/> </mx:HBox> <ns1:MyMAP key="ABQIAAAAEUQL_IqwWX4ZOcEtw0r7whRi_j0U6kJrkFvY4-OX2XYmEAa76BQc0gZPMJROw3owe9BMoRHM0FER_A" defaultPointX="39.92" defaultPointY="116.46" id="mapUI" left="5" right="5" bottom="5" top="35"/> </mx:Application><?xml version="1.0" encoding="utf-8"?> <Map xmlns="com.google.maps.*" xmlns:mx="http://www.adobe.com/2006/mxml" height="100%" width="100%" mapevent_mapready="onMapReady(event)" creationComplete="init()" resize="resizeMap(event)"> <mx:Script> <!--[CDATA[ import com.google.maps.services.ClientGeocoderOptions; import com.google.maps.MapTypeOptions; import com.google.maps.MapMoveEvent; import com.google.maps.controls.MapTypeControlOptions; import com.google.maps.controls.MapTypeControl; import com.google.maps.controls.ZoomControlOptions; import com.google.maps.controls.ZoomControl; import com.google.maps.controls.OverviewMapControlOptions; import com.google.maps.controls.OverviewMapControl; import com.google.maps.controls.PositionControlOptions; import com.google.maps.controls.PositionControl; import com.google.maps.InfoWindowOptions; import com.google.maps.interfaces.IMapType; import flash.events.Event; import com.google.maps.MapEvent; import com.google.maps.Map; import com.google.maps.MapType; import com.google.maps.LatLng; import com.google.maps.MapMoveEvent; import com.google.maps.controls.ZoomControl; import com.google.maps.controls.MapTypeControl; import com.google.maps.services.ClientGeocoder; import com.google.maps.services.GeocodingEvent; import com.google.maps.overlays.Marker; import com.google.maps.overlays.MarkerOptions; import com.google.maps.MapEvent; import com.google.maps.MapMouseEvent; import com.google.maps.services.GeocodingEvent; import com.google.maps.overlays.Marker; import com.google.maps.overlays.MarkerOptions; import com.google.maps.InfoWindowOptions; import mx.controls.Alert; import mx.utils.ObjectUtil; private var tmpx:Number; private var tmpy:Number; private var marker:Marker; [Bindable] public var nowpoints:String; public var defaultPointX:Number; public var defaultPointY:Number private function onMapReady(event:MapEvent):void { this.setCenter(new LatLng(this.defaultPointX,this.defaultPointY), 14, MapType.SATELLITE_MAP_TYPE/*卫星图模式*/); this.enableScrollWheelZoom(); this.enableContinuousZoom(); this.addControl( new PositionControl( new PositionControlOptions() ) ); this.addControl( new OverviewMapControl( new OverviewMapControlOptions() ) ); this.addControl( new ZoomControl( new ZoomControlOptions() ) ); this.addControl( new MapTypeControl( new MapTypeControlOptions() ) ); } private function init():void { this.addEventListener(MapMoveEvent.MOVE_END, onMapMoveEnd); } public function onMapMoveEnd(event:MapMoveEvent):void { this.nowpoints = this.getCenter().lat()+" "+this.getCenter().lng(); trace(this.nowpoints); } public function resizeMap(event:Event):void { this.setSize(new Point(this.width, this.height)); } public function moveToPoint(x:Number,y:Number):void{ this.tmpx =x; this.tmpy = y; this.panTo(new LatLng(this.tmpx,this.tmpy)); if(x==40.105 && y==124.352){ var tmp:LatLng = new LatLng(this.getCenter().lat()+0.001,this.getCenter().lng()); this.openInfoWindow(tmp, new InfoWindowOptions({title: "Hello", content: "Test Address"})); } var t:LatLng = new LatLng(x,y); this.createMarker(t,""); } private function createMarker(point:LatLng,city:String):void { marker = new Marker(point, new MarkerOptions({draggable: true})); var customContent:MyInfoWindowSprite = new MyInfoWindowSprite(); customContent.addEventListener("close", function(event:Event):void { marker.closeInfoWindow(); }); var options:InfoWindowOptions = new InfoWindowOptions({ customContent: customContent, customOffset: new Point(0, 10) }); marker.addEventListener(MapMouseEvent.CLICK, function (event:MapMouseEvent):void { var markerContent:String = marker.getLatLng().toString(); customContent.bodyTextField.text = city; customContent.bodyTextFielda.text= "北纬:"+marker.getLatLng().lat(); customContent.bodyTextFieldb.text= "东经:"+marker.getLatLng().lng(); marker.openInfoWindow(options); }); this.addOverlay(marker); } public function moveToWhere(where:String):void { var geocoder:ClientGeocoder = new ClientGeocoder(); geocoder.addEventListener(GeocodingEvent.GEOCODING_SUCCESS,geocodingSuccess); geocoder.addEventListener(GeocodingEvent.GEOCODING_FAILURE,geocodingFailure); geocoder.geocode(where); } private function geocodingSuccess(event:GeocodingEvent):void { trace(event.response.placemarks[0].address); var placemarks:Array = event.response.placemarks; if (placemarks.length > 0) { var placemark:Object = placemarks[0]; this.setCenter(placemark.point); createMarker(placemark.point,event.response.placemarks[0].address); } } private function geocodingFailure(event:GeocodingEvent):void { Alert.show("search failed"); } ]]--> </mx:Script> </Map>

 

其他资料：

http://blog.csdn.net/xinem/archive/2009/03/12/3985437.aspx

 

http://liuyanttkl.javaeye.com/blog/196103

 

http://hydra1983.blog.163.com/blog/static/111750372008422103227988/

 

http://code.google.com/intl/ja/apis/maps/documentation/flash/tutorial-flexbuilder.html

 

http://code.google.com/intl/ja/apis/maps/documentation/flash/basics.html#LatLng

 

http://ioryioryzhan.javaeye.com/blog/211950

 

http://www.ibm.com/developerworks/cn/web/wa-lo-flexgoogle/