如何在传单中禁用（不删除）工具栏按钮

Question

传单绘制的文档提供了remove a toolbar的方法，但我不希望删除工具栏，而只是禁用按钮。有没有一种已知的方法可以做到这一点？

Answer 1

以下是我使用JS和CSS为“添加标记”按钮切换“灰色显示”禁用状态的方法：

JS：

function toggleMarkerButton(state) {
    // toggle button dimming and clickability
    var button = document.getElementsByClassName("leaflet-draw-draw-marker")[0];
    if (state) {
        // enable button
        button.onClick = null;
        button.className = "leaflet-draw-draw-marker leaflet-draw-toolbar-button-enabled";
    } else {
        // disable button
        button.onClick = "preventEventDefault(); return false";
        button.className = "leaflet-draw-draw-marker draw-control-disabled";
    }
}

CSS：

.draw-control-disabled {
    filter: contrast(22%) brightness(157%);
    pointer-events:none;
}

然后我用toggleMarkerButton(false);禁用了按钮，并用toggleMarkerButton(true);再次启用了按钮。