Hello guys, I have this code :
popupIsOpen = false;
const marker: Marker = this.map.addMarkerSync(markerData);
marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe(this.markerClick);
markerClick(params: any) {
this.popupIsOpen = !this.popupIsOpen;
const marker: Marker = params[1] as Marker;
}
The template :
<ion-content>
<div id="map_canvas"></div>
</ion-content>
<div [ngClass]="{'overlay': popupIsOpen, 'hidden': !popupIsOpen}">
<ion-card>
<ion-card-content>
<ion-button (click)="popupIsOpen=!popupIsOpen">close</ion-button>
Content
</ion-card-content>
</ion-card>
</div>
The popup is not displayed when I click on marker. What I’m doing wrong ? Thx in advance.