Google map infowindow position on right side

Question

How I can show InfoWindow with arrow on the left side like instead on bottom?

screenshot example here

Answer 1

It been a while now, and probably you do move your interest on this topic. But i would to say that it is possible without using any third party tools... just add pixelOffset to the infowindow like this:

var infowindow = new google.maps.InfoWindow({
      content: "My custom info window",
      pixelOffset: new google.maps.Size(250, 150)
  });

Also, you may would to rotate the arrow as well, just add those style lines:

#map div div div:last-child div:last-child div div div:nth-child(3) {
  left: 0 !important;
  top: 30px !important;
  border-top-width: 24px;
  position: absolute;
  transform: rotate(90deg);
}

May it help you or help someone else...

cheers.