Google Map Corrupted Controls in Twitter Bootstrap Modal

As the rather lengthy title says, Google Maps controls get “corrupted” when showing a Google Map in a Twitter Bootstrap Modal, see my screenshot below:
Screen Shot 2013-06-14 at 12.23.21

A Simple Fix

#mapCanvas img
{
max-width:none;
}

This fix works simply by undoing the max-width:100% set on images by bootstrap default css. Setting max-width:none gives us normal controls again. Hurrah.




1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *