feat(map-info-window): Set Content Dynamically

Feature Description

For it to be posible to set data to each marker placed on the google-map.

Use Case

Referencing a well described previous issue with a similar use case as mine:

Hello, is it possible to have a custom info window with data for each marker? I am using markers for each position of products and on the window I want to show some of the products data. The API allows to set content on the infoWindow reference by setting content for each marker, so I tried to set the content before I open it but on this component we can only getContent() there is no setContent() function. Thanks!

_Originally posted by @ourabio in https://github.com/angular/components/pull/19378#issuecomment-634063771_

[crisbeto]

If you’re doing exactly the same as the example, it’s probably because the reference inside the openInfoWindow is using ViewChild which picks up the first window in the view. Here’s how you can do it:

<map-marker #marker="mapMarker"
            *ngFor="let markerPosition of markerPositions"
            [position]="markerPosition"
            [options]="markerOptions"
            (mapClick)="window.open(marker)">
  <map-info-window #window="mapInfoWindow">{{ markerPosition.lat }} {{ markerPosition.lng }}</map-info-window>
</map-marker>

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}