угловая карта ядра агма круг не щелкает окно информации агма

Question

Я использую ядро ​​Angular 6 + AGM, чтобы показать геолокацию карты Google.При нажатии на agm-маркер отображается информационное окно agm, но когда я нажимаю на круг agm, информационное окно не работает.

        <agm-circle
            [latitude]="marker.latitude"
            [longitude]="marker.longitude"
            [radius]="marker.value * markerRadiusScaleFactor"
            (circleClick)="onCircleClicked($event)">
            <agm-info-window [isOpen]="visible">
                <app-map-info-window (close)="visible = false" [marker]="marker"></app-map-info-window>
            </agm-info-window>
        </agm-circle>

component.ts

onCircleClicked($event: MouseEvent) {
    console.log($event);
    this.visible = !this.visible;
}

Чтоя здесь не так делаю?

спасибо

Answer 1

Чтобы окно amg-info отображалось во время событий мыши (над или при щелчке), мне нужно было добавить те же значения широты и долготы, что и для amg-circle, в окно amg-info-window.Это не требуется при использовании amg-marker вместо amg-info-circle.Похоже на некоторую несогласованность в реализации angular-google-map.

    <div *ngFor="let site of sites">
      <agm-circle *ngIf="site.active"
        [latitude]="site.latitude"
        [longitude]="site.longitude"
        [radius]="site.radius"
        [fillColor]="site.color"
        [fillOpacity]="site.opacity"
        (mouseOver)="infoWindow.open();"
        (mouseOut)="infoWindow.close();">

        <agm-info-window
          [latitude]="site.latitude"
          [longitude]="site.longitude"
          [disableAutoPan]="false" #infoWindow>

          <div>
              <span>
                <b>{{site.name +': '}} ({{site.budget | currency }}) </b>
              </span>
          </div>

        </agm-info-window>
      </agm-circle>
    </div>

Answer 2

Это прекрасно, убедитесь, что вы не нажимаете на что-либо, кроме нарисованного круга, например на маркер агма или какой-либо другой элемент над ним.