FLEX AS3.0 百度地图

window xp系统 FlashBuilder4.5

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

新建一个flex项目

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

 

map1.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx"
                       xmlns:maps="com.earthplayer.maps.*"
                       creationComplete="init()"
                       width="1200"
                       height="700"
                       x="0" y="0"
                       >
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
        <mx:HTTPService id="myService" url="area.xml" />
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import baidu.map.basetype.LngLat;
            import baidu.map.basetype.Size;
            import baidu.map.control.base.Navigator;
            import baidu.map.control.base.Overview;
            import baidu.map.control.base.Ruler;
            import baidu.map.control.base.Scaler;
            import baidu.map.core.Map;
            import baidu.map.layer.Layer;
            import baidu.map.layer.RasterLayer;
            import baidu.map.overlay.InfoWindow;
            import baidu.map.overlay.Label;
            import baidu.map.overlay.Marker;
            import baidu.map.overlay.geometry.Circle;
            import baidu.map.overlay.geometry.Polygon;
            import baidu.map.overlay.geometry.Polyline;
            import baidu.map.symbol.CircleSymbol;
            import baidu.map.symbol.PolygonSymbol;
            import baidu.map.symbol.PolylineSymbol;
            
            import mx.collections.ArrayCollection;
            import mx.core.UIComponent;
            import mx.events.FlexEvent;
            import mx.messaging.channels.StreamingAMFChannel;
            
            import spark.events.IndexChangeEvent;
            
            [Bindable]
            public var store_st:ArrayCollection = new ArrayCollection(
                [   
                    {status:"玫瑰园"},
                    {status:"北京"}, 
                    {status:"上海"}, 
                    {status:"广州"},
                    {status:"深圳"},
                    {status:"佛山"},
                    {status:"南宁"},
                    {status:"南京"},
                    {status:"海口"},
                    {status:"哈尔滨"},
                    {status:"吉林"},
                    {status:"长春"},
                    {status:"天津"},
                    {status:"石家庄"},
                    {status:"郑州"},
                    {status:"西安"},
                    {status:"长沙"},
                    {status:"武汉"},
                    {status:"成都"},
                    {status:"香港"},
                    {status:"杭州"},
                ]               
            );
            
            
            public function init():void{
                config();
            }
            
            private function config():void{
                const request:URLRequest = new URLRequest("area.xml");
                const loader:URLLoader = new URLLoader(request);
                loader.addEventListener(Event.COMPLETE, loader_completeHandler);
                function loader_completeHandler(event:Event):void{
                    var configXML:XML = XML(loader.data);
                    for each (var i:XML in configXML.store_name){
                        if (store_cb.text==i.@id.toString()){
                            var x:Number=i.store_x.toString();
                            var y:Number=i.store_y.toString();                        
                        }
                    }
                    map(x,y);
                }                
            }
            
            public function map(x:Number,y:Number):void{
                // 创建一个大小为600*400的Map对象
                var map:Map = new Map(new Size(Cs.width, Cs.height))
                var uc:UIComponent = new UIComponent(); 
                uc.addChild(map);
                Cs.addChild(uc);                    //addElement(uc); 
                                                    //Gp.addElement(uc);  如果是Group容器就用这个
                
                // 初始化Map的中心点和显示级别
                map.centerAndZoom(new LngLat(x,y), 12);
                
                // 添加底图
                var layer:Layer = new RasterLayer("BaiduMap", map);
                map.addLayer(layer);
                
                //添加定位标志
                var marker:Marker = new Marker();
                marker.position = new LngLat(x,y);
                map.addOverlay(marker);
                
                // 添加Overview    缩略图控件        
                var overview:Overview = new Overview(map);
                map.addControl(overview);
                
                // 添加Navigator平移控件
                var nav:Navigator = new Navigator(map);
                map.addControl(nav);
                
                // 添加Scaler    缩放控件        
                var scaler:Scaler = new Scaler(map);
                map.addControl(scaler);
                
                // 添加Ruler        比例尺控件    
                var ruler:Ruler = new Ruler(map);
                map.addControl(ruler);
                
                //添加文本标签
                var label:baidu.map.overlay.Label = new baidu.map.overlay.Label(store_cb.selectedLabel);
                label.position = new LngLat(x,y+0.02);
                label.contentStyle = new TextFormat("宋体", 14, 0xff0000, true);
                map.addOverlay(label);

            }
            
            public function refresh():void{
                store_cb.selectedIndex = 0;
                map(113.061539,22.885359);                
            }
            
        ]]>
    </fx:Script>
    <s:layout>
        <s:VerticalLayout paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5"/>
    </s:layout>
    
    <s:VGroup width="100%" height="100%">
        <s:HGroup width="100%" horizontalAlign="right" verticalAlign="middle">
            <s:Spacer width="100%"/>
            <s:Label text="门店:"/>
            <mx:ComboBox id="store_cb" dataProvider="{store_st}" labelField="status" selectedIndex="0" editable="true"/>
            <s:Button id="sreach_btn" label="搜索" click="init()"/>
            <s:Button id="refresh_btn" label="刷新" click="refresh()"/>
        </s:HGroup>
        
        <mx:Canvas id="Cs" borderStyle="solid" width="100%" height="100%">            
        </mx:Canvas>
    </s:VGroup>
</s:WindowedApplication>

area.xml

<?xml version="1.0" encoding="UTF-8"?>
<Store>
    <store_name id="玫瑰园">
        <store_x>113.061539</store_x>
        <store_y>22.885359</store_y>        
    </store_name>
        <store_name id="北京">
        <store_x>116.395645</store_x>
        <store_y>39.929986</store_y>        
    </store_name>
        <store_name id="上海">
        <store_x>121.487899</store_x>
        <store_y>31.249162</store_y>        
    </store_name>
        <store_name id="广州">
        <store_x>113.30765</store_x>
        <store_y>23.120049</store_y>        
    </store_name>
</Store>

结果：