how to modify google maps navigator control style

Question

i search through the google maps api reference, but they provide no method or property for creating a new type of navigation control. i wonder how to create navigator control like image below.

Answer 1

1. First disable the defaultUI
2. Add your custom control in the map like that
3. Catch zoom events from the map(zoom_changed event) and notify your control and vice versa(map.setZoom())