Google maps 如何在google地图中更改以前单击的标记的图标

Google maps 如何在google地图中更改以前单击的标记的图标,google-maps,marker,Google Maps,Marker,我使用下面的代码成功地更改了当前单击的标记的图标。我在页面上有多个标记。现在的问题是,如果我单击第二个标记,先前单击的标记的图标应该更改为其原始图标 (inactive.png)和当前单击的标记的图标应使用(active.png)。如何实现这一点?请帮忙 在下面的代码中,如果m.isClicked为true,则使用inactive.png,否则使用active.png <agm-marker *ngFor="let m of mapArrayList" (markerClick)="cli

我使用下面的代码成功地更改了当前单击的标记的图标。我在页面上有多个标记。现在的问题是,如果我单击第二个标记,先前单击的标记的图标应该更改为其原始图标 (inactive.png)和当前单击的标记的图标应使用(active.png)。如何实现这一点?请帮忙

在下面的代码中,如果m.isClicked为true,则使用inactive.png,否则使用active.png

<agm-marker *ngFor="let m of mapArrayList" (markerClick)="clickedMarker(infowindow, m)"
    [latitude]="m.geometry.location.lat()" [longitude]="m.geometry.location.lng()" 
    [iconUrl] ="
      {
        url: m.isClicked ? './assets/images/marker_inactive.png' : './assets/images/marker_active.png',
        scaledSize: {
            width: 40,
            height: 60
        }
    }">




 clickedMarker(infowindow, m) {
        m.isClicked = false;   // once the marker is clicked, the icon of marker changes from inactive.png to active.png
        if (this.previous) {
    // this is to close the previously opened infowindow.
          this.previous.close();
        }
        this.previous = infowindow;
      }

单击Marker(信息窗口,m){
m、 isClicked=false;//单击标记后,标记的图标将从inactive.png更改为active.png
如果(本前){
//这是为了关闭以前打开的信息窗口。
this.previous.close();
}
this.previous=infowindow;
}

您可以在组件上使用一个变量来存储所选索引(或元素id,如果有的话)并检查
索引===此值,而不是使用布尔值。selectedIndex
您可以将图标设置为激活或禁用

url: index === this.selectedIndex ? './assets/images/marker_active.png' : './assets/images/marker_inactive.png',
你能检查一下这个吗。请检查一下这个。