http://www.arcgisonline.cn/agsolcn/service/map/tutorial/tutorial-fl.jsp
简介
使用前请阅读《法律声明》
ArcGIS API for Flex是Esri 2008年新推出的WebGIS客户端开发包,用于富互联网应用程序RIA(Rich Internet Applications)的开发,为ArcGIS Server 提供了一套全新的开发方式,其优点是运行速度快,为用户提供优秀的用户体验。
使用ArcGIS API for Flex可以实现如下功能:
- 显示地图数据并与之交互
- 在服务器上执行空间处理模型并显示结果
- 基于ArcGIS Online的地图服务显示自己的业务数据
- 根据属性或者位置查找数据并显示结果
- 查找地址并显示结果
- 创新结果的显示方式
- 创建Mushups应用
环境搭建
开发ArcGIS API for Flex的程序需要flex环境的支持。
首先我们在Esri官网下载ArcGIS API for Flex压缩包并解压,然后下载Flex Builder并安装,此时开发环境搭建完成。相关软件下载如下。
Flex Builder开发环境,需要从Adobe 官方网站下载试用版:http://download.macromedia.com/pub/flex/flex_builder/FB3_win.exe
ArcGIS API for Flex 下载地址:http://resources.esri.com/arcgisserver/apis/flex/index.cfm?fa=home
下载ArcGIS API for Flex ,需要注册一个Esri Global 账户。
第一个ArcGIS API for Flex程序
打开Flex Builder,点击菜单栏“开始”->“新建”->“flex项目”,创建一个Flex 工程(名称Demo),如图1所示,点击“完成”则完成工程创建。
右键单击工程名,选择属性,在属性对话框中选择“Flex 构建路径”,接着选择“库路径”选项卡,单击“添加 SWC”,把下载的ArcGIS API for Flex(相对路径为解压文件夹下\ArcGIS_Flex\libs中的swc文件)添加进去,如图2所示,点击“确认”后可以进行开发。
在Demo.mxml文件中进行api开发的代码编写,具体代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<!--?xml version=
"1.0"
encoding=
"utf-8"
?-->
<mx:Application
pageTitle=
"First ArcGIS API for Flex program"
styleName=
"plain"
>
<esri:Map crosshairVisible=
"true"
>
<esri:ArcGISTiledMapServiceLayer
</esri:ArcGISTiledMapServiceLayer>
</esri:Map>
</mx:Application>
|
下面将详细介绍这段代码的组成:
下面代码中,xmlns:mx和xmlns:esri获取url资源。
xmlns:mx = "http://www.adobe.com/2006/mxml"
xmlns:esri = "http://www.esri.com/2008/ags"
使用ArcGIS API for Flex创建一个地图,在mxml文件中直接使用标签。其中标签定义一个map对象。map创建好之后,使用layer把需要访问的数据加载到map上,在标签下面创建子标签。
标签定义一个layer对象,其中最重要的属性是url,url定义了访问数据的地址,该代码中url指向一个ArcGIS Online提供的TiledMap服务。如下:
<esri:ArcGISTiledMapServiceLayer url = "http://cache1.arcgisonline.cn/ArcGIS/rest/services/ChinaCities_Community_BaseMap_CHN/BeiJing_Community_BaseMap_CHN/MapServer"/>
界面效果
当程序编写完成后,运行该工程,效果如图3所示: