Google Maps zoom control is messed up

javascript css google-maps
Dónal picture Dónal · Jan 16, 2012 · Viewed 28.9k times · Source

I use the Google Maps API (v.3) to show a map with a couple of markers. I recently noticed that the control used to zoom the map is messed up (it wasn't always like this). I have no idea what the cause is.

enter image description here

Update

This post originally had a link to a page where you could view the issue, but the link is broken now, so I've removed it.

Answer

Konrad Dzwinel picture Konrad Dzwinel · Jan 16, 2012

Your CSS messed it up. Remove max-width: 100%; in line 814 and zoom controls will look fine again. To avoid such bugs use more specific selectors in your CSS.

Related questions

Google Maps: How to create a custom InfoWindow?

The default Google Maps InfoWindow for a map marker is very round. How do I create a custom InfoWindow with square corners?

Read More
How do I resize a Google Map with JavaScript after it has loaded?

I have a 'mapwrap' div set to 400px x 400px and inside that I have a Google 'map' set to 100% x 100%. So the map loads at 400 x 400px, then with JavaScript I resize the 'mapwrap' to 100% x 100% of the screen …

Read More
Google Maps API v3: InfoWindow not sizing correctly

It appears my InfoWindow, when you click on the home icon on my Google Maps v3, is not properly auto-sizing to the content of the InfoWindow. It gives scrollbars when it should not. The InfoWindow should be properly auto-sizing. Any …

Read More