三步轻松实现Flex调用MapABC地图

开发 后端
本文向大家介绍一下Flex调用MapABC地图的方法,主要有三个步骤,不仅GoogleMap实现了对Flex的支持,MapABC也同样支持Flex。

在学习Flex的过程中,你可能会遇到Flex调用MapABC地图的方法的问题,这里和大家分享一下,其调用方法主要有三个步骤,请看本文详细介绍。

Flex调用MapABC地图的方法

不仅GoogleMap实现了对Flex的支持,MapABC也同样支持Flex。

方法如下:

1.下载MapABCSDK:http://code.mapabc.com/down.shtml

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

3.编写测试代码如下:

viewplaincopytoclipboardprint?
 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxml
  3. layout="vertical"width="100%"height="100%"> 
  4.  
  5. <mx:Panelwidthmx:Panelwidth="100%"height="100%"> 
  6. <mapabcMap:MFlexMapxmlns:mapabcMapmapabcMap:MFlexMapxmlns:
  7. mapabcMap="com.mapabc.maps.api.*"id="mapObj"t="flexmap"v="2.3.2"  
  8. key="{['b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39
  9. 725798b1ee300bd8d5de3a4ae3']}" 
  10. overviewMap="{MDisplayState.SHOW}"toolbar="{MToolbars.ROUND}"
  11. zoom="9"width="100%"height="100%" 
  12. MapReady="mapReady(event)"/> 
  13. <mx:Script> 
  14. <!--[CDATA[  
  15. importcom.mapabc.maps.api.basetypes.MLngLat;  
  16. importcom.mapabc.maps.api.events.MMapEvent;  
  17. importcom.mapabc.maps.api.MDisplayState;  
  18. importcom.mapabc.maps.api.MToolbars;  
  19. importmx.controls.Alert;  
  20. privatefunctionmapReady(e:MMapEvent):void{  
  21. mapObj.setZoomAndCenter(13,newMLngLat(116.397428,39.90923));  
  22. }  
  23. ]]--> 
  24. </mx:Script> 
  25. </mx:Panel> 
  26.  
  27. </mx:Application> 
  28. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  29. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  30. layout="vertical"width="100%"height="100%"> 
  31.  
  32.  <mx:Panelwidthmx:Panelwidth="100%"height="100%"> 
  33.   <mapabcMap:MFlexMapxmlns:mapabcMapmapabcMap:MFlexMapxmlns:
  34. mapabcMap="com.mapabc.maps.api.*"id="mapObj"t="flexmap"v="2.3.2"  
  35.    key="{['b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479  
  36. a5eca39725798b1ee300bd8d5de3a4ae3']}"  
  37.   overviewMap="{MDisplayState.SHOW}" 
  38. toolbar="{MToolbars.ROUND}"zoom="9"width="100%"height="100%"  
  39.   MapReady="mapReady(event)"/> 
  40.  <mx:Script> 
  41.   <!--[CDATA[  
  42.    importcom.mapabc.maps.api.basetypes.MLngLat;  
  43.    importcom.mapabc.maps.api.events.MMapEvent;  
  44.    importcom.mapabc.maps.api.MDisplayState;  
  45.    importcom.mapabc.maps.api.MToolbars;  
  46.    importmx.controls.Alert;  
  47.    privatefunctionmapReady(e:MMapEvent):void{  
  48.     mapObj.setZoomAndCenter(13,newMLngLat(116.397428,39.90923));  
  49.    }  
  50.   ]]--> 
  51.   </mx:Script> 
  52.  </mx:Panel> 
  53.    
  54. </mx:Application> 
  55.  

 源代码参考网址:http://code.mapabc.com/class.html?ajax

【编辑推荐】

  1. Flex内存泄露及解决方法详解
  2. FlexBuilder4十大新特性闪亮登场
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. 揭开Flex正则表达式的神秘面纱
  5. FlexBuilder开发方法及特点解析 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2011-07-13 09:54:22

VMware故障vSphere

2020-11-04 00:00:29

Kerberos协议身份

2015-06-09 09:25:34

2009-10-12 13:41:00

RHEL 内核

2022-02-16 08:21:11

JavaSwagger工具

2010-08-10 13:15:36

Flex配置

2009-02-10 09:36:00

局域网网速测试

2009-04-11 21:56:01

安全技术防火墙VPN

2015-01-28 16:09:33

广域网优化

2009-02-03 09:48:00

DHCP服务器安全

2010-02-26 16:16:15

2010-04-20 20:53:35

实现网络负载均衡

2009-11-10 12:55:26

VB.NET三维模型

2021-03-02 07:02:45

Linux操作系统

2012-01-13 11:13:47

数据中心耗电量

2010-05-24 13:00:49

2010-05-17 09:49:19

DataCore虚拟化

2009-11-16 13:04:04

PHP上传文件代码

2012-08-08 17:05:36

App运营

2010-08-05 15:06:19

Flex数据绑定
点赞
收藏

51CTO技术栈公众号