在單擊更改圖標時，然后在單擊其他標記時更改回

Question

我想添加一個onlick seticon函數，以在某人單擊標記時更改圖標，然后在他們單擊該標記時更改回。 我努力了

 google.maps.event.addListener(marker, 'click', function() {
marker.setIcon('/url.jpg')
 } 

但是圖標會在1秒后變回舊圖標。 任何幫助表示贊賞。

這是當前代碼：

function readData() {
    var url = 'aircraft.json';
$.when($.getJSON(url)).done(function(data) {
    $.each(data.aircraft, function(i, value) {
        var plane = value;
      var myLatlng = new google.maps.LatLng(value.lat, value.lon, value.flight, value.altitude);
      if (markers[value.hex]) {
        markers[value.hex].setPosition(myLatlng);
        //console.log("moving marker for " + value.hex);
         markers[value.hex].setIcon(getIconForPlane(value)); 
       infoWindows[value.hex].setContent(text(value));




      } else {
        // create new
        markers[value.hex] =  new google.maps.Marker({
          position: myLatlng,
          icon: getIconForPlane(value),
          map: map,
          title: "Callsign: " + value.flight + ", Altitude: " + value.altitude,
        });
        //console.log("creating marker for " + value.hex);
        infoWindows[value.hex] = createInfoWindow(value, markers[value.hex] ,map)
      }

    });


  });

}

Answer 1

您可以管理一個窗口級別的var，以跟蹤先前選擇的標記，並為此在列表器上分配普通圖標

  var selectedMarker = null;

  .....


  google.maps.event.addListener(marker, 'click', function() {
    if (selectedMarker !== null){
      selectedMarker.setIcon('/normal_url_icon.jpg')
    }
    marker.setIcon('/url.jpg');
    selectedMarker = marker;
  }