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

I am using the conference app as a guide (https://github.com/driftyco/ionic-conference-app/tree/master/src/pages/map). 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>${markerData.name}</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', () => {
        infoWindow.open(map, marker);
      });