Question

我正在使用传单插件来显示标记。当我点击当前标记时，图标应仅更改当前标记。

再次当我点击另一个标记时，将该标记更改为新图标并将所有其他标记图标保持原始状态。

就像我有2个标记图标 1-原始图标，我在地图上显示标记时设置 2-新标记 - 我希望点击标记时应设置此标记图标。只应更改当前标记图标并保留所有其他图标原始图标。

Answer 1

你有标记图层吗？如果是，您可以先创建一个新图标

var customIcon = L.Icon.extend({
    options: {
        iconSize: [40.4, 44],
        iconAnchor: [20, 43],
        popupAnchor: [0, -51]
    }
});

var myCustomIcon = new CustomIcon({ iconUrl: '../images/marker.png' });

之后你应该在Layer中获得点击标记的索引并更新如下图标：

markersLayer[markersIndex].setIcon(myCustomIcon);

Answer 2

你可以试试这个。单击marker1时，其图标将更改为您设置的图标。

let marker1 = L.marker([e.latitude, e.longitude], { icon: greenIcon }).on('click', ()=>{
                marker1.setIcon(redIcon)
              }).addTo(map)

使用传单更改当前单击的标记图标

2 个答案: