描述

本例在开始和地图交互前执行一个查询并加载结果。这允许用户点击任意郡县立即看到一个InfoWindow。

QueryTask构造函数接受被查询的图层，即ESRI sample server上ESRI_Census_USA服务的郡县图层（索引号是3）。 注意这和地图使用的不是一个服务。地图使用来自ArcGIS Online的ESRI_StreetMap_World_2D服务。 通过这种方式能够使用在视觉上匹配的不同服务作为地图和查询任务的服务。 注意本例中，街道地图被显示在没有郡县可见的比例，避免查询任务返回结果和郡县要素视觉冲突的可能性。

查询的where clause限制了结果是在美国南卡罗来纳州的郡县。还要注意returnGeometry被设置为true以便要素能够被显示在地图上。

 <%@ 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, results as an InfoWindow onClick</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");

       function init() {

           //开始时地图范围：经纬度、地理坐标系

         var startExtent = new esri.geometry.Extent(-83.41, 31.98, -78.47, 35.28,new esri.SpatialReference({wkid:4326}));

         //创建地图

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

         dojo.connect(map, "onLoad", initFunctionality);

         //创建并添加层

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

         map.addLayer(layer);

       }

       function initFunctionality(map) {

         //创建查询任务

         var queryTask = new esri.tasks.QueryTask("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/3");

         //创建查询过滤器

         var query = new esri.tasks.Query();

         query.returnGeometry = true;

         query.outFields = ["NAME", "POP2000",

         "POP2007", "POP00_SQMI", "POP07_SQMI"];

         query.where = "STATE_NAME = 'South Carolina'";

         var infoTemplate = new esri.InfoTemplate();

         infoTemplate.setTitle("${NAME}");

         infoTemplate.setContent( "<b>2000 Population: </b>${POP2000}<br/>"

                              + "<b>2000 Population per Sq. Mi.: </b>${POP00_SQMI}<br/>"

                              + "<b>2007 Population: </b>${POP2007}<br/>"

                              + "<b>2007 Population per Sq. Mi.: </b>${POP07_SQMI}");

         map.infoWindow.resize(245,105);

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

         dojo.connect(queryTask, "onComplete", function(featureSet) {

               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,255,255,0.35]),

                         1),

                    new dojo.Color([125,125,125,0.35])

                    );

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

           for (var i=0, il=featureSet.features.length; i<il; i++) {

             //从featureSet中得到当前实例.

             //从当前实例赋值给graphic

             var graphic = featureSet.features[i];

             graphic.setSymbol(symbol);

             graphic.setInfoTemplate(infoTemplate);

             //添加当前这个图形到地图图层中

             map.graphics.add(graphic);

           }

         });

         queryTask.execute(query);

       }

       dojo.addOnLoad(init);

     </script>

   </head>

   <body class="tundra">

     Single click a county in South Carolina to get more information.

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

   </body>

 </html>

ArcGIS api for javascript——加载查询结果，单击显示信息窗口的更多相关文章

  1. ArcGIS api for javascript——加载查询结果，悬停显示信息窗口

    转自原文 ArcGIS api for javascript——加载查询结果,悬停显示信息窗口 描述 本例在开始和地图交互前执行一个查询任务并加在查询结果.这允许用户鼠标悬停在任意郡县时立即见到Inf ...

  2. ArcGIS API for Javascript 加载天地图（经纬度投影）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. ArcGIS API for Javascript 加载天地图（墨卡托投影）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. ArcGIS api for javascript——加载图标

    描述 这个示例展示了如何能用一个动画图片显示地图正在加载.在这个示例中,图片是一个小的动画GIF.当地图第一次加载或用户缩放和平移地图时显示图片.当所有图层加载完成图片消失. 这个示例是通过event ...

  5. ArcGIS API For JavaScript 加载地图，设置地图中心点

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  6. ArcGIS API for Silverlight 加载google地图

    原文:ArcGIS API for Silverlight 加载google地图 using System; using System.Net; using System.Windows; using ...

  7. ArcGIS API for Silverlight加载google地图（后续篇）

    原文:ArcGIS API for Silverlight加载google地图(后续篇) 之前在博客中(http://blog.csdn.net/taomanman/article/details/8 ...

  8. 解决ArcGIS API for Silverlight 加载地图的内外网访问问题

    原文:解决ArcGIS API for Silverlight 加载地图的内外网访问问题 先上一个类,如下: public class BaseClass { public static string ...

  9. ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图

    ArcGIS API for JavaScript 4.2直接从官网的Sample中学习,API Reference也是从官网翻译理解过来,鉴于网上截稿前还没有人发布过4.2的学习笔记,我就试试吧. ...

随机推荐

  1. cuda windows运行时间限制

    GTX1080的卡,8G的显存,写cuda时申请了2G的显存就莫名其妙的抛异常,昨天找了一天也没找出bug,去stackoverflow上问了下才知道是windows的事,需要修改注册表.问题链接 - ...

  2. swift中高阶函数map、flatMap、filter、reduce

    Swift相比于Objective-C又一个重要的优点,它对函数式编程提供了很好的支持,Swift提供了map.filter.reduce这三个高阶函数作为对容器的支持. 1 map:可以对数组中的每 ...

  3. ActiveMQ学习笔记（18）----Message高级特性（二）

    1. Blob Message 有些时候,我们需要传递Blob(Binary Large Objects)消息,在5.14之前,(5.12和5.13需要在jetty.xml中手动开启)可以按照如下的方 ...

  4. Android Studio 开发安卓软件时下载的工程项目 Sync with gradle 失败

    Sync with gradle 失败的原因有很多,其中很多时候会遇到下载下来的工程同步失败,目前的经验来看下载的工程同步失败均是由于下图中的两个配置其中某个缺少了 google() 或者 jcent ...

  5. JS脚本代替人工输入

    最近接到了个任务,对某个网页上的1000个item填写相同的text,text的内容相同. 这显然是机械动作呀,干脆写个工具,用脚本代替人工操作. 浏览器按F12,找到console,输入写好的脚本, ...

  6. java实现websocket 终极指南

    大概思路:  首先用户登陆  获取用户信息存储到httpsession中,然后客户端链接服务端websocket,首先HandshakeInterceptor这个拦截器会拦截请求 调用 beforeH ...

  7. 【C++】函数和指针

    最近在看C++ primer plus,感觉函数与指针这一章难点比较多,记写笔记,加强理解. From C++ Primer Plus: Chapter 7 Function:C++ Programm ...

  8. 3D ShapeNets: A Deep Representation for Volumetric Shapes 代码遇到的问题

    遇到 Error using polygon2voxel_double Requested 515396075640x140711718551672x140719189273184 (17179869 ...

  9. 中国象棋程序的设计与实现(六)--N皇后问题的算法设计与实现(源码+注释+截图)

    八皇后问题,是一个古老而著名的问题,是回溯算法的典型例题. 该问题是十九世纪著名的数学家高斯1850年提出:在8X8格的国际象棋上摆放八个皇后,使其不能互相攻击,即任意两个皇后都不能处于同一行.同一列 ...

  10. 【codeforces 816C】Karen and Game

    [题目链接]:http://codeforces.com/contest/816/problem/C [题意] 给你一个n*m的矩阵; 一开始所有数字都是0; 每次操作,你能把某一行,或某一列的数字全 ...