openlayers4+geoserver wfs实现空间分析、属性查询

openlayers4,geoserver wfs实现空间分析、属性查询

原理
openlayers4+geoserver wfs实现空间分析、属性查询_第1张图片

  1. 工作区启用WFS
    openlayers4+geoserver wfs实现空间分析、属性查询_第2张图片
    openlayers4+geoserver wfs实现空间分析、属性查询_第3张图片
  2. 工作区下发布图层
  3. 代码
var featureRequest = new ol.format.WFS().writeGetFeature({
            srsName: 'EPSG:4326',//坐标系统
            featureNS: 'zjk',//命名空间 URI
            featurePrefix: 'sf',//工作区名称
            featureTypes: '',//查询图层,可以同一个工作区下多个图层,逗号隔开
            outputFormat: 'application/json',
            filter: ol.format.filter.intersects(//查询过滤条件
                'the_geom',//
                geometry//
        });
        //http请求数据
fetch(geoserverUrl + 'wfs', {//geoserver wfs地址如localhost:8080/geoserver/wfs
            method: 'POST',
            body: new XMLSerializer().serializeToString(featureRequest)
        }).then(function (response) {
            return response.json();
        }).then(function (json) {
          //查询结果
        })
  1. 查询过滤条件openlayers api
    根据查询的空间关系选择对应filter,传相应参数即可
    openlayers4+geoserver wfs实现空间分析、属性查询_第4张图片

转载于:https://www.cnblogs.com/dqygiser/p/9215837.html

你可能感兴趣的:(openlayers4+geoserver wfs实现空间分析、属性查询)