Google Maps API v3，點擊時如何更改標記圖標

Question

單擊標記（單擊事件）時如何更改標記圖標，並在單擊另一個標記時將其返回到正常圖標？

Answer 1

我還沒有測試過這段代碼，所以可能會出現拼寫錯誤或錯誤，但它應該給你提供這個想法。

首先，定義一個回調來設置所有標記爲正常圖標（重置任何先前點擊標記）和當前點擊的標記的圖標設定爲所選擇的圖標：

var markerCallback = function() { 
    for (var i=0; i<arrayOfMarkers.length; i++) { 
     arrayOfMarkers[i].setIcon(normalIcon); 
    } 
    this.setIcon(selectedIcon); 
} 

然後，分配回調每個標記上的點擊事件如下所示：

google.maps.event.addListener(marker, 'click', markerCallback); 

確實有一些代碼可以改進。例如，您可能不希望normalIcon,selectedIcon和arrayOfMarkers成爲上述代碼假定它們的全局變量。如果您有很多標記，則可能需要跟蹤之前選定的標記，而不是讓for循環重置每個標記上的圖標。

但正如我所說，這應該給你的想法。

Answer 2

只需在任何情況下，任何人都希望看到跟蹤上一個標記的全局變量像卡斯帕提到，這裏的一個例子是我做過什麼：

google.maps.event.addListener(marker,'click',function() { 

     if (selectedMarker) { 
      selectedMarker.setIcon(normalIcon); 
     } 
     marker.setIcon(selectedIcon); 
     selectedMarker = marker; 
    }); 

（後設置selectedMarker作爲一個全局變量）