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

评论

1 楼 smilezhuolin 2012-12-13