Как показать / скрыть круг agm, когда пользователь нажимает на каждый маркер - Angular 8

Question

Я пытаюсь разрешить пользователю нажимать на булавку маркера, чтобы показать красный кружок для определенного булавки.

Ниже код моей карты:

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