geoserver 获取点击位置栅格影像各波段的值

应用场景

点击WebGis地图中的任意位置,查询当前经纬度的海拔高度(DEM).DEM数据一般是GeoTiff栅格影像,在本例中已经发布至geoserver,发布的工作空间为nuts,发布的DEM图层名称为4,查询返回结果为json.

变量SE_GEOWORKSPACE为工作空间名称

//查询栅格的值
function getRasterValue(minx, miny, maxx, maxy) {
    let url = "/geoserver/" + SE_GEOWORKSPACE + "/wms"
        + "?SERVICE=WMS"
        + "&VERSION=2.0.0"
        + "&REQUEST=GetFeatureInfo"
        + "&FORMAT=" + encodeURIComponent("image/png")
        + "&TRANSPARENT=true"
        + "&QUERY_LAYERS=" + encodeURIComponent("nuts:4")
        + "&LAYERS=" + encodeURIComponent("nuts:4")
        + "&exceptions=" + encodeURIComponent("application/vnd.ogc.se_inimage")
        + "&INFO_FORMAT=" + encodeURIComponent("application/json")
        + "&FEATURE_COUNT=50"
        + "&X=50"
        + "&Y=50"
        + "&SRS=EPSG%3A4326"
        + "&STYLES="
        + "&WIDTH=101"
        + "&HEIGHT=101"
        + "&BBOX=" + encodeURIComponent(minx + "," + miny + "," + maxx + "," + maxy);
    console.log(url);

    $.getJSON(url, function (data) {
        console.log(data);
    });
};

点击地图时minx, miny, maxx, maxy计算方法

map.on("singleclick", function (e) {
    let point = e.coordinate; //鼠标单击点的坐标
    let offset = 0.00001;
    let minx = point[0] - offset;
    let miny = point[1] - offset;
    let maxx = point[0] + offset;
    let maxy = point[1] + offset;
    getRasterValue(minx, miny, maxx, maxy);
});