属性查询是很平常的一个功能,在这里实现的查询功能还是结合WFS服务的filter完成,用到的filter是new ol.format.filter.equalTo('name', value),filter就是完成各种过滤去查询数据,可以满足基本的查询需求。用了好长时间的geoserver感觉虽然没法像arcserver那么方便,但是基本的功能都可以实现,毕竟是开源的。

一、主要函数

//属性查询function Query(value) {// 创建一个请求var featureRequest = new ol.format.WFS().writeGetFeature({srsName: 'EPSG:4326',//坐标系featureNS: 'http://www.opengeospatial.net/cite',// 注意这个值必须为创建工作区时的命名空间URIfeaturePrefix: 'cite',//工作区的命名featureTypes: ['bou2_4p '],//所要访问的图层maxFeatures: 5000,outputFormat: 'application/json',filter: new ol.format.filter.equalTo('name', value)});// 发送请求fetch('http://localhost:8080/geoserver/wfs', {method: 'POST',body: new XMLSerializer().serializeToString(featureRequest)}).then(function (response) {return response.json();}).then(function (json) {var features = new ol.format.GeoJSON().readFeatures(json);vectorSource.addFeatures(features);});}

二、来张效果图

OL实现属性查询的功能相关推荐

  1. 「Arcgis的」空间查询和属性查询

    「Arcgis的」空间查询和属性查询 概述 目录 「Arcgis的」空间查询和属性查询 概述 流程 FindTask QueryTask IdentifyTask 在ArcGIS API中查询功能是非 ...

  2. ArcGIS api for JavaScript 之 空间、属性查询

    有一段时间又没有发表博客记录学习经过了,有点懈怠啊,学习之路还要坚持才行呢. 话不多说,进入今天的正题:arcgis的空间和属性查询 arcgis js api 有三种常见的查询:QueryTask. ...

  3. mapbox 添加geojson图层实现属性查询、高亮、地图手势变化等功能

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

  4. openlayers入门开发系列之地图属性查询篇

    本篇的重点内容是利用openlayers实现地图属性查询功能,效果图如下: 实现思路: 模糊查询点击事件 //模糊查询 $("#swatchQuery").bind("c ...

  5. SuperMap iObject入门开发系列之五管线属性查询

    本文是一位好友"托马斯"授权给我来发表的,介绍都是他的研究成果,在此,非常感谢. 管线属性查询功能针对单一管线图层进行特定的条件查询,然后将查询结果输出为列表,并添加点位闪烁功能, ...

  6. control层alert弹出框乱码_【ArcGIS for JS】动态图层的属性查询(11)

    在真实需求中,我们不仅仅是将shp在地图中显示那么简单,我们往往要查询该图层的属性信息,我们在前面代码的基础上添加上属性查询. 1.1方法1(通过click直接获取) 1.1.1代码实现 给要素图层添 ...

  7. Arcgis Engine 二次开发之属性查询

    一.类库接口描述 1.IQueryFilter接口 过滤数据通过属性值或者属性之间的关系,一般为其赋WhereClause和SubFields属性. 2.IFeatureClass接口 (1)Sear ...

  8. AE开发基础实验二(空间查询之按属性查询)

       通过空间数据查询快速实现空间数据选择.查询与统计是GIS数据操作的基本功能,同时也是对特定数据子集进行应用和空间分析的基础.按属性查询是根据属性条件,对某个要素图层查询满足条件的地理要素.本次实 ...

  9. ArcEngine简单教程——要素的属性查询、空间查询

    其他教程请见: ArcEngine简单教程汇总 目录 ArcEngine简单教程汇总​​​​​​​ 1 目的 2 概要 空间查询 属性查询 3 关键代码 4小结 ​​​​​​​ 1 目的 实现简单的地 ...

最新文章

  1. python基础学习1-计数器实例
  2. oracle数据库动态拼接查询条件解决方案
  3. 使用maven-war-plugin 打包时排除不需要的文件
  4. 给非天才准备的 GRE 单词背诵方案
  5. M1芯片MAC使用VMware Fusion安装Windows 11
  6. PCB设计中电流与线宽的关系
  7. 记一次在京东购买笔记本电脑的经历
  8. 用c语言表达圣诞节快乐的英文,双语:Merry Christmas 圣诞节快乐用英语怎么说
  9. 逻辑学是计算机 创始人,逻辑学的创始人:亚里士多德
  10. PS Raw增效工具:Camera Raw 15 Mac
  11. JS--历史搜索记录的实现
  12. tensorflow实现非线性拟合
  13. mongoose 更新保存数据的时候自动插入__v
  14. [转] 大三下,我们该做什么?
  15. 硬件产品开发:外包五要素和外包地图
  16. Android开发之深入理解Android Studio构建文件build.gradle配置
  17. 使用html canvas制作简易画板
  18. LEADTOOLS V20,医学影像浏览器中3D体积渲染控件
  19. 为什么要学好c语言,c语言到底多重要,你造吗
  20. Luenberger Observer线性观测器设计

热门文章

  1. Windows 11 移动文件夹错误 0x800700E1 无法成功完成操作
  2. Win10下通过源码编译安装QGIS
  3. SQLConverter SQLserver数据库转换为SQLLite数据库
  4. 计算机配件名称++太平洋,笔记本电脑配件大全
  5. teredo实现ipv4公网环境下接入ipv6
  6. 中国开发者真实现状:40 岁不做开发,算法工程师最稀缺!
  7. 从dom4j到JAXB
  8. Android debug.keystore的密码
  9. linux使用alias命令重命名命令永久生效
  10. vue+elementUI上传图片