How to add an InfoWindow to each marker with JavaScript Google Maps API v3?

To add an InfoWindow to each marker with JavaScript Google Maps API v3, we set the info property of the marker.

For instance, we write

const marker = new google.maps.Marker({
  map,
  position: point,
  clickable: true,
});

marker.info = new google.maps.InfoWindow({
  content: `<b>Speed:</b>: ${values.inst} knots`,
});

google.maps.event.addListener(marker, "click", () => {
  marker.info.open(map, marker);
});

to create a marker with the Marker constructor.

Then we set its info property to an InfoWindow instance which has the content set to some text.

And then we add a marker click listener with addListener to open the info window with marker.info.open when we click on the marker.