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

在学习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?
 

 
 
 

  
  
  
<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  
  
  
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx=http://www.adobe.com/2006/mxml
  
  
  
layout="vertical"width="100%"height="100%"> 
  
  
  
 
  
  
  
<mx:Panelwidthmx:Panelwidth="100%"height="100%"> 
  
  
  
<mapabcMap:MFlexMapxmlns:mapabcMapmapabcMap:MFlexMapxmlns:
  
  
  
mapabcMap="com.mapabc.maps.api.*"id="mapObj"t="flexmap"v="2.3.2"  
  
  
  
key="{['b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39
  
  
  
725798b1ee300bd8d5de3a4ae3']}" 
  
  
  
overviewMap="{MDisplayState.SHOW}"toolbar="{MToolbars.ROUND}"
  
  
  
zoom="9"width="100%"height="100%" 
  
  
  
MapReady="mapReady(event)"/> 
  
  
  
<mx:Script> 
  
  
  
<!--[CDATA[  
  
  
  
importcom.mapabc.maps.api.basetypes.MLngLat;  
  
  
  
importcom.mapabc.maps.api.events.MMapEvent;  
  
  
  
importcom.mapabc.maps.api.MDisplayState;  
  
  
  
importcom.mapabc.maps.api.MToolbars;  
  
  
  
importmx.controls.Alert;  
  
  
  
privatefunctionmapReady(e:MMapEvent):void{  
  
  
  
mapObj.setZoomAndCenter(13,newMLngLat(116.397428,39.90923));  
  
  
  
}  
  
  
  
]]--> 
  
  
  
</mx:Script> 
  
  
  
</mx:Panel> 
  
  
  
 
  
  
  
</mx:Application> 
  
  
  
<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  
  
  
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  
  
  
layout="vertical"width="100%"height="100%"> 
  
  
  
 
  
  
  
 <mx:Panelwidthmx:Panelwidth="100%"height="100%"> 
  
  
  
  <mapabcMap:MFlexMapxmlns:mapabcMapmapabcMap:MFlexMapxmlns:
  
  
  
mapabcMap="com.mapabc.maps.api.*"id="mapObj"t="flexmap"v="2.3.2"  
  
  
  
   key="{['b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479  
  
  
  
a5eca39725798b1ee300bd8d5de3a4ae3']}"  
  
  
  
  overviewMap="{MDisplayState.SHOW}" 
  
  
  
toolbar="{MToolbars.ROUND}"zoom="9"width="100%"height="100%"  
  
  
  
  MapReady="mapReady(event)"/> 
  
  
  
 <mx:Script> 
  
  
  
  <!--[CDATA[  
  
  
  
   importcom.mapabc.maps.api.basetypes.MLngLat;  
  
  
  
   importcom.mapabc.maps.api.events.MMapEvent;  
  
  
  
   importcom.mapabc.maps.api.MDisplayState;  
  
  
  
   importcom.mapabc.maps.api.MToolbars;  
  
  
  
   importmx.controls.Alert;  
  
  
  
   privatefunctionmapReady(e:MMapEvent):void{  
  
  
  
    mapObj.setZoomAndCenter(13,newMLngLat(116.397428,39.90923));  
  
  
  
   }  
  
  
  
  ]]--> 
  
  
  
  </mx:Script> 
  
  
  
 </mx:Panel> 
  
  
  
   
  
  
  
</mx:Application> 
  
  
  
 
 
 
 

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

【编辑推荐】

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