使用openlayers3自带的功能，使用WFS对geoserver服务器进行空间查询

最新推荐文章于 2024-08-13 10:33:56 发布

bibichuan

最新推荐文章于 2024-08-13 10:33:56 发布

阅读量3.9k

点赞数

分类专栏： openlayers3 文章标签： openlayers geoserver wfs 空间查询

本文链接：https://blog.csdn.net/A741841403/article/details/52613426

版权

openlayers3 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 使用openlayers3自带的功能，使用WFS对geoserver服务器进行空间查询。网络上很多都没有代码，这里贴点代码出来，供大家分享。
 `function QuerySpatial(geometry){
    var featureRequest = new ol.format.WFS().writeGetFeature({
        srsName: 'EPSG:4326',
        featureNS: 'http://localhost:8080/geoserver',
        featurePrefix: 'quzhou',
        featureTypes: ['20CC96E96AF7BE2780287906F67F5369'],
        outputFormat: 'application/json',
        //filter: ol.format.ogc.filter.like('NAME', '姜家山乡沃华农庄（2A）')
        filter:ol.format.ogc.filter.within("the_geom",geometry,"")
    });
    var body=new XMLSerializer().serializeToString(featureRequest);
    console.log(body);
    var axisOrientation=ol.proj.get("EPSG:4326").getAxisOrientation();
    console.log(axisOrientation);
    /*$.ajax({
            url: "./proxy.ashx?url=http://192.168.9.26:8080/geoserver/quzhou/wfs?"
            ,processData: false
            , type: "POST"
            , data: body
            , timeout: 3000
        }).done(function(response) {
            var format = new ol.format.GeoJSON();
            var features = format.readFeatures(response);
            vectorSource.addFeatures(features);
        });*/
    fetch('./proxy.ashx?url=http://192.168.9.26:8080/geoserver/quzhou/wfs', {
        method: 'POST',
        body: new XMLSerializer().serializeToString(featureRequest)
      }).then(function(response) {
        return response.json();
      }).then(function(json) {
          console.log(json);
      });`

主要的点是，额，好像代码大家都能看明白，就不啰嗦了。