전단지 문제 : 폴리 라인 레이어 그룹을 클릭 할 수 없게 만듭니다.

Question

레이어 그룹의 폴리 라인을 클릭 할 수없는 문제가 있습니다 ... 아래 코드에서 볼 수 있듯이 전단계의 기능을 사용하여 레이어 그룹을 '클릭 : 거짓'route.eachLayer)과 스타일을 추가하려고 내가이 코드를 사용하려고하면 ...

//route = layergroup with all polylines 
function disableclicking(){ 
    route.eachLayer(function(layer){ 
     layer.setStyle({clickable: false}); 
    }); 
} 

을하지만 아무 짓도하지 않는 것, (그것을 아무것도 변하지 않을 것 같다 그래도 루프에 들어갑니다) 또는 적어도, 내가 원하는 것을 변경하지 않습니다 ...

내가 원하는 것은 그 폴리 라인의 클래스 '.leaf 클릭 할 수있는 '이 제거되었습니다 ... 그리고 이것은 발생하지 않습니다. 클릭 할 수 없도록 스타일을 변경하거나 내 루프에 문제가있을 때이 클래스가 변경되지 않습니까?

Answer 1

필자는 비슷한 요구가 있었으며 허용 된 대답은 질문과 아무런 관련이 없기 때문에 내가 생각해 낸 해결책을 게시 할 것입니다 (다른 누군가가 Google에서 도착한 경우를 대비하여).

function setClickable(target, value) { 
    if(value && !target.options.clickable) { 
     target.options.clickable = true; 
     L.Path.prototype._initEvents.call(target); 
     target._path.removeAttribute('pointer-events'); 
    } else if(!value && target.options.clickable) { 
     target.options.clickable = false; 

     // undoing actions done in L.Path.prototype._initEvents 
     L.DomUtil.removeClass(target._path, 'leaflet-clickable'); 
     L.DomEvent.off(target._container, 'click', target._onMouseClick); 
     ['dblclick', 'mousedown', 'mouseover', 'mouseout', 'mousemove', 'contextmenu'].forEach(function(evt) { 
      L.DomEvent.off(target._container, evt, target._fireMouseEvent); 
     }); 

     target._path.setAttribute('pointer-events', target.options.pointerEvents || 'none'); 
    } 
} 

setClickable(myLayer, false);