26-调用Geoserver的WFS服务点查要素属性

背景：

在GIS开发过程中，经常会遇到前端加载了geoserver的wms服务后，需要查询某个要素的属性进行弹窗显示的需求，这个时候就需要调用wfs服务查询到鼠标位置的要素属性进行操作；

关键代码：

const Your_WorkSpace = 'TEST';
const Your_LayerName = 'Block';
const geometryFieldKey = 'the_geom';
axios.get(`http://192.168.0.81:8080/geoserver/${Your_WorkSpace}/wfs`, {
    params: {
        SERVICE: 'WFS', // 服务类型
        VERSION: '1.1.0', // WFS版本
        REQUEST: 'GetFeature', // 请求类型：GetFeature
        TYPENAME: `${Your_WorkSpace}:${Your_LayerName}`, // 图层名
        OUTPUTFORMAT: 'application/json', // 返回结果格式
        CQL_FILTER: `INTERSECTS(${geometryFieldKey},SRID=4326;POINT(${lng} ${lat}))`, // CQL过滤条件
        SRSNAME: 'EPSG:4326', // 坐标系统
        PROPERTYNAME: '*' // 获取所有属性
    }
})
.then(
    ({
        data: {
            features: [feature]
        }
    }) => {
        if (feature) {
            //弹框展示
            this.featurePopup({
                lnglat: lnglat,
                vueCom: immiBlockPop,
                props: {
                    data: feature.properties
                }
            });
        }
    }
)
.catch((error) => {
    console.error('请求失败:', error);
});