更改當前點擊標記使用傳單的圖標

Question

我正在使用傳單插件顯示標記。當我點擊當前標記時，圖標應該只改變當前標記。

再次當我點擊另一個標記將標記更改爲新圖標並保留所有其他標記圖標原始。

像我有2個標記圖標 1-原始顯示標記時，在地圖上 2-新的標記，我正在設置圖標 - 我想這個標記圖標應該設置當點擊marker.Only當前標記圖標應該是更改並保留所有其他圖標原始圖標。

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

之後，你應該獲得點擊標記的索引層內並更新這樣的圖標：

markersLayer[markersIndex].setIcon(myCustomIcon); 

Answer 2

你可以試試這個。 當您單擊marker1時，其圖標將更改爲您設置的圖標。

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