Question

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

但是，如果只是关闭信息框，我无法弄清楚如何将标记图标重置为默认值。

我只使用一个InfoBox，并在每次点击标记时将其填入详细信息：

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

当信息框关闭时，如何让地图上的标记（或只是previousMarker）恢复到默认颜色？

Answer 1

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

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

有关与InfoWindow对象关联的所有事件，请参阅API reference。

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

信息框关闭时重置图形图形

1 个答案: