单击更改（并变回）传单图标

Question

我已经获得了单击更改的图标，但是当单击新图标时，我需要将其更改回原始图标（而不是保留新图标）。

例如，说我所有的图标都是蓝色的。当我单击一个图标时，我希望它更改为红色图标。然后，当我单击一个新图标时，我希望以前单击的图标变回蓝色。

我可以使它与mouseover和mouseout一起使用，但是我真的需要它与click一起使用。我想我需要记录一个新的单击功能，但是我不确定如何记录。

这是我目前拥有的：

function clickFeature(e) {
        var layer = e.target;
        e.target.setIcon(stop);

        info.update(layer.feature.properties);
    }


    var geojson;

    /*function resetHighlight(e) {
        geojson.resetStyle(e.target);
        e.target.setIcon(arms);
        info.update();
    }*/

    function onEachFeature(feature, layer) {
        layer.on({
            click: clickFeature
        });
    }
    geojson = L.geoJson(crossingData, {

        pointToLayer: function (feature, latlng) {
            return L.marker(latlng, {icon: arms});
        },
        onEachFeature: onEachFeature

    }).addTo(map);

Answer 1

您可以尝试在函数外部定义单独的变量，该变量将保留当前单击的标记。

var clickedMarker;

function clickFeature(e) {
    if(clickedMarker) {
          clickedMarker.setIcon(arms);
    }
    var layer = e.target;
    e.target.setIcon(stop);
    clickedMarker = e.target;

    info.update(layer.feature.properties);
}