传单层控件仅在单击时打开

Question

有没有办法只在点击时打开传单层控件？

默认情况下，它在鼠标悬停/鼠标移动时展开/折叠。我想只在点击时打开。

Answer 1

您可以使用一些jQuery来完成此任务。

将“折叠”选项设置为false，而是创建一个按钮以显示/隐藏图层控件。

btn.onclick = function() {
  $('.leaflet-control-layers').toggle();
}

jsFiddle：https://jsfiddle.net/jht7u28L/1/（基本示例）

Answer 2

停止鼠标上的传播解决了它。我在这里使用d3但它也可以通过jQuery的简单javascript轻松处理。

d3.select(".leaflet-control-layers-toggle").on("mouseover", function () {
        //this will make sure that layer popup menu
        //not opens when mouseover
        d3.event.stopPropagation();
    });