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作为一个全局变量）