javascript - Leaflet - 打开弹出窗口时更改折线的颜色

Question

这就是我所得到的。当我将鼠标光标悬停在折线上时，它会改变颜色。

        onEachFeature: function (feature, layer) {
    var popupContent = "<div class=popup>Sample text in popup.</div>";
    layer.bindPopup(popupContent);
    layer.on('mouseover', function(){
    layer.setStyle({ color: "#0000FF" });
    });
    layer.on('mouseout', function(){
    layer.setStyle({ color: "#000" });
    });
        }   

如何在弹出窗口打开时保持折线的颜色变化？

示例:

• 折线默认为黑色
• 当我将光标悬停在其上方时，它会变为蓝色
• 当我点击折线时，弹出窗口打开并且折线保持蓝色
• 当我关闭弹出窗口时，折线的颜色恢复为黑色(默认)

Answer 1

折线也有诸如popupopen、popupclose之类的事件。您可以在弹出窗口打开时更改颜色(还必须使用方法 .off() 禁用与悬停连接的事件)。

更多信息请点击 Popup events