三步轻松实现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开发方法及特点解析