如何解决使用Angular 8 Map @agm关闭以前的infoWindow
我在用Angular 8和@agm关闭上面的infoWindow时遇到问题,现在在打开每个窗口时它总是累积,只有在从每个窗口中按X时才能关闭它。
HTML
<agm-map
(mapClick)="close_Window($event)"
[fullscreenControl]="allowFullScreen"
[zoom]="zoom"
(mapReady)="onMapReady($event)"
>
<agm-marker
*ngFor="let poi of stores"
(markerClick)="clicked_Marker(infoWindow)"
[openInfoWindow]="enableAgmWindow"
>
<ng-container *ngIf="enableAgmWindow">
<agm-info-window #infoWindow>
<div class="agm-card__body">
<ng-template *ngTemplateOutlet="agmWindowContainer.template || noTemplate; context: { $implicit: poi }">
</ng-template>
<ng-template #noTemplate let-value></ng-template>
<div class="agm-card__footer"></div>
</div>
</agm-info-window>
</ng-container>
</agm-marker>
</agm-map>
ts
@ViewChild(AgmInfoWindow,{ static: false }) infoWindow;
prevIoUs_info_window: AgmInfoWindow = null;
close_Window() {
if (this.prevIoUs_info_window != null) {
this.prevIoUs_info_window.close();
}
}
clicked_Marker(infoWindow: AgmInfoWindow,index: number) {
//Close prevIoUs window
if (this.prevIoUs_info_window == null) {
this.prevIoUs_info_window = infoWindow;
} else {
this.prevIoUs_info_window.close();
}
this.prevIoUs_info_window = infoWindow;
}
我该怎么办?谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。