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 (store_cb.text==i.@id.toString()){
 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>

结果：

转载于:https://www.cnblogs.com/fangyu19900812/p/3403513.html

FLEX AS3.0 百度地图相关推荐

android 3.0+百度地图api地图如何移动到指定的经纬度处
由于百度地图api,2.0+和3.0+的改动比较大,api基本上被全换过了,有些同学可能2.0+的api使用的非常熟悉,但是更新到3.0+时,却会遇到一些小麻烦(由于api变了,你就需要重新学习它的a ...
百度地图android版 v4.0,百度地图4.0正式发布支持iOS与Android
百度地图今日正式推4.0版本,面向iOS及Android平台,新版的主要特色包括免费语音导航.室内定位.实时公交.生活搜索等.百度相关负责人表示,新版实现了一键导航功能,通过不同色彩标注实时路况,可帮 ...
android6.0 百度地图,Android百度地图SDK 导航SDK2.0结合定位SDK6.0.5的导航参数设置方法...
是否执行成功其中对于算路的节点,现在有了一个新的规则,可见BNRoutePlanNode 取文档的释义如下: public BNRoutePlanNode(double longitude, dou ...
baidumaptrace.php,鹰眼Web API v2.0 | 百度地图API SDK
addpoint--添加轨迹点接口说明为一个track添加最新轨迹点. 请求URI HTTP请求方式 POST 请求参数参数名参数含义类型备注 ak 用户的ak,授权使用 string 必 ...
java 百度鹰眼sdk_鹰眼Web API v2.0 | 百度地图API SDK
附录1:编码说明 API请求中需要用到中文或一些特殊字符的参数,为了避免提交到后台乱码,需要对这几个参数值进行编码处理,转换成UTF-8字符的二字符十六进制值,凡是不在下表中的字符都需要进行编码. 字 ...
FGMap学习之--加载百度地图
今天我们用FGMap来加载百度地图数据. 从目前国内的地图服务商提供的地图来看,地图瓦片切图规则只少分为三种.其中Google Map.Bing地图.MapABC.QQ地图是一类,而百度地图.搜狗地图 ...
vue 页面使用百度地图
前言 vue 3.x 百度地图JavaScript API GL v1.0 百度地图的源码编辑器:http://lbs.baidu.com/jsdemo.htm#webgl0_0 本文代码在百度地图的 ...
ios 一步一步学会自定义地图吹出框(CalloutView)--(百度地图，高德地图,google地图)
前言在ios上边使用地图库的同学肯定遇到过这样的问题:吹出框只能设置title和subtitle和左右的view,不管是百度地图还是高德地图还是自带的google地图,只提供了这四个属性,如果想添加 ...
调用百度地图API实现动态走航路线图
一.先上效果图马里奥会动态的从广州之窗走到沥滘地铁站,绿色的线是走航路线图. 二.编写HTML和JavaScript脚本实现运行需要浏览器端的AK,可以去百度地图开放平台免费申请. <!DO ...

FLEX AS3.0 百度地图

FLEX AS3.0 百度地图相关推荐

最新文章

热门文章