Question

Does anyone know how to get the current style being used by the map zoom control?

e.g. google.maps.ZoomControlStyle.SMALL, or google.maps.ZoomControlStyle.LARGE

You can specifiy the start style in mapOptions but the map changes the style to small if the web browser is resized too small, or the map is being viewed on a touch device.

I show custom labels next to the zoom control on http://www.topomap.co.nz and would like to hide the labels if the control style becomes SMALL.

Answer 1

A bit of a hack that is likely to need revising in future Google Maps API releases as the graphics get tweaked by Google:

function isFullGoogleZoomControl() {
    return $("#map .gmnoprint img[src$='mapcontrols3d7.png']").length > 0;
}

Note: Requires jQuery for the selector.

Update to include support for IE10 with touch screen:

function isFullGoogleZoomControl() {
    return $("#map .gmnoprint img[src$='mapcontrols3d7.png']").length > 1;
}