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、  效果图为：

存在的问题：

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

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