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