How to load an ion-card over google maps when a marker is clicked?

I am using the conference app as a guide ( I just want to use an ion-card instead of the infoWindow.

How do I load the ion-card with the same data as the infoWindow? (Equivalent way for the InfoWindow below)

   mapData.forEach((markerData: any) => {
      let infoWindow = new google.maps.InfoWindow({
        content: `<h5>${}</h5>`

And how do I load/reload the card’s data when a specific marker is clicked? (Equivalent way for the InfoWindow below)

   marker.addListener('click', () => {, marker);