leafletjs : 마우스 오버시 폴리 라인 강조 표시

Question

제목이 매우 자명하지만 더 자세한 내용을 보려면 여기에 문제가있는 것입니다.지도에 표시 할 폴리선 배열이 있습니다. 지금은 무엇입니까? 목표로 할 때, 목록에서 특정 폴리선 위로 마우스를 이동하면 해당 폴리 라인 만 강조 표시됩니다 (또는 색상이 변경됨). 내가 지금있는 것은이 같은 (이 코드는 개별 폴리 라인 데이터와 polyLineArray 충전 끝으로 이동 루프 내부에 사람이 나를 도울 수

var pointList = []; 

// pointList is an array and lat/lngs 

var polyLineProperties = { 
    color: 'red', 
    opacity: 1, 
    weight: 5, 
    clickable: true 
} 

var polyLine = new L.polyline(pointList, polyLineProperties); 
polyLine.on('mouseover', function() { 
    // WHAT TO DO HERE to HIGHLIGHT that specific polyline. 
}); 

polyLineArray.push(polyLine); 

희망, 그것은있을 것입니다 좋은 누군가는 폴리 라인의 특성뿐 아니라 색상을 변경하는 방법도 조언.

당신과 기다리고 당신의 대답 : 좋아

Answer 1

,

죄송합니다 감사 수도 있지만 내가 관리 한 경우

polyLine.on('mouseover', function(e) { 
    var layer = e.target; 

    layer.setStyle({ 
     color: 'blue', 
     opacity: 1, 
     weight: 5 
    }); 
}); 

읽기에 대한 여러분 모두 감사합니다,

Interactive Choropleth Map

이

모든 것을이 필요했다이며, 다음 링크를 튜토리얼로, 덕분에이 일을 알아낼 수 있습니다.