A Google Maps v3 Control Gotcha

06 Dec 2012
Posted by jcfiala

Here's something that just bit me:

When you're using google maps api, you may find that the map controls don't show up, or worse, show up only partially. This is what happened to me. Happily, this seems to be a side-effect of using reset.css of some sort - it sets up images to display in a way that google maps doesn't like. Assuming that the div you're writing the map to is #map_canvas, then what you want to add to your css is:

#map_canvas img {
max-width: inherit;

And then the controls appear!