应用场景
点击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);
});