javascript - ZoomControlStyle - Large 'small' buttons

Question

I am making a custom Google Map and trying to get the ZoomControl to look like the one here, but if I use ZoomControlStyle.SMALL I get very small zoom controls (see first screenshot) and if I use ZoomControlStyle.LARGE I also get small zoom buttons but also the 'bar' (second screenshot).

I was wondering if there was a way to get the larger zoom control without the bar, I can't seem to find the option in the documentation and if you directly copy the code they supply, it shows up different than they display, oddly enough.

ZoomControlStyle.SMALL

ZoomControlStyle.LARGE

???

Answer 1

You need to set "signed_in=true" in the API include.

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry&signed_in=true"></script>

fiddle demonstating that UI

See the documentation on signed in maps for more details.