leaflet图层控制事件？

Question

大家好，我想检测用户图层选择，以便将我的侧边栏与显示的图层同步。

但是我在API参考中没有看到任何图层控制事件；我怎样才能知道这样的用户图层选择已经发生了呢？

作为替代方案，我查看了图层加载和卸载事件，但我没有在返回中看到任何标识。我错过了吗？

- user1032402

Answer 1

有一些事件可以让您知道用户何时激活/停用图层。

这可能会对您有所帮助：

https://leafletjs.com/reference-1.4.0.html#map-baselayerchange

例如：

map.on('overlayadd', onOverlayAdd);

function onOverlayAdd(e){
    //do whatever
}

- Adrian Garcia

---

搞定了。谢谢！ - user1032402

这个触发器只有在用户通过控件手动添加图层时才会触发，还是无论何时添加图层（即使是通过代码自动添加）都会触发？ - Rikaelus

请访问http://leafletjs.com/reference-1.0.3.html#map-baselayerchange。已更新@Adrian Garcia的URL。 - Greg

Answer 2

这里定义了一个“baselayerchange”事件 http://leafletjs.com/reference.html#control-layers。只需将其绑定到地图对象上，就可以使用了。

map.on('baselayerchange', function(e) {
  console.log(e);
});

- Jabran Saeed

---

在使用vue-leaflet时，对我没有起作用。相反，overlayadd 起了作用。 - Dazzle

Answer 3

您可以使用jQuery将自己的“更改”事件绑定到Leaflet图层控件单选按钮，如下所示：

    $("[name='leaflet-base-layers']").change( function () {
        alert('Layers selected: ' + $(this).parent().text());
    });

- Etienne Desgagné

---

我本来希望能够使用原生的Leaflet，非JQuery图层控制，但我开始怀疑这是不可能的。至于图层类型，我会满意任何可用的选项。 - user1032402

Answer 4

我还没有实际尝试使用它，但这个插件看起来很有前途： https://github.com/vogdb/Leaflet.ActiveLayers

我将在我的一个项目中尝试一下，因为这是一个非常有用的功能。

- ChidG