Angular6 如何在用户单击每个标记销时显示/隐藏agm圆圈-角度8

我试图允许用户点击标记针，以显示特定针的红色圆圈

以下是我的地图代码：

<agm-map
  [latitude]="centerLatitude"
  [longitude]="centerLongitude"
  (mapClick)="mapClicked($event)"
  [usePanning]="true"
  [zoom]="6">

  <ng-container *ngIf="source != null">
    <agm-marker *ngFor="let marker of [].concat(source); let i = index"
      [latitude]="marker.geoLatitude"
      [longitude]="marker.geoLongitude"
      [label]="marker.label"
      [openInfoWindow]="showInfoWindow">  

      <ng-container *ngIf="marker.geoLatitude && marker.geoLongitude">
          <agm-info-window [disableAutoPan]="false" [isOpen]="showInfoWindow">
                  <label class="sr-bold">{{ marker?.name }}</label>
            </agm-info-window>    
      </ng-container>
      <agm-circle *ngIf="marker.geoLatitude && marker.geoLongitude" 
        [latitude]="marker.geoLatitude"
        [longitude]="marker.geoLongitude"
        [radius]="marker.radius ? marker.radius * 1000 : null"
        fillColor="red">
      </agm-circle>
    </agm-marker>
  </ng-container>
</agm-map>

{{marker？.name}

agm圆圈

和

agm信息窗口

是独立的指令，而不是agm标记的子项

{{marker？.name}

现在，对于您的请求，您希望圆圈仅在单击agm标记时显示。为此，我们向数据标记对象添加一个布尔值