I am currently utilizing the library found at this link:
As of now, I have successfully implemented a feature to show and hide a div on marker and map click events. However, I am facing a challenge in closing the infowindow when the mapClicked
function is executed. You can view an example on Plunker here: LINK
mapClicked($event: MouseEvent) {
this.isClicked = false;
}
Although this code already sets the boolean value to false, if I apply *ngIf="isClicked"
to the infowindow component
<sebm-google-map-info-window>
, it does not open as expected.
The following snippet shows how isClicked
gets set to true:
<sebm-google-map-marker *ngFor="let location of locations" (markerClick)="updateDiv(location)">
And here is the updateDiv
function being used:
updateDiv(location: Location) {
this.isClicked = true;
this.selectedLocation = location;
}