javascript - Open Layers 3层可见性——传递变量的问题

Question

我已经建立了一个非常基本的功能，可以打开我在 map 上的图层。

这是初始化图层的代码:

var featurelayer;

featurelayer = new ol.layer.Tile({
      name: 'featurelayer',
      source: new ol.source.TileWMS({url: 'http://myserver/geoserver/wms',
      serverType: 'geoserver',
      params:{
        'LAYERS':"layergroup:mylayer", 'TILED':true
      }
      }),
      visible: false
      });
map.addLayer(featurelayer);

我的网站上有一个列表项，单击它会激活我用来尝试打开图层的功能。我的 html 和 jQuery 函数如下:

<li class='last'><a href='#'><i class="fa fa-circle text-info"></i><span> Flood Zone 3b (Functional Floodplain)</span></a></li>

$("a.layer").click(function() {
  map.getLayers().forEach(function(layer) {
    if (layer.get('name') === this.id) {
      featurelayer.setVisible(true);
    }
  });
});

这段代码确实有效，它在 map 上显示了图层。我的问题是我会有不止一层，理想情况下我希望能够将与该层同名的列表项中的 ID 传递给我的 setVisible 事件。

我似乎不知道该怎么做，因为我的控制台日志总是返回未定义的；我已经尝试创建一个等于“this.id”的变量，但这不起作用 - 我需要通过我的点击功能传递我的 ID 吗？如果注册我的图层名称与我的列表项 ID 匹配，为什么我会收到未定义的错误？

感谢您提供的任何帮助!

Answer 1

this.id 不是在尝试访问“layer.id”(可能未定义)，因为它在 forEach 循环中吗？

在进入循环之前尝试获取 id:

 $("a.layer").click(function () {
        var lid = $(this).attr('id');
        map.getLayers().forEach(function (layer) {
            if (layer.get('name') == lid) {
                layer.setVisible(true);
            }
        });
    });

编辑:这是您需要的吗？ http://jsfiddle.net/fbma/3z1L6ttn/1/

我已经为两个 li 项目添加了 id，并且点击事件与类“last”相关。此外，在迭代的层对象上设置可见性。