8、query鼠标移动选择面，并显示信息窗口

query选择面，并显示信息窗口

1、 首先完成地图的加载，详细见前面的介绍，本例使用的数据服务为：本地，地址为：

http://localhost/ArcGIS/rest/services/China/MapServer

要做查询的图层为：id=0

2、 添加query任务：

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

添加map的事件：dojo.connect(map,"onMouseMove",executeQueryTask);

即当鼠标在地图上移动时执行函数executeQueryTask查询

新建query任务：

//新建查询任务 

queryTask = new esri.tasks.QueryTask("http://localhost/ArcGIS/rest/services/China/MapServer/0");//指定查询图层 

query = new esri.tasks.Query();//初始化查询任务 

query.returnGeometry = true;//可以返回Geometry 

query.outFields = ["FID"];//要查询的字段 

infoTemplate = new esri.InfoTemplate("信息","ID:${FID}");//定义信息窗内容 

3、 编写执行查询任务的函数：

function executeQueryTask(evt) 

{ 

query.geometry = evt.mapPoint;//查询依据的输入图元 

queryTask.execute(query, showResults);//执行查询，并在查询出后，调用showResults函数 

} 

4、 showResults函数的编写：

function showResults(featureSet) 

{ 

map.graphics.clear();//删除所有图形 

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

{ 

//从features中获取所有图元 

//将features转成Graphics 

var graphic = featureSet.features[0]; 

var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_NONE, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255,0,0]), 2), new dojo.Color([255,255,0,0.25]));//定义样式 

graphic.setSymbol(symbol); 

graphic.setInfoTemplate(infoTemplate);//设置Graphics的信息窗口 

map.graphics.add(graphic); //添加Graphics 

} 

} 

5、 这样即可完成效果：

鼠标移动即可选择图元，选择后单击即可得到定制的信息。

6、 效果图为：

存在的问题：

因后台反应较慢，致使鼠标移动查询结果滞后，须等待一会才可以完成查询！！

改进可采用鼠标单击查询！！