How To Size A Google Maps Infowindow In Javascript (v3 Api)

Yes. This is a duplicate of Google Maps API v3: InfoWindow not sizing correctly. However, none of the solutions offered on that question worked for me :( code: //after getting

Solution 1:

not sure if it helps but I found that there are actually 2 things that control the height of the infoWindow in google maps.

1. The contents of the infoWindow and the CSS that applies to the contents of infoWindow (most people are well aware of this)
2. (and what may be most confusing) the height of the google maps canvas itself!!!

I had a canvas that was set to 250px tall and regardless of how I styled the content that was to be placed in the infoWindow, it remained a fixed height of 88px and a scrollbar appear. Once I made the canvas a little larger (300px) the max-height of the infoWindow also changed.

If you think you are doing everything else right with sizing your infoWindow, the last resort is to make your canvas a little larger.

best of luck!