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!

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <small> <del> <ins> <br>
  • Lines and paragraphs break automatically.

More information about formatting options