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

【问题标题】：How to disable (not remove) toolbar button in leaflet-draw如何在传单绘制中禁用（不删除）工具栏按钮
【发布时间】：2017-07-26 13:11:31
【问题描述】：

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

【问题讨论】：

标签： leaflet leaflet.draw

【解决方案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); 再次启用它。

【讨论】：