arcgis api for js入门开发系列四地图查询(含源代码)

Posted 2020-08-20 GIS之家

谈核心代码实现之前，我大概的讲一讲arcgis for js的地图查询方式，一般来说，总共有三种查询方式：FindTask、IdentifyTask、QueryTask （1）FindTask查询模式：基于关键字来模糊查询地图图层，属于文本型的，不能基于地图的设置的空间范围Geometry来查询，但是可以跨越多个图层来查询，比如餐饮图层、医疗服务图层等等； （2）IdentifyTask查询模式：跟FindTask反过来，基于地图的设置的空间范围Geometry来查询，不能基于文本查询，同样可以跨越多个图层来查询； （3）QueryTask查询模式：结合FindTask以及IdentifyTask一体，可以基于文本或者空间范围来查询，但是限定了查询图层，不能跨越多个图层来查询；

前言

关于本篇功能实现用到的 api 涉及类看不懂的，请参照 esri 官网的 arcgis api 3.x for js：esri 官网 api，里面详细的介绍 arcgis api 3.x 各个类的介绍，还有就是在线例子：esri 官网在线例子，这个也是学习 arcgis api 3.x 的好素材。

内容概览

1. 地图属性查询
2. 地图空间查询
3. 源代码 demo 下载

本篇实现地图查询功能，包括属性查询和空间查询两大块，效果图如下：

• 属性查询效果图
  
  

• 空间查询效果图
  

谈核心代码实现之前，我大概的讲一讲 arcgis api for js 的地图查询方式，一般来说，总共有三种查询方式：FindTask、IdentifyTask、QueryTask

1. FindTask 查询模式：基于关键字来模糊查询地图图层，属于文本型的，不能基于地图的设置的空间范围 Geometry 来查询，但是可以跨越多个图层来查询，比如餐饮图层、医疗服务图层等等；
2. IdentifyTask 查询模式：跟 FindTask 反过来，基于地图的设置的空间范围 Geometry 来查询，不能基于文本查询，同样可以跨越多个图层来查询；
3. QueryTask 查询模式：结合 FindTask 以及 IdentifyTask 一体，可以基于文本或者空间范围来查询，但是限定了查询图层，不能跨越多个图层来查询；

下面依据属性查询和空间查询不同思路来讲解一下核心实现模块，实现之前在 map.js 必须引入相关的调用 api 包

更多的详情见：GIS之家小专栏

文章尾部提供源代码下载，对本专栏感兴趣的话，可以关注一波