OpenLayers中layer.get('popuplayertitle')报未定义错误的技术咨询

安全阿岳

2026-8-13

问题解决：Uncaught (in promise) ReferenceError: layer is not defined

你遇到的错误核心是代码里的layer变量从未在当前作用域声明，再加上异步回调的特性，导致无法正确关联到目标图层对象。

问题根源

在onQueryWMSWFS函数的循环中，你通过wms_layers[i][0]获取当前图层，但在fetch的异步回调执行时，循环已经完成，且你直接使用了未定义的layer变量，自然触发引用错误。

修复步骤

在循环内部，先将当前图层对象保存到局部变量中，避免异步回调丢失正确的图层引用
在fetch的回调里，使用这个保存好的变量来获取popuplayertitle属性

修改后的完整代码

var onQueryWMSWFS = function (evt) {
  var coord = evt.coordinate;
  var viewProjection = map.getView().getProjection();
  var viewResolution = map.getView().getResolution();
  if (doQueryWMSWFS) {
    for (i = 0; i < wms_layers.length; i++) {
      if (wms_layers[i][1] && wms_layers[i][0].getVisible()) {
        // 保存当前循环的图层对象，避免异步回调丢失引用
        var currentLayer = wms_layers[i][0];
        var url = currentLayer
          .getSource()
          .getFeatureInfoUrl(evt.coordinate, viewResolution, viewProjection, {
            INFO_FORMAT: "text/html"
          });
        if (url) {
          content.innerHTML = "";
          fetch("https://api.allorigins.win/raw?url=" + encodeURIComponent(url))
            .then((response) => response.text())
            .then((html) => {
              overlayPopup.setPosition(coord);
              // 使用保存好的currentLayer获取图层标题
              content.innerHTML += currentLayer.get("popuplayertitle") + "<p></p>" + html;
              container.style.display = "block";
            });
        }
      }
    }
  }
};