IdentifyTask

最新推荐文章于 2024-03-28 10:17:53 发布
最新推荐文章于 2024-03-28 10:17:53 发布
阅读量143 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/pandy/archive/2011/03/19/1988919.html

1.功能：

选择图层然后按照用户所画的点，线，面查询属性，并且对查到的地理元素进行高亮显示同时在右边的Grid中显示查到的数据。

2.效果图：

3.步骤

新建identifytest.mxml页面，然后在页面上添加map控件以及需要高亮显示被查询到的元素的GraphicsLayer：

 

ExpandedBlockStart.gif View Code
     < esri:Map id = " myMap " >
        
         < esri:ArcGISDynamicMapServiceLayer id = " myMapServiceLayer "  url = " http://192.168.47.29:8399/arcgis/rest/services/China/MapServer "  complete = " mapHandler(event) " >     
         </ esri:ArcGISDynamicMapServiceLayer >
         < esri:GraphicsLayer id = " myGraphicsLayer "  symbolFunction = " {mySymbolFunction} " >
         </ esri:GraphicsLayer >
         < esri:extent >
             < esri:Extent  id  =   " esriMapExtent "  xmin = " 73.4 "  ymin = " 13.33 "  xmax = " 135.2 "  ymax = " 63.4 " />
         </ esri:extent >
     </ esri:Map >

代码中给ArcGISDynamicMapServiceLayer添加了一个complete事件用来当地图载入完成后获取地图的图层名称显示在地图下方的ComboBox上：

<mx:ComboBox id="layerList" verticalCenter="500" x="139">
</mx:ComboBox>

ExpandedBlockStart.gif View Code
// 获取地图图层名称和index到combobox上
         private  function mapHandler( event :Event): void {
             // 获取图层信息数组
            var layerInfos:Array;
            layerInfos = myMapServiceLayer.layerInfos;
            var layers:Array = new  Array();
             // 遍历图层信息数组然后把图层的名称和index值添加到新的数组中
             for (var i: int   =   0 ;i < layerInfos.length;i ++ ){
                layers.push({label:layerInfos[i].name,data:i});
                
            }
             // 给Combox设定数据源
            layerList.dataProvider = layers;
        
        }

同时，在GraphicsLayer中也添加了一个symbolFunction的功能，这个功能是当有元素添加到GraphicLayer时进行元素显示样式的设置，这样分别对点、线、面进行样式设定：

<esri:SimpleMarkerSymbol id="sms" style="diamond" color="0x00ff00" size="15"/>
 <esri:SimpleLineSymbol id="sls" style="solid" color="0x00ff00" width="2" alpha="1"/>
 <esri:SimpleFillSymbol id="sfs"/>

ExpandedBlockStart.gif View Code
// symbolFunction的功能是当有元素添加到graphiclayer时进行元素显示样式的设置，这样分别对点、线、面进行设定
         private  function mySymbolFunction(graphic:Graphic):Symbol{
            var result:Symbol;
             // 根据元素的类型进行显示样式的设定
             switch (graphic.geometry.type){
                 case  Geometry.MAPPOINT:{result = sms; break ;}
                 case  Geometry.POLYLINE:{result = sls; break ;}
                 case  Geometry.POLYGON:{result = sfs; break ;}    
            }
             return  result;
        }

要有画图和一些常规按钮，实现放大，缩小等常规功能，以及实现能在GraphicsLayer上画点、线、面的功能，代码如下：

 

ExpandedBlockStart.gif View Code
< esri:Navigation id = " navToolbar "  map = " {myMap} " />
     < esri:Draw id = " drawToolbar "  map = " {myMap} "  graphicsLayer = " {myGraphicsLayer} "  drawEnd = " drawEndHandler(event) " />
     < mx:HBox horizontalAlign = " center "  width = " 100% " >
         < 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:Button label = " 点 "    click = " drawToolbar.activate(Draw.MAPPOINT) "    />
             < mx:Button label = " 线 "    click = " drawToolbar.activate(Draw.POLYLINE) "    />   
             < mx:Button label = " 流线 "    click = " drawToolbar.activate(Draw.FREEHAND_POLYLINE) "    />  
             < mx:Button label = " 矩形 "    click = " drawToolbar.activate(Draw.EXTENT) "    />          
             < mx:Button label = " 多边形 "    click = " drawToolbar.activate(Draw.POLYGON) "     />            
             < mx:Button label = " 流多边形 "       click = " drawToolbar.activate(Draw.FREEHAND_POLYGON)  " />         
             < mx:Button label = " 结束绘制 "       click = " drawToolbar.deactivate()  " />   
         </ mx:ControlBar >
     </ mx:HBox >

 最后，就是在esri:Draw组件中添加一个drawEnd属性，它的功能是当绘图完成后执行drawEndHandler(event)方法，我们在这个方法里实现Identify的功能。代码如下：

<esri:IdentifyTask id="identifyTask" identifyComplete="identifyCompleteHandler(event)" url="http://192.168.47.29:8399/arcgis/rest/services/China/MapServer%22/>

 

ExpandedBlockStart.gif View Code
private  function drawEndHandler( event :DrawEvent): void {
             // 获取绘图结果Geometry
            var geometry:Geometry = event .graphic.geometry;
            var identifyParams:IdentifyParameters =   new  IdentifyParameters();
             // 查询结果需要返回Geometry
            identifyParams.returnGeometry = true ;
             // 查询冗余范围
            identifyParams.tolerance = 3 ;
            identifyParams.width = myMap.width;
            identifyParams.height = myMap.height;
             // 设置查询的geometry
            identifyParams.geometry = geometry;
             // 从ComboBox获取选择的图层index设置要查询的图层
            var layers:Array = new  Array();
            layers.push(layerList.value);
            identifyParams.layerIds = layers;
             // 查询可见图层
            identifyParams.layerOption = IdentifyParameters.LAYER_OPTION_VISIBLE;
            identifyParams.mapExtent = myMap.extent;
             // 进行查询
            identifyTask.execute(identifyParams);
            
        }
 // 查询完成后执行的事件
         private  function identifyCompleteHandler( event :IdentifyEvent): void {
            var datas:Array = new  Array();
             // myGraphicsLayer.clear();
             // 遍历查询结果把查询到的feature添加到GraphicLayer进行高亮显示
             // 同时把查询到的元素的名称添加到datas对象数组用来datagrid显示用
             for  each(var result:IdentifyResult  in   event .identifyResults){
                myGraphicsLayer.add(result.feature);
                 // datas.push(result.feature.attributes);
                datas.push({ " value " :result.value})
            }
            datalist.dataProvider = datas;
        }

ok!做完以上事情后就大功告成了！

现附上全部代码如下：

 

ExpandedBlockStart.gif View 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 = " Query Task "
    
     >    
 < mx:Script >
     <! [CDATA[
        import com.esri.ags.Graphic;
        import com.esri.ags.events.DrawEvent;
        import com.esri.ags.events.IdentifyEvent;
        import com.esri.ags.geometry.Geometry;
        import com.esri.ags.symbol.Symbol;
        import com.esri.ags.tasks.IdentifyParameters;
        import com.esri.ags.tasks.IdentifyResult;
         // 获取地图图层名称和index到combobox上
         private  function mapHandler( event :Event): void {
             // 获取图层信息数组
            var layerInfos:Array;
            layerInfos = myMapServiceLayer.layerInfos;
            var layers:Array = new  Array();
             // 遍历图层信息数组然后把图层的名称和index值添加到新的数组中
             for (var i: int   =   0 ;i < layerInfos.length;i ++ ){
                layers.push({label:layerInfos[i].name,data:i});
                
            }
             // 给Combox设定数据源
            layerList.dataProvider = layers;
        
        }
         // symbolFunction的功能是当有元素添加到graphiclayer时进行元素显示样式的设置，这样分别对点、线、面进行设定
         private  function mySymbolFunction(graphic:Graphic):Symbol{
            var result:Symbol;
             // 根据元素的类型进行显示样式的设定
             switch (graphic.geometry.type){
                 case  Geometry.MAPPOINT:{result = sms; break ;}
                 case  Geometry.POLYLINE:{result = sls; break ;}
                 case  Geometry.POLYGON:{result = sfs; break ;}    
            }
             return  result;
        }
        
         private  function drawEndHandler( event :DrawEvent): void {
             // 获取绘图结果Geometry
            var geometry:Geometry = event .graphic.geometry;
            var identifyParams:IdentifyParameters =   new  IdentifyParameters();
             // 查询结果需要返回Geometry
            identifyParams.returnGeometry = true ;
             // 查询冗余范围
            identifyParams.tolerance = 3 ;
            identifyParams.width = myMap.width;
            identifyParams.height = myMap.height;
             // 设置查询的geometry
            identifyParams.geometry = geometry;
             // 从ComboBox获取选择的图层index设置要查询的图层
            var layers:Array = new  Array();
            layers.push(layerList.value);
            identifyParams.layerIds = layers;
             // 查询可见图层
            identifyParams.layerOption = IdentifyParameters.LAYER_OPTION_VISIBLE;
            identifyParams.mapExtent = myMap.extent;
             // 进行查询
            identifyTask.execute(identifyParams);
            
        }
        
         // 查询完成后执行的事件
         private  function identifyCompleteHandler( event :IdentifyEvent): void {
            var datas:Array = new  Array();
             // myGraphicsLayer.clear();
             // 遍历查询结果把查询到的feature添加到GraphicLayer进行高亮显示
             // 同时把查询到的元素的名称添加到datas对象数组用来datagrid显示用
             for  each(var result:IdentifyResult  in   event .identifyResults){
                myGraphicsLayer.add(result.feature);
                 // datas.push(result.feature.attributes);
                datas.push({ " value " :result.value})
            }
            datalist.dataProvider = datas;
        }
    ]] >
</ mx:Script >
     < esri:SimpleMarkerSymbol id = " sms "  style = " diamond "  color = " 0x00ff00 "  size = " 15 " />
     < esri:SimpleLineSymbol id = " sls "  style = " solid "  color = " 0x00ff00 "  width = " 2 "  alpha = " 1 " />
     < esri:SimpleFillSymbol id = " sfs " />
     < esri:Navigation id = " navToolbar "  map = " {myMap} " />
     < esri:Draw id = " drawToolbar "  map = " {myMap} "  graphicsLayer = " {myGraphicsLayer} "  drawEnd = " drawEndHandler(event) " />
     < esri:IdentifyTask id = " identifyTask "  identifyComplete = " identifyCompleteHandler(event) "  url = " http://192.168.47.29:8399/arcgis/rest/services/China/MapServer " />
    
     <!-- mx:Canvas width = " 490 "  height = " 311 "  borderStyle = " solid "  borderThickness = " 3 "  borderColor = " #425DE2 "  verticalCenter = " -20 "  x = " 11 " -->
     < esri:Map id = " myMap " >
        
         < esri:ArcGISDynamicMapServiceLayer id = " myMapServiceLayer "  url = " http://192.168.47.29:8399/arcgis/rest/services/China/MapServer "  complete = " mapHandler(event) " >     
         </ esri:ArcGISDynamicMapServiceLayer >
         < esri:GraphicsLayer id = " myGraphicsLayer "  symbolFunction = " {mySymbolFunction} " >
         </ esri:GraphicsLayer >
         < esri:extent >
             < esri:Extent  id  =   " esriMapExtent "  xmin = " 73.4 "  ymin = " 13.33 "  xmax = " 135.2 "  ymax = " 63.4 " />
         </ esri:extent >
     </ esri:Map >
        
     < mx:HBox horizontalAlign = " center "  width = " 100% " >
         < 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:Button label = " 点 "    click = " drawToolbar.activate(Draw.MAPPOINT) "    />
             < mx:Button label = " 线 "    click = " drawToolbar.activate(Draw.POLYLINE) "    />   
             < mx:Button label = " 流线 "    click = " drawToolbar.activate(Draw.FREEHAND_POLYLINE) "    />  
             < mx:Button label = " 矩形 "    click = " drawToolbar.activate(Draw.EXTENT) "    />          
             < mx:Button label = " 多边形 "    click = " drawToolbar.activate(Draw.POLYGON) "     />            
             < mx:Button label = " 流多边形 "       click = " drawToolbar.activate(Draw.FREEHAND_POLYGON)  " />         
             < mx:Button label = " 结束绘制 "       click = " drawToolbar.deactivate()  " />   
         </ mx:ControlBar >
     </ mx:HBox >
<!--/ mx:Canvas -->
    
 < mx:ComboBox id = " layerList "  verticalCenter = " 500 "  x = " 139 " >
</ mx:ComboBox >
< mx:DataGrid id = " datalist "  height = " 100 "  borderColor = " #1b67d9 "  borderStyle = " solid "  borderThickness = " 3 "  verticalCenter = " -20 "  left = " 509 " />
    
    
 </ mx:Application >

 

 

 

转载于:https://www.cnblogs.com/pandy/archive/2011/03/19/1988919.html

ArcGIS API For JavaScript——空间查询(FindTask和IdentifyTask)
GISXX
07-02 5727
相比较于QueryTask，FindTask和IdentifyTask支持多个图层查询。FindTask支持属性查询，IdentifyTask支持图形查询。 1、FindTask FindTask通过FindParameters类来设置查询参数，执行search.execute(FindParameters,function (result)） 先设置查询参数： returnGeome...
ArcGIS API for JavaScript 实现identifyTask 画线选取元素
01-17
ArcGIS API for JavaScript 实现identifyTask 画线选取元素
IdentifyTask 数据查询
huangerbian的博客
05-13 417
IdentifyTask 是在某个地图服务中进行空间查询，IdentifyTask 以 IdentifyParameters 对象作为参数，能查询同一个地图服务的一个或者多个图层， IdentifyTask 仅仅用于空间信息查询。 IdentifyTask 构造函数 构造函数： new IdentifyTask(url, options?) 1 url：服务地址 options?：可选参数 gdbVersion：指定要显示geodatabase版本 Geodatabase是一种采用标准关系数据库技术来表现地
IdentifyTask查询（附样例源码）
DanBo_C的博客
04-11 883
效果图 1. 空间查询触发事件 query("button").on("click", function (event) { map.graphics.clear(); var value = this.innerHTML; switch (value) { ...
ueryTask,FindTask,IdentifyTask的区别
restart1的专栏
01-13 988
1：QueryTask是一个进行空间和属性查询的功能类，它可以在某个地图服务的某个子图层内 进行查询，顺便需要提一下的是，QueryTask进行查询的地图服务并不必项加载到Map中进行显示。QueryTask的执行需要两个先决条件：一个是需要查询的图层URL、一个是进行查询的过滤条件。      查询一个图层里面的数据:链接如http://10.188.180.124:8399/arcgis/rest/services/123/MapServer/13MS只可以查找唯一的数据；2：FindTask是在某个
IdentifyTask类的使用方法
04-21 3400
<br />IdentifyTask特点：支持多图层查询不能指定返回字段只能查询属性信息，不能查询空间信息与用户存在交互过程<br />步骤：创建IdentifyTask类创建IdentifyParameters类执行IdentifyTask方法execute接收并显示结果<br />示例代码：<br /><br /><?xml version="1.0" encoding="utf-8"?><br /><s:Application xmlns:fx="http://ns.adobe.com/mxml/20
IdentifyTask ArcGIS地图源码_ios源码
09-08
4. **创建并执行IdentifyTask**：使用MapService的identify方法创建一个IdentifyTask对象，然后设置识别参数和点击坐标。调用execute方法执行识别任务，这个过程通常是异步的。 5. **处理识别结果(IdentifyResult)*...
ArcGIS API for Flex：IdentifyTask 使用指南
首先，我们需要在Flex应用程序中创建一个`IdentifyTask`实例，通常通过`<esri:IdentifyTask>`标签完成。以下是一个示例： ```xml <esri:IdentifyTask id="identifyTask" identifyComplete=...
identifyTask练习
weixin_34319817的博客
05-06 136
<?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/...
arcgis for js 之IdentifyTask
qq_29176825的博客
03-27 1004
在arcgis for js 中IdentifyTask可以指定一个点，查询url对应的图层中该点对应的graphic.   var identifyTask = new IdentifyTask(url);//初始化一个  identifyTask,参数是url //初始化 Identify parameters var identifyParameters = new Identif
ArcGIS for Android示例解析之要素识别-----IdentifyTask
幽幽残月 之 人间正道是沧桑
03-07 9852
IdentifyTask 一看到这串字母有很多人都再熟悉不过了，他的功能给我们带来了很多便利，下面让我们详细介绍一下他的概念，在GIS中它的功能体现就是拾取相应要素的信息，通俗一点讲就是当我们用鼠标点击地图上的一点时，获取该点落在的或在容差范围内的要素相关信息。 下面我们来看看相关代码： //实例化对象，并且给实现初始化相应的值 params = new IdentifyP
ArcGIS API for JavaScript 4.2学习笔记[24] 【IdentifyTask类】的使用（结合IdentifyParameters类）（第七章完结）...
weixin_30856965的博客
04-07 385
好吧，我都要吐了。 接连三个例子都是类似的套路，使用某个查询参数类的实例，结合对应的Task类，对返回值进行取值、显示。 这个例子是Identify识别，使用了TileLayer这种图层，数据来自Server的MapServer。 结果演示 戳不同的地方会有不同的识别结果。 我对TileLayer不是很了解，这一例仅针对有了解的同学，做一个Identify...
IdentifyTask--要素识别 ----长按某一点后查询，并将查询结果高亮显示
AndLi
09-10 485
public class HighlightFeatures extends Activity { private MapView mapView; private ArcGISTiledMapServiceLayer tiledMapServiceLayer; private GraphicsLayer graphicsLayer; private Graphic[...
ArcGIS for Android 之IdentifyTask初步认识和使用
vaecer
04-18 3751
对于ArcGIS的查询功能，这在开发当中是必不可少的功能，所以今天就操作了一天的identify。现在对其的基本操作已经有所了解，至少当需要这个功能时，能操作出来。所以笔记是每天必不可少的的。至少对自己的学习经历负责。我选用的例子，自然是Sample中的IdentifyTask的例子。还有参考一篇非常棒的博文： http://blog.csdn.net/arcgis_mobile/article
arcgis api for javascript IdentifyTask使用
淘淘小窝
01-21 5854
一点点积累
ArcGIS查询总结
step by step
12-24 3211
ArcGIS查询主要是三个类：IdentifyTask，.FindTask，QueryTask 1.IdentifyTask    仅仅是空间查询，对一个地图服务多个图层（全部，或者指定几个ID索引）做空间识别查询，IdentifyTask仅仅用于空间信息查询 用法简介： //identifyTask 是对一个地图服务多个图层（全部，或者指定几个ID索引）做空间识别查询
「Arcgis的」空间查询和属性查询，前端原生开发如何深入进阶
最新发布
2401_83621541的博客
03-28 952
在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签canvasHTML废弃的标签。
图形查询属性（IdentifyTask实现查询）//查询本地服务
weixin_34245082的博客
07-26 758
主页代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>图形查询属性</title> <link rel="stylesheet" href="http://js.arcgis.com/3.9/j...
ArcGIS API for JavaScript 通过identifyTask实现点击选择要素
idomyway的博客
11-12 3529
需求在浏览器中，自己选择区域，只保留与选中区域的要素 思路对于这个需求，目前有两个思路： 1.利用GP服务操作 2.先利用identifyTask进行对选中区域进行查询，再把查询到的元素加载到地图上 现在是采用第二种方法 效果截图截取前 截取中 截取后 实现代码&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &am
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值