javascript - 信息框关闭时重置图钉图形

Question

我有一些简单的 Google map (API v3) 代码，可以在单击特定标记并打开信息框时将图标更改为橙色。该代码还会注意到信息框是否已打开，如果已打开，则重置该旧信息框上的标记图标。

但是，如果只是关闭信息框，我不知道如何将标记图标重置为默认值。

我只使用一个信息框，并在每次单击标记时用详细信息填充它:

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

        if(previousMarker) {
            // if marker icon was changed before, change it back to default
            previousMarker.setIcon('/img/location_pin.png');
        }
        ib.close();               // close infobox that is already open
        ib.setOptions(opt[i]);    // set new options for the infobox
        ib.open(map, this);       // open it on this marker

        // and change marker color to orange
        marker.setIcon('/img/location_pin-orange.png');

        previousMarker = marker;  // remember marker for next time

        map.panTo(markerData[i].latLng);
    }
})(marker, i));

当信息框关闭时，我怎样才能让 map 上的标记(或者只是 previousMarker)恢复到默认颜色？

Answer 1

在 InfoWindow 上的 closeclick 事件的回调中重置您的标记选项。

google.maps.event.addListener(ib, 'closeclick', function(){ 
    // add code to reset marker options 
});

参见 API reference对于与 InfoWindow 对象关联的所有事件。

如果您使用的是 InfoBox 库，事件仍然相同，因此可以应用相同的事件监听器:API reference for InfoBox