Fix Google Maps JavaScript API controls

So you've implemented the Google Maps JavaScript API (V3) in your site but when you run the site the controls look hidden, broken, stretched...

google maps hidden controls

The fix is quite simple. Add the following snippet where #map-canvas is your Google Maps container.

#map-canvas img{
	max-width: none;
}

Now the controls will magically appear:

google maps fixed controls

About Rick

Senior Front-end Software Engineer from Barcelona, Haidong Gumdo Instructor (korean martial art of the sword), street photographer, travel lover, TV addict, Boston Red Sox fan, and privacy advocate.

Leave a Reply

Add <code> Some Code </code> by using this tags.

*
*