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

转自原文 ArcGIS api for javascript——加载查询结果，悬停显示信息窗口

描述

本例在开始和地图交互前执行一个查询任务并加在查询结果。这允许用户鼠标悬停在任意郡县时立即见到InfoWindow。本例改变了信息窗口的默认行为，仅在鼠标单击时显示信息窗口。

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

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

//build query filter

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

query.returnGeometry = true;

query.outFields = ["NAME", "POP2000", "POP2007", "POP00_SQMI", "POP07_SQMI"];

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

InfoTemplate定义了在信息窗口中属性信息如何被格式化。注意在信息模板内容中能使用HTML。同样，能使用语法${fieldName} 来显示给出记录的字段的值。例如: ${POP2000}.

查询任务返回一个FeatureSet，要素集合是一个包含每个郡县图形的数组。下面的循环给每个图形分配一个 Symbol和信息模板，然后把图形增加到地图上:

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

 var graphic = featureSet.features[i];

 graphic.setSymbol(symbol);

 graphic.setInfoTemplate(infoTemplate);

 map.graphics.add(graphic);

}

当鼠标悬停在图形上时，下面的事件监听器显示信息窗口并且修改符号:

dojo.connect(map.graphics, "onMouseOver", function(evt) {

  ...

  evt.graphic.setSymbol(highlightSymbol);

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

});

最后，当鼠标移出图形时，这个监听器是需要删除图形:

dojo.connect(map.graphics, "onMouseOut", function(evt) {

   map.infoWindow.hide();

   evt.graphic.setSymbol(symbol);

 });

  View Code