ArcGIS Api For Flex 划选查询功能的实现

原创 2013年12月05日 11:18:30

如下图所示:

 

 

实现代码如下:

 

<?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”xmlns:supportClasses=”com.esri.ags.skins.supportClasses.*” minWidth=”955″minHeight=”600″ xmlns:esri=”
http://www.esri.com/2008/ags
“>
 <fx:Script>
  <![CDATA[
   import com.esri.ags.FeatureSet;
   import com.esri.ags.Graphic;
   import com.esri.ags.components.Navigation;
   import com.esri.ags.events.DrawEvent;
   import com.esri.ags.geometry.MapPoint;
   
   import mx.controls.Alert;
   import mx.controls.Image;
   import mx.events.ItemClickEvent;
   import mx.rpc.AsyncResponder;

 

   
   private var hashmapOfExistingGraphics:Object = new Object();

 

   protected functiontbb_itemClickHandler(event:ItemClickEvent):void
   {
    
    
    switch (event.item.label)
    {
     
     case "POLYGON": {myDrawTool.activate(DrawTool.POLYGON); break; }
     case "ELLIPSE": {myDrawTool.activate(DrawTool.ELLIPSE);
      break; }
           
    }
   }
   
   
   
   protected functionmyDrawTool_drawEndHandler(event:DrawEvent):void
   {
    //
释放

    
    query.geometry=event.graphic.geometry;
    //graphicslayer.clear();
    query.outSpatialReference = Map1.spatialReference;
    queryTask.execute(query, new AsyncResponder(onResult,onFault));

 

    myDrawTool.deactivate();
    tbb.selectedIndex = -1;
    
   
    
   }
   
   private function onResult(featureSet:FeatureSet, token:Object= null):void
   {
    for each (var myGraphic:Graphic in featureSet.features)
    {
     // only add features that are not already in thegraphics layer
     var graphicID:String = myGraphic.attributes.NAME;
     
     if (!hashmapOfExistingGraphics[graphicID]) // Newfeature (not already added to graphics layer)
     {
      hashmapOfExistingGraphics[graphicID] = 1;
      myGraphic.id = graphicID;
      myGraphic.toolTip =myGraphic.attributes.NAME;
   
      myGraphic.symbol=sps;
      graphicslayer.add(myGraphic);
   
     }
    }
   }
    
   

 

   
   private function onFault(info:Object, token:Object =null):void
   {
    Alert.show(info.toString());
   }

 

   
  ]]>
  
 </fx:Script>
 <fx:Declarations>
  <!–
将非可视元素(例如服务、值对象)放在此处
–>
  <esri:PictureMarkerSymbol id=”sps” source=”
http://localhost/Red_glow.swf
“  width=”20″ height=”20″ />
  <esri:SimpleMarkerSymbol id=”sms”
         color=”0x00FF00″
         size=”12″
         style=”square”/>
  
  <!– Symbol for all line shapes –>
  <esri:SimpleLineSymbol id=”sls”
          width=”3″
          color=”0x00FF00″/>
  
  <!– Symbol for all polygon shapes –>
  <esri:SimpleFillSymbol id=”sfs”
          color=”0xFFFFFF”
         style=”diagonalcross”>
   <esri:outline>
    <esri:SimpleLineSymbol width=”2″color=”0x00FF00″/>
   </esri:outline>
  </esri:SimpleFillSymbol>
  <esri:QueryTask id=”queryTask”
      showBusyCursor=”true”
      url=”
http://218.60.144.97:8080/RemoteRest/services/LN_SL/MapServer/9

      useAMF=”false”/>
  
  <esri:Query id=”query”
     outFields=”[NAME,ID]“
     returnGeometry=”true”/>

 

  
  <esri:DrawTool id=”myDrawTool” map=”{Map1}” drawEnd=”myDrawTool_drawEndHandler(event)” fillSymbol=”{sfs}”
        graphicsLayer=”{graphicslayer}”
        lineSymbol=”{sls}”
        markerSymbol=”{sms}”/>
 </fx:Declarations>
 <esri:Map id=”Map1″ >
  <!–<esri:ArcGISTiledMapServiceLayer
  url=”
http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer”/
>–>
  <esri:ArcGISDynamicMapServiceLayer url=”
http://218.60.144.97:8080/RemoteRest/services/LN_SL/MapServer”/
>
  <esri:GraphicsLayer id=”graphicslayer”>
   
  </esri:GraphicsLayer>
 </esri:Map>
 <mx:ToggleButtonBar id=”tbb” itemClick=”tbb_itemClickHandler(event)”toggleOnClick=”true”>
  <fx:Object  label=”POLYGON”/>
  <fx:Object  label=”ELLIPSE”/>
  
 </mx:ToggleButtonBar>
</s:Application>

 

相关文章推荐

ArcGIS.Server.9.3和ArcGIS API for Flex实现Toolbar功能(四)

目的: 1.ArcGIS API for Flex实现Toolbar功能,包括ZoomIn、ZoomOut、Pan、PrevExtent、NextExtent、FullExtent功能。 准备工作...

arcgis api for flex 编辑功能

xmlns:s="library://ns.adobe.com/flex/spark"                xmlns:mx="library://ns.adobe.com/flex/mx...

arcgis for flex api version3.7 教程:10.打印服务功能简介

高质量的打印功能是arcgis server 10.1的新特性功能。arcgis api for flex在3.x版本之前使用的是flex sdk基本的打印功能。而完全的在线制图打印功能需要web应用...

ArcGis api for flex 中 Map控件的属性开关(地图控件的导航功能开关属性)

Xml代码   xml version="1.0" encoding="utf-8"?>          前提准备:            1.安装Flex Builder 3。...

ArcGIS API 3.1 for Flex新增功能

  • 2014年02月13日 16:21
  • 580KB
  • 下载

ArcGIS.Server.9.3和ArcGIS API for Flex实现Query查询定位中心功能(七)

目的: 1.ArcGIS API for Flex实现Query查询定位中心功能,进行属性查图的功能,选择图层然后输入查询语句进行查询把查到的地理元素高亮显示同时在右边的Grid中显示查到的数据,然...

arcgis for flex api version3.7 教程:7.使用Directions查询路线(最短路径分析)

通过使用Directons组件来计算两点或多点之间的路线,在地图上添加出行路线并显示逐步说明。本节主要是讲解如何添加使用Directons组件,自定义布局让组件面板显示在屏幕左边,与地图窗口分两栏显示...

arcgis for flex api version3.7 教程:3.如何使用QueryTask查询地图服务

这篇介绍如何通过query task来从ArcGIS service中查询数据,分下面四步: 1  设置Map和GraphicsLayer. 2  使用query filter来设置QueryTa...

arcgis api for flex 开发入门(五)查询

在gis中,针对要素的查询是一个最基本的操作,也是最常用的操作之一。 下面我们介绍如何使用arcgis api for flex 来查询我们需要的东西。 要在arcgis api for flex...

ArcGIS API For Flex(查询数据)

Version 3.6
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ArcGIS Api For Flex 划选查询功能的实现
举报原因:
原因补充:

(最多只允许输入30个字)