Как отключить (не удалить) кнопку панели инструментов в отрисовке листовок

Документация по розыгрышу листовок предоставляет способ удалить панель инструментов, но я не хочу, чтобы панель инструментов удалялась, а просто была отключенной кнопкой. Есть известный способ сделать это?


leaflet leaflet.draw
person peterlawless    schedule 26.07.2017    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вот как я использовал 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);, чтобы снова включить ее.

person meetar    schedule 15.05.2019