MapABC Flex4 Demo

1. 快速入門  最終效果

2. 項目目錄結構

 

 

3. 使用MapABC需要用到它的庫文件（就像使用google地圖）。

     項目創建完成，將下載的庫文件xxxx.swc直接copy到libs文件夾下。

 

 

4. mapABC_test.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   applicationComplete="application1_applicationCompleteHandler(event)"
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   width="100%" height="100%">
	
	<!-- 整體縱向佈局 -->
	<s:layout>
		<s:VerticalLayout horizontalAlign="center" verticalAlign="middle" gap="0"/>
	</s:layout> 
	
	<fx:Declarations>
		<!-- 將非可視元素（例如服務、值對象）放在此處 -->
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import com.mapabc.maps.api.constants.MDisplayState;
			import com.mapabc.maps.api.constants.MToolbars;
			
			import mx.controls.Alert;
			import mx.events.FlexEvent;

			/**
			 * 加載完成時
			 * */
			protected function application1_applicationCompleteHandler(event:FlexEvent):void
			{
				Alert.show("加載完成");
			}

		]]>
	</fx:Script>
	
	<!--參數說明：
		t = flexmap：使用Flex API(Flash地圖展現)，包括了地圖功能和搜索功能。
		v = 2.X.X：使用2.X.X版本產品（最新版本請參考更新日誌）。
		key=**：傳遞您的API**。這裏暫時使用了官方提供的標準**，若有其他需要需另行申請。
		mapabcmap:MFlexMap：MFlexMap，指定Flex標籤類型爲MapABC Flex地圖標籤；mapabcmap，標籤名稱（可自定義）
		xmlns:mapabcmap="com.mapabc.maps.api.*"：指定命名空間。
		id="mapObj"：地圖對象名稱（可自定義）。
		width="1024" height="768"：地圖容器大小（可自定義）。 
	-->
	<mapabcmap:MFlexMap 
		xmlns:mapabcmap="com.mapabc.maps.api.*" 
		id="mapObj" key="{['b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300b']}" 
		t="flexmap" v="2.3.3" x="0" y="0" 
		width="50%" height="50%" 
		overviewMap="{MDisplayState.SHOW}" toolbar="{MToolbars.ROUND}" 
		centerLng="116.397428" centerLat="39.90923" zoom="10"/>
	
</s:Application>

 

 

5. 參考及更多請訪問官方網址：http://code.mapabc.com/quick.shtml