CODEWITHSUNDEEP
angulartypescriptgoogle-mapsagm-map
jack_the_beast
jack_the_beast

Reputation: 1971

GoogleMap infowindow close listener

I'm using agm-map in angular to display a map and markers:

<agm-map #map >
    <agm-marker 
        *ngIf="searchDataService.search"
        *ngFor="let store of searchDataService.filteredStores" 
        [latitude]="store.lat" 
        [longitude]="store.lon"
        (markerClick)='select_marker(store, infoWindow)'>
        <agm-info-window #infoWindow >
                <div [ngClass]="['marker-tooltip', 'store-text']">
                    {{store.type}} {{store.id}}<br>
                    {{store.address}}<br>{{store.zip}} {{store.city}}
                </div>
            </agm-info-window>
    </agm-marker>
</agm-map>

is there any way I can set up a listener for when the infoWindow will be closed by clicking the close button in itself? I'm already handling the case when it closes when other marker it's clicked.

I'm also pretty new to angular and web development in general, so I'm struggling to find documentation for (markerClick), so I don't really know what object the infoWindow is. I guess I could figure out myself if I could find the documentation. Any advice on that?

any idea?

Upvotes: 1

Views: 681

Answers (1)

Vikas Keskar
Vikas Keskar

Reputation: 1248

You have one event emitter, that might help you,

<agm-info-window (infoWindowClose)="close($event)">
  <strong>InfoWindow content</strong>
</agm-info-window>

Reference: https://angular-maps.com/api-docs/agm-core/components/agminfowindow#infoWindowClose

Upvotes: 1

Related Questions