(flash API)flex 加载地图.docx

Flex利用flashAPI加载百度地图
第一步：下载BMap_Flash_SWC_20130808.zip
下载地址：这里提供一个flashAPI参考文档，samples，swc文件合集，HYPERLINK"http://bbs.lbsyun.baidu.com/viewthread.php?tid=2225&extra=page%3D1"http://bbs.lbsyun.baidu.com/viewthread.php?tid=2225&extra=page%3D1

第二步：将压缩包解压后的BMap.swc文件导入工程目录的libs目录下：

第三步：新建的一个flex工程、新建一个MXML模块，

点击下一步：

选择MAML文件所在的包、命名、针对以下应用程序优化下拉框选择index.MXML
点击完成。

第四步：打开baiduMap.MXML，参考网址HYPERLINK"http://developer.baidu.com/map/flash.htm"http://developer.baidu.com/map/flash.htm
进行调用flashAPI，加载一个简单的百度地图。
这里需要注意的是，在FlexCanvas容器中是无法直接加载baidu.map.Map容器的，只能将Map放到UIComponent中，然后再将UIComponent加入到Canvas容器中即可。
As脚本如下：
importbaidu.map.basetype.Size;
importbaidu.map.core.Map;
importbaidu.map.basetype.LngLat;
importbaidu.map.layer.Layer;
importbaidu.map.layer.RasterLayer;

importflash.display.Sprite;
importflash.display.StageAlign;
importflash.display.StageScaleMode;

/**
*Demo:HelloWorld!
*/
publicclassHelloWorldextendsSprite
{
publicfunctionHelloWorld()
{
//舞台设置
stage.scaleMode=StageScaleMode.NO_SCALE;
stage.align=StageAlign.TOP_LEFT;

//创建一个大小为600*400的Map对象
varmap:HYPERLINK"http://www.google.com/search?hl=en&q=allinurl%3Amap+java.sun.com&btnI=I%27m%20Feeling%20Lucky"Map=newHYPERLINK"http://www.google.com/search?hl=en&q=allinurl%3Amap+java.sun.com&btnI=I%27m%20Feeling%20Lucky"Map(newSize(600,400));
addChild(map);
//初始化Map的中心点和显示级别
map.centerAndZoom(newLngLat(116.404,39.915),12);
//添加底图
varlayer:Layer=newRasterLayer("BaiduMap",map);
map.addLayer(layer);
varuc:UIComponent=newUIComponent();
uc.addChild(map);
Canvas_Map.addChild(uc);

}
}

Flex页面布局代码：
</mx:Panel>
<mx:Panelwidth="80%"height="100%"title="地图">
<mx:Canvasid="Canvas_Map"borderStyle="solid"height="100%"width="100%">
</mx:Canvas>
</mx:Panel>
实现示例：

第五步：为地图添加控件

FlashAPI为开发者提供了如下控件：
Control：控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。
Navigator：地图平移控件，默认位于地图左上方，它包含控制地图平移的功能。
Scaler：地图缩放控件，默认位于地图左上方，它包含控制地图缩放的功能。
Overview：地图缩略图控件，默认位于地图右下方，是一个可折叠的缩略地图。
Ru