arcgis api for flex 开发入门（三）地图浏览控件的使用<转>

arcgis api for flex 开发入门（三）地图浏览控件的使用
地图浏览包括放大，缩小，漫游，复位，上级窗口，下级窗口等
在arcgis api for flex中，esri 已经封装好了一个地图浏览，我们在程序中可
以直接使用，只需要几十行代码，就可以完成复杂的任务。
首先在上一讲的基础上创建一个Navigation 控件。使用<esri:Navigation>标签
就可以了。
<esri:Navigation id="navToolbar" map="{myMap}"/>
将<esri:Navigation>标签的map属性设置为你要控制的map，也就是说把控件绑到
map上。
然后我们创建一个工具条，用来做对map 浏览的控制
<mx:ControlBar horiz paddingBottom="0" paddingTop="0">
<mx:Button label="放大" click="navToolbar.activate
(Navigation.ZOOM_IN)" />
<mx:Button label="缩小" click="navToolbar.activate
(Navigation.ZOOM_OUT)" />
<mx:Button label="漫游" click="navToolbar.activate
(Navigation.PAN)" />
<mx:Button label="上级窗口" click="navToolbar.zoomToPrevExtent
()" enabled="{!navToolbar.isFirstExtent}"/>
<mx:Button label="下级窗口"
click="navToolbar.zoomToNextExtent()" enabled="{!
navToolbar.isLastExtent}"/>
<mx:Button label="复位" click="navToolbar.zoomToFullExtent()"/>
button 的click 消息响应函数直接调用<esri:Navigation>控件的函数就可以了
。放大，缩小，漫游调用的都是激活工具的函数。剩余3个button的响应函数分别
调用<esri:Navigation>控件zoomToPrevExtent，zoomToNextExtent，
zoomToFullExtent函数就ok了。

Code
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:esri="http://www.esri.com/2008/ags"
pageTitle="Using ArcGIS API for Flex to connect to a cached ArcGIS
Online service"
styleName="plain">
<esri:Navigation id="navToolbar" map="{myMap}"/>
<esri:SpatialReference id="sr" wkid="4326"/>
<mx:ControlBar horizontalGap="0" paddingBottom="0" paddingTop="0">
<mx:Button label="放大" click="navToolbar.activate
(Navigation.ZOOM_IN)" />
<mx:Button label="缩小" click="navToolbar.activate
(Navigation.ZOOM_OUT)" />
<mx:Button label="漫游" click="navToolbar.activate
(Navigation.PAN)" />
<mx:Button label="上级窗口" click="navToolbar.zoomToPrevExtent
()" enabled="{!navToolbar.isFirstExtent}"/>
<mx:Button label="下级窗口"
click="navToolbar.zoomToNextExtent()" enabled="{!
navToolbar.isLastExtent}"/>
<mx:Button label="复位" click="navToolbar.zoomToFullExtent()"/>
</mx:ControlBar>
<esri:Map crosshairVisible="true" id = "myMap">
<esri:extent>
<esri:Extent id = "esriMapExtent" xmin="116"
ymin="39.5" xmax="116.5" ymax="40.5"/>
</esri:extent>
<esri:ArcGISTiledMapServiceLayer

url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap
_World_2D/MapServer" />
<esri:GraphicsLayer id="myGraphicsLayer"
spatialReference="{sr}"/>
</esri:Map>
</mx:Application>
原文地址:http://bbs.esrichina-bj.cn/ESRI/viewthread.php?tid=35575&extra=page%3D4%26amp%3Borderby%3Ddateline