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

点击更改图标，然后点击其他标记

1 个答案: