实验4-基于ArcGIS-Flex-API地图交互.pdf

实验四 基于ArcGIS Flex API 的地图交互 【实验目的】 1. 掌握ArcGIS Flex API 地图控件的应用； 2. 掌握ArcGIS Flex API 图层的应用； 3. 掌握ArcGIS Flex API 导航工具的应用； 4. 掌握ArcGIS Flex API 绘制工具的应用。 【实验内容】 一、 地图控件的应用 1. 地图控件是整个WebGIS 程序开发的核心，它是一个粗粒度的类， 其中封装了大量的细粒度接口，如地图空间范围、空间参考、图 层集合、比例尺级别等。 2. 地图控件（Map ）的父类是mx.core.UIComponent ，它是普通用户 界面（Uer Interface ，UI ）组件中的一员。Map 控件用于显示地图 和交互式浏览地图。 3. 示例1：简易版地图控件的实现。 (1) 在Flex 工程中新建名为“flex7_1”的MXML 文件。 (2) 输入以下代码。 fx:Script ![CDATA[ private function getMap():void { var bbox:String=bbox=+txtminx.text+,+txtminy.text+,+ txtmaxx.text+,+txtmaxy.text; var size:String=size=+map.width+,+map.height; var url:String=/ArcGIS/rest/services/Specialty/ ESRI_StateCityHighway_USA/MapServer/export?+bbox+f=image+size; trace(url); map.source=url; } ]] 1 / 15 /fx:Script mx:Image id=map width=100% height=100%/ mx:HBox top=15 width=100% verticalAlign=middle horizontalAlign=center s:Label text=minx/ s:TextInput id=txtminx width=100/ s:Label text=miny/ s:TextInput id=txtminy width=100/ s:Label text=maxx/ s:TextInput id=txtmaxx width=100/ s:Label text=maxy/ s:TextInput id=txtmaxy width=100/ s:Button label=GetMap click=getMap();/ /mx:HBox (3) 运行程序，在文本框中分别输入以下值，点击“GetMap”按钮， 查看结果。 (4) ArcGIS Flex API 中的Map 控件获取地图的内部机制与上面的 程序类似。 (5) Map 控件还封装了鼠标拖拽、滚轮缩放等地图漫游等功能。 (6) 地图控件的作用类似于一个容器，可以包含多个图层，所有的 图层按照先后顺序叠加在一起。地图控件必须和图层对象一起 使用。下面的代码用于向地图控件添加一个动态地图服务图层。 esri:Map esri:ArcGISDynamicMapServiceLayer url=http://localhost/ArcGIS/rest/services/MapTest/MapServer/ /esri:Map 2 / 15 4. 示例2 ：地图控件的相关操作 (1) 地图控件内置了鼠标和键盘的导航功能，包括鼠标左键漫游、 鼠标滚轮缩放、鼠标双击放大、键盘方向键漫游和“+ ”“- ”键 控制缩放等。 (2) 这些功能默认情况下均为有效，可以通过地图控件的相关属性