ArcGIS api for javascript——显示多个查询结果

描述

本例展示了在重叠的多边形处理查询的一种方式。单击一个石油和天然气的字段来查看地图上的高亮显示。如果仅仅点击一个要素，能够在单击一次来查看包含一些属性的InfoWindow。如果偶然单击到重叠的要素，将看到到一个要素列表，为下一次单击显示哪个要素的信息提供帮助。

注意本例使用一个InfoTemplate来定义信息窗口的文本格式。能够通过使用语法为${attributeName}包含某一属性的实际值。例如：${PROD_GAS}。

下面的代码根据用户单击要素的个数确定处理方式：

queryTask.execute(query, function(fset) {

          if (fset.features.length === 1) {

            showFeature(fset.features[0],evt);

          } else if (fset.features.length !== 0) {

            showFeatureSet(fset,evt);

});

如果用户单击一个要素，函数showFeature被调用。这个函数使用图形的SimpleFillSymbol来强调这个要素。默认情况下信息窗口不会显示，直到用户再次单击这个加亮的要素，信息窗口才会显示。

如果用户点击重叠的要素，函数showFeatureSet被调用。这个函数循环访问每个要素并将要素名称和一个超链接加入信息窗口。用户能够使用这个要素超链接的列表选择要素。然后用户能够通过单击加亮的要素显示信息窗口。

注意查询任务的结果始终是一个FeatureSet。在本例中，结果集中唯一一个项目被传递给showFeature函数，而全部的结果集被传递给showFeatureSet函数。

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=7" />

    <title>QueryTask with geometry, queries with multiple results at the same location are displayed in an InfoWindow</title>

    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css">

    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>

    <script type="text/javascript" language="Javascript">

      dojo.require("esri.map");

      dojo.require("esri.tasks.query");

      var map, queryTask, query,featureSet;

      //初始化函数

      function init() {

        //开始范围：地理坐标系wiid:4326

        var startExtent = new esri.geometry.Extent(-100.7, 36.8, -95.8, 40.2, new esri.SpatialReference({wkid:4326}));

        //创建地图

        map = new esri.Map("mapDiv", {extent:startExtent});

        //切片层并加载到地图中

        var tiledLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer");

        map.addLayer(tiledLayer);

        //创建并增加一个动态层

        var dynamicLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Petroleum/KGS_OilGasFields_Kansas/MapServer");

        map.addLayer(dynamicLayer);

        //注册一个监听click事件，当用户点击地图时执行executeQueryTask方法

        dojo.connect(map, "onClick", executeQueryTask);

        //注册一个监听信息窗口的onHide事件

        dojo.connect(map.infoWindow, "onHide", function() {map.graphics.clear();});

        //建立查询任务

        queryTask = new esri.tasks.QueryTask("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Petroleum/KGS_OilGasFields_Kansas/MapServer/0");

        //监听onComplete事件的处理结果，使用queryTask.execute方法回调

        //dojo.connect(queryTask, "onComplete", showResults);

        //建立查询过滤器

        query = new esri.tasks.Query();

        query.returnGeometry = true;

        query.outFields = ["FIELD_NAME",

        "FIELD_KID", "PROD_GAS", "PROD_OIL", "STATUS"];

      }

      function executeQueryTask(evt) {

        map.infoWindow.hide();

        map.graphics.clear();

        featureSet = null;

        //用户点击onClick事件返回地图上EVT点.

        //包含在MapPoint(esri.geometry.point)和screenPoint(pixel像素点).

        //设置查询几何等于evt.mapPoint

        //执行任务和完成showResults

        queryTask.execute(query, function(fset) {

          if (fset.features.length === 1) {

            showFeature(fset.features[0],evt);

          } else if (fset.features.length !== 0) {

            showFeatureSet(fset,evt);

          }

        });

      }

      function showFeature(feature,evt) {

        map.graphics.clear();

        //设置标记点

        var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.

        SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol

        (esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 2),

        new dojo.Color([255,255,0,0.5]));

        feature.setSymbol(symbol);

        //构建信息窗口的标题和内容

        var attr = feature.attributes;

        var title = attr.FIELD_NAME;

        var content = "Field ID : " + attr.FIELD_KID

                    + "<br />Produces Gas : " + attr.PROD_GAS

                    + "<br />Produces Oil : " + attr.PROD_OIL

                    + "<br />Status : " + attr.STATUS;

        map.graphics.add(feature);

        map.infoWindow.setTitle(title);

        map.infoWindow.setContent(content);

        (evt) ? map.infoWindow.show(evt.screenPoint,

        map.getInfoWindowAnchor(evt.screenPoint)) : null;

      }

      function showFeatureSet(fset,evt) {

        //删除地图上所有的图形层

        map.graphics.clear();

        var screenPoint = evt.screenPoint;

        featureSet = fset;

        var numFeatures = featureSet.features.length;

        //QueryTask返回featureSet类型.通过featureSet的循环把他们添加到信息窗口

        var title = "You have selected " + numFeatures + " fields.";

        var content = "Please select desired field from the list below.<br />";

        for (var i=0; i<numFeatures; i++) {

          var graphic = featureSet.features[i];

          content = content + graphic.attributes.FIELD_NAME + " Field (<A href='#' onclick='showFeature(featureSet.features[" + i + "]);'>show</A>)<br/>";

        }

        map.infoWindow.setTitle(title);

        map.infoWindow.setContent(content);

        map.infoWindow.show(screenPoint,map.getInfoWindowAnchor(evt.screenPoint));

      }

      dojo.addOnLoad(init);

    </script>

  </head>

  <body class="tundra">

    Click on a petrolueum field to get more info.<br>

    If mulitple fields are selected then you can select the field to display.

    <div id="mapDiv" style="width:800px; height:600px; border:1px solid #000;"></div>

  </body>

</html>

ArcGIS api for javascript——显示多个查询结果的更多相关文章

ArcGIS api for JavaScript 3.27 FindTask查询功能
在ArcGIS API中查询功能是经常使用的,常用的三个查询分别是FindTask,QueryTask,IdentifyTask.它们各自都有自己的特点. 查询功能分为属性查询和空间查询 FindTa ...
ArcGIS api for javascript——用缓存区查询地图
描述本例展示了如何在另外一个任务里使用一个任务的结果.单击地图查看被单击的点的1公里范围内的缓存(如果需要可以修改这个默认的缓存距离).也可以看缓存区的这些点的人口普查街区信息.单击一个点查看更多的 ...
ArcGIS api for javascript——显示地图属性
描述本例展示了如哦读取地图和图层的属性和返回信息给用户.本例中的四个按钮允许用户接收地图属性.每个按钮调用不同的函数. ·Get All Map Layers - 这个按钮调用getMapLayer ...
ArcGIS api for javascript——显示多个ArcGIS Online服务
描述本例展示了如何使用按钮在地图里的两个不同的图层间切换.所有地图里的图层恰巧是来自ArcGIS Online的ArcGISTiledMapServiceLayers.按钮是Dojo dijit按钮 ...
ArcGIS api for javascript——显示一个信息窗口
描述这个示例展示了在用户单击地图时如何在InfoWindow中显示信息.信息窗口是一个dijit (Dojo widget).信息窗口能够包含文本,字符,图片和任何通过HTML表示的事物.这个例子在 ...
ArcGIS api for javascript——加载查询结果，悬停显示信息窗口
转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口描述本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到Inf ...
ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图
ArcGIS API for JavaScript 4.2直接从官网的Sample中学习,API Reference也是从官网翻译理解过来,鉴于网上截稿前还没有人发布过4.2的学习笔记,我就试试吧. ...
ArcGIS API for Javascript 使用缓冲区结果做query查询出现“esri.config.defaults.io.proxyUrl 尚未进行设置”错误
1.前言在研究ArcGIS API for JavaScript时会遇到这样的问题,比如我们在做缓冲区分析时,用分析的范围作为空间查询query的参数,在执行结果中总是会看到“esri.config ...
ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译
内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2 [Get Started] 类似于绪论一样的东西,抽取了最需要关注的几个例子.如:加载Map和View, ...

随机推荐

Dropout 上
From <白话深度学习与TensorFlow> Dropout 顾名思义是“丢弃”,在一轮训练阶段丢弃一部分网络节点,比如可以在其中的某些层上临时关闭一些节点,让他们既不输入也不输出,这 ...
Matlab 从入门到精通 Chapter11 文件读取I/O
11.1 工作空间数据读取将工作空间的变量保存为文件,可以使用save命令. save('filename') 将文件保存在当前目录下,文件名为filename.mat save('filenam ...
TypeError: Cannot use 'in' operator to search for 'length' in....
前台页面读取商品属性是字符串形式,数据库中存储商品属性是集合形式,前台数据存入数据库中数据格式会自动转,后台数据回显到前台数据格式需要手动转换,否则会报异常错误信息提示:
python3 之 Ellipsis
在翻django 代码的时候无意中看到的, 主要还是在注解时候使用官方参考:https://docs.python.org/3/library/constants.html#Ellipsis 注意: ...
搭建ss总结
今天晚上做的事情: 1. https://www.vultr.com/ 购买vps 2. ssh连接到服务器参照网上帖子安装 https://blog.csdn.net/littlepig19930 ...
【转载】02-PowerDesigner的下载及安装
原创路径:https://blog.csdn.net/ruyu00/article/details/79842807 一.下载下载路径:https://pan.baidu.com/s/1WD7QHT ...
JVM内存管理简单剖析
Java是一个跨平台语言,屏蔽操作系统的差异,无需关心复杂内存管理,做到编写一次到处运行.其强大的能力源于Java Virtual Machine (虚拟机)默默的付出.代码运行在虚拟机之上,虚拟机运 ...
malloc 和free例程
#include <stdio.h>#include <stdlib.h>int main(){int a;scanf("%d",&a);int * ...
OpenStack 与大数据的融合
此处是hadoop 2.7.2以前 Hadoop 预留的一个 HDFS 文件系统的接口. 可以通过修改这里将数据源的读取改为 Swift. 也可以通过修改 MR 源码将数据抽取部分变换成 ...
Android之——拦截短信
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46994097 这里.向大家简介通过BroadcastReceiver来拦截短信的方 ...

ArcGIS api for javascript——显示多个查询结果

描述

ArcGIS api for javascript——显示多个查询结果的更多相关文章

随机推荐

热门专题