FLEX AS3.0 百度地图

window xp系统 FlashBuilder4.5

先上百度下载flash api 下载地址http://developer.baidu.com/map/flash.htm

新建一个flex项目

右键项目→属性→Flex构件路径   导入BMap.swc(下载的flash api)

 

 

map1.mxml

  1 <?xml version="1.0" encoding="utf-8"?>
  2 <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
  3                        xmlns:s="library://ns.adobe.com/flex/spark" 
  4                        xmlns:mx="library://ns.adobe.com/flex/mx"
  5                        xmlns:maps="com.earthplayer.maps.*"
  6                        creationComplete="init()"
  7                        width="1200"
  8                        height="700"
  9                        x="0" y="0"
 10                        >
 11     <fx:Declarations>
 12         <!-- Place non-visual elements (e.g., services, value objects) here -->
 13         <mx:HTTPService id="myService" url="area.xml" />
 14     </fx:Declarations>
 15     <fx:Script>
 16         <![CDATA[
 17             import baidu.map.basetype.LngLat;
 18             import baidu.map.basetype.Size;
 19             import baidu.map.control.base.Navigator;
 20             import baidu.map.control.base.Overview;
 21             import baidu.map.control.base.Ruler;
 22             import baidu.map.control.base.Scaler;
 23             import baidu.map.core.Map;
 24             import baidu.map.layer.Layer;
 25             import baidu.map.layer.RasterLayer;
 26             import baidu.map.overlay.InfoWindow;
 27             import baidu.map.overlay.Label;
 28             import baidu.map.overlay.Marker;
 29             import baidu.map.overlay.geometry.Circle;
 30             import baidu.map.overlay.geometry.Polygon;
 31             import baidu.map.overlay.geometry.Polyline;
 32             import baidu.map.symbol.CircleSymbol;
 33             import baidu.map.symbol.PolygonSymbol;
 34             import baidu.map.symbol.PolylineSymbol;
 35             
 36             import mx.collections.ArrayCollection;
 37             import mx.core.UIComponent;
 38             import mx.events.FlexEvent;
 39             import mx.messaging.channels.StreamingAMFChannel;
 40             
 41             import spark.events.IndexChangeEvent;
 42             
 43             [Bindable]
 44             public var store_st:ArrayCollection = new ArrayCollection(
 45                 [   
 46                     {status:"玫瑰园"},
 47                     {status:"北京"}, 
 48                     {status:"上海"}, 
 49                     {status:"广州"},
 50                     {status:"深圳"},
 51                     {status:"佛山"},
 52                     {status:"南宁"},
 53                     {status:"南京"},
 54                     {status:"海口"},
 55                     {status:"哈尔滨"},
 56                     {status:"吉林"},
 57                     {status:"长春"},
 58                     {status:"天津"},
 59                     {status:"石家庄"},
 60                     {status:"郑州"},
 61                     {status:"西安"},
 62                     {status:"长沙"},
 63                     {status:"武汉"},
 64                     {status:"成都"},
 65                     {status:"香港"},
 66                     {status:"杭州"},
 67                 ]               
 68             );
 69             
 70             
 71             public function init():void{
 72                 config();
 73             }
 74             
 75             private function config():void{
 76                 const request:URLRequest = new URLRequest("area.xml");
 77                 const loader:URLLoader = new URLLoader(request);
 78                 loader.addEventListener(Event.COMPLETE, loader_completeHandler);
 79                 function loader_completeHandler(event:Event):void{
 80                     var configXML:XML = XML(loader.data);
 81                     for each (var i:XML in configXML.store_name){
 82                         if ([email protected]()){
 83                             var x:Number=i.store_x.toString();
 84                             var y:Number=i.store_y.toString();                        
 85                         }
 86                     }
 87                     map(x,y);
 88                 }                
 89             }
 90             
 91             public function map(x:Number,y:Number):void{
 92                 // 创建一个大小为600*400的Map对象
 93                 var map:Map = new Map(new Size(Cs.width, Cs.height))
 94                 var uc:UIComponent = new UIComponent(); 
 95                 uc.addChild(map);
 96                 Cs.addChild(uc);                    //addElement(uc); 
 97                                                     //Gp.addElement(uc);  如果是Group容器就用这个
 98                 
 99                 // 初始化Map的中心点和显示级别
100                 map.centerAndZoom(new LngLat(x,y), 12);
101                 
102                 // 添加底图
103                 var layer:Layer = new RasterLayer("BaiduMap", map);
104                 map.addLayer(layer);
105                 
106                 //添加定位标志
107                 var marker:Marker = new Marker();
108                 marker.position = new LngLat(x,y);
109                 map.addOverlay(marker);
110                 
111                 // 添加Overview    缩略图控件        
112                 var overview:Overview = new Overview(map);
113                 map.addControl(overview);
114                 
115                 // 添加Navigator平移控件
116                 var nav:Navigator = new Navigator(map);
117                 map.addControl(nav);
118                 
119                 // 添加Scaler    缩放控件        
120                 var scaler:Scaler = new Scaler(map);
121                 map.addControl(scaler);
122                 
123                 // 添加Ruler        比例尺控件    
124                 var ruler:Ruler = new Ruler(map);
125                 map.addControl(ruler);
126                 
127                 //添加文本标签
128                 var label:baidu.map.overlay.Label = new baidu.map.overlay.Label(store_cb.selectedLabel);
129                 label.position = new LngLat(x,y+0.02);
130                 label.contentStyle = new TextFormat("宋体", 14, 0xff0000, true);
131                 map.addOverlay(label);
132 
133             }
134             
135             public function refresh():void{
136                 store_cb.selectedIndex = 0;
137                 map(113.061539,22.885359);                
138             }
139             
140         ]]>
141     </fx:Script>
142     <s:layout>
143         <s:VerticalLayout paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5"/>
144     </s:layout>
145     
146     <s:VGroup width="100%" height="100%">
147         <s:HGroup width="100%" horizontalAlign="right" verticalAlign="middle">
148             <s:Spacer width="100%"/>
149             <s:Label text="门店:"/>
150             <mx:ComboBox id="store_cb" dataProvider="{store_st}" labelField="status" selectedIndex="0" editable="true"/>
151             <s:Button id="sreach_btn" label="搜索" click="init()"/>
152             <s:Button id="refresh_btn" label="刷新" click="refresh()"/>
153         </s:HGroup>
154         
155         <mx:Canvas id="Cs" borderStyle="solid" width="100%" height="100%">            
156         </mx:Canvas>
157     </s:VGroup>
158 </s:WindowedApplication>

 

area.xml

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <Store>
 3     <store_name id="玫瑰园">
 4         <store_x>113.061539</store_x>
 5         <store_y>22.885359</store_y>        
 6     </store_name>
 7         <store_name id="北京">
 8         <store_x>116.395645</store_x>
 9         <store_y>39.929986</store_y>        
10     </store_name>
11         <store_name id="上海">
12         <store_x>121.487899</store_x>
13         <store_y>31.249162</store_y>        
14     </store_name>
15         <store_name id="广州">
16         <store_x>113.30765</store_x>
17         <store_y>23.120049</store_y>        
18     </store_name>
19 </Store>

结果：