Google Maps API Zoom Control

Google has decided to get rid of the classic slider-style zoom control and replace it with just up and down buttons. I dislike this change so I decided to try re-creating the old slider control.

Here's what the old zoom control looked like (just an image).

old zoom control

The height varied depending on how many zoom levels were available for the current map type.

Here's an attempt at re-creating it in HTML/CSS/JS.

Min: Max: Current:


Once it's working well, I'll turn it into a custom Maps API control.

ACME Labs / JavaScript Utilities / Zoom Control