三步輕松實現(xiàn)Flex調(diào)用MapABC地圖
在學習Flex的過程中,你可能會遇到Flex調(diào)用MapABC地圖的方法的問題,這里和大家分享一下,其調(diào)用方法主要有三個步驟,請看本文詳細介紹。
Flex調(diào)用MapABC地圖的方法
不僅GoogleMap實現(xiàn)了對Flex的支持,MapABC也同樣支持Flex。
方法如下:
1.下載MapABCSDK:http://code.mapabc.com/down.shtml
2.解壓后找到lib內(nèi)的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>
源代碼參考網(wǎng)址:http://code.mapabc.com/class.html?ajax
【編輯推薦】
- Flex內(nèi)存泄露及解決方法詳解
- FlexBuilder4十大新特性閃亮登場
- 學習總結(jié) 在Flex中如何嵌入Flex字體
- 揭開Flex正則表達式的神秘面紗
- FlexBuilder開發(fā)方法及特點解析