Google Maps with Twitter Bootstrap or Zurb Foundation

Using google maps with twitter bootstrap or Zurb Foundation causes errors in the display of the map controls and info boxes. The problem has to do with (re)sizing images for the responsive design of bootstrap to work. The fix is really very easy.

In your gmaps4rails.css you need to add img { max-width: none; } To either the .map_controller or .gmaps4rails_map

eg: - .map_container img{max-width: none;}