OpenLayers调用GeoServer WMS GetFeatureInfo返回空值求助

核心问题：视图对象不匹配 #

你代码中声明了两个View实例：

• 先定义了未被地图使用的空视图const view = new View({ center: [0, 0], zoom: 1 })
• 地图初始化时又新建了一个独立的View实例传入配置

而singleclick事件里调用的view.getResolution()用的是那个未生效的空视图，导致计算出的分辨率错误，生成的GetFeatureInfo请求参数完全不符合当前地图状态，自然返回无结果。

修复步骤 #

1. 统一视图对象 #

删除多余的空视图声明，直接获取地图实际使用的视图：

// 删掉原来的空view声明
const map = new Map({
  layers: [basemap, wmsLayer1],
  target: 'map',
  view: new View({
    projection: 'EPSG:3857',
    center: [1833048, 6593400],
    zoom: 18,
  }),
})
// 新增：获取地图正在使用的视图实例
const view = map.getView();

2. 优化WMS源配置 #

• 移除URL中重复的service=wms参数，简化为https://portal.solarmap.pl/geoserver/ows
• 添加QUERY_LAYERS参数（必须与LAYERS值一致，GeoServer依赖该参数指定查询图层）
• 指定与GeoServer预览一致的WMS版本，避免版本兼容问题

const wmsSource1 = new TileWMS({
  url: 'https://portal.solarmap.pl/geoserver/ows',
  params: {
    'LAYERS': 'solarmap-swidnica:VEG_IRR_FIELD_4',
    'QUERY_LAYERS': 'solarmap-swidnica:VEG_IRR_FIELD_4',
    'VERSION': '1.1.1'
  },
  serverType: 'geoserver',
  crossOrigin: 'anonymous',
});

3. 完善GetFeatureInfo请求参数 #

添加FEATURE_COUNT参数控制返回结果数量，确保请求参数完整：

map.on('singleclick', function (evt) {
  const viewResolution = view.getResolution();
  const url = wmsSource1.getFeatureInfoUrl(
    evt.coordinate,
    viewResolution,
    'EPSG:3857',
    {
      'INFO_FORMAT': 'text/html',
      'FEATURE_COUNT': 10
    }
  );
  console.log(url);
  if (url) {
    fetch(url)
      .then((response) => response.text())
      .then((html) => {
        document.getElementById('info').innerHTML = html;
      });
  }
});

验证方式 #

修复后点击地图，复制控制台打印的url到浏览器直接访问：

• 若返回正常要素信息，说明请求参数已正确
• 若仍无结果，检查点击位置是否在要素范围内，或调整FEATURE_COUNT数值

内容的提问来源于stack exchange，提问作者piorkoo