리플릿에서 mouseover 이벤트를 활성화하기위한 임계 값 변경

Question

현재 리플렛 맵에서 올바르게 작동하는 마우스 오버 기능이 있습니다. 팝업이 mousover에서 발생할 때 임계 값을 변경하는 쉬운 방법이 있는지 궁금합니다. 즉, 팝업을 활성화하려면 마우스 커서가 포인트 위에 직접 있어야합니다 (포인트 데이터). 이상적으로는이 임계 값이 더 커지므로 기능의 적당한 근처에서 마우스 오버가 발생하면 팝업이 활성화 될 수 있습니다.

리플릿 형상을위한 유틸리티 모음 (선형 참조 등)

map.on("mousemove", function(event) { 
    var result = L.GeometryUtil.closestLayerSnap(
    map, 
    all, // array of layers that can be "snapped" to. 
    event.latlng, // mouse position. 
    30); // distance in pixels under which snapping occurs. 

    if (result) { 
    result.layer.fire("mouseover"); 
    } // Note: since the mouse may never go "over" the marker, 
    // it may never go "out", hence never trigger "mouseout" event. 
}); 

:

layer.on({ 
     mouseover: function(){ 
     this.openPopup(); 
    }, 
    mouseout: function(){ 
     this.closePopup(); 
    }, 
    click: function(){ 
     $("#panel").html(popupContent); 
    } 
}); 

Answer 1

이 Leaflet.GeometryUtil 플러그인에 대한 작업처럼 소리 : 여기에 기존 코드는 데모 : https://jsfiddle.net/3v7hd2vx/50/