NavigationTool工具类使用方法_navigation 工具-优快云博客

本文链接：https://blog.youkuaiyun.com/logenliqiang/article/details/6337102

本文介绍了一个使用Adobe Flex创建的地图应用程序，该程序通过按钮选择实现地图的放大、缩小和平移等功能。利用esri的ArcGIS服务作为地图源，通过NavigationTool组件实现地图导航操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?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"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:esri="http://www.esri.com/2008/ags">
<fx:Script>
  <![CDATA[
   import spark.events.IndexChangeEvent;

   protected function btn1_changeHandler(event:IndexChangeEvent):void
   {
    switch (btn1.selectedItem)
    {
     case "放大":
      mynavigation.activate(NavigationTool.ZOOM_IN); //调用NavigationTool的active方法开始放大，其中ZOOM_IN为常量
      break;
     case "缩小":
      mynavigation.activate(NavigationTool.ZOOM_OUT);//缩小
      break;
     case "平移":
      mynavigation.activate(NavigationTool.PAN);
      break;
     case "清除效果":
      mynavigation.deactivate();//清除active效果
      break;
    }
   }

]]>
</fx:Script>
<fx:Declarations>
  
  <esri:NavigationTool id="mynavigation" map="{map1}" />
</fx:Declarations>
<esri:Map id="map1">
  <esri:ArcGISTiledMapServiceLayer url="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer" />
</esri:Map>
<s:ButtonBar x="88" y="10" id="btn1" change="btn1_changeHandler(event)">
  <s:ArrayCollection>
   <fx:String>放大</fx:String>
   <fx:String>缩小</fx:String>
   <fx:String>平移</fx:String>
   <fx:String>清除效果</fx:String>
  </s:ArrayCollection>
</s:ButtonBar>
</s:Application>