How to make my Google Maps overlays taller (in Rails)

Answer 1

This is a pretty common problem that Google Maps developers encounter. The answers in the following question cover the various solutions:

http://stackoverflow.com/questions/919659/how-to-set-google-maps-markers-infowindow-max-height

To summarize:

• You need to set the height attribute on images (not applicable in this case).
• You need to make sure your infoWindow HTML elements are not inheriting any CSS styles from the document that change their height (Inherited CSS problem)

Answer 2

+1 to Cannonade's suggestions. However, after looking at your code and noticing that the problem still remained after deleting all the styles, I found the problem elsewhere:

You need to set a maxWidth on your info windows. Right now GInfoWindowOptions is blank: {}. Try changing it to: {maxWidth:400}.

Here's what I think is happening: since you don't have a maxWidth, Google Maps decides that the window doesn't need to be very tall, since your content will just go on horizontally. However, in practice the info window really does have a maximum width - but it's not factored into the initial calculation, so your text ends up overflowing.