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);

如何修改折线的任何属性而不仅仅是颜色？

- rac3b3nn0n

Answer 1

好的，

很抱歉但我已经设法解决了这个问题，感谢以下链接中的教程，

交互式区域填充地图

这就是所需的全部内容。

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

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

感谢大家的阅读。

- rac3b3nn0n