Can't Display Zoom Slider Control

G’day,

That’s something I don’t have a setting for at present. I have the map set to use google.maps.NavigationControlStyle.SMALL which doesn’t give you the slider. I’ll mark this down as something to add to the new version!

cheers,
Ross

Ahh, I see. I can now stop worrying that I’ve done something wrong!

Thanks for the rapid response, Ross, it’s very much appreciated.

Top plugin + Top support!!

Now available in v1.7.0 ??

Great work Ross.

Thanks for the top support – masively appreciated!!

I’ve finally had a chance to try implementing the hidezooming=”false” command on a client’s website (https://www.personalalcohollicence.co.uk/personal-licence-course-isle-of-wight/) but only had partial success with it so far I’m afraid.

For the benefit of others I should mention that in order for the zoom slider to appear on desktop computer browsers I had to include hidezooming=”false” AND zoomstyle=”default” (or “large” also works). Once I’d put both of these in place I thought I’d cracked it, but when the map is viewed on a mobile browser the slider unfortunately doesn’t appear (which is slightly frustrating, as this is my main aim).

Apologies in advance if this is just an anomoly, caused by some sort of conflict with the theme I’ve used, but if someone else has managed to successfully get the zoom slider to appear on a mobile device then I’d be very grateful to hear about it – and possibly find out what they did to get it working.

Thanks all,
Ben

G’day Ben,

That’s a limitation of the maps API. It detects mobile and uses the small zoom control, even when you’ve set default or large. I think it’s for reasons of usability, with fat fingers (like mine) you can end up moving the map around instead of sliding the slider, so they just put the +/- buttons there instead.

cheers,
Ross

Thanks for letting me know, Ross. I hunted around on the internet and was slowly coming to that conclusion.

I know what you mean about the fat finger problem on tiny screens. I personally find that scrolling down a page past a Google map on mobile devices is pretty much impossible unless the drag command is set to ‘off’ (with draggable=”false”).

Does anyone know if there might be some kind of simple CSS workaround to turn the zoom slider on, like the one mentioned here?: https://stackoverflow.com/questions/8511436/zoom-control-and-streetview-not-showing-on-my-google-map

Best,
Ben

G’day Ben,

That’s not your issue here (in fact, the CSS my plugin loads has a fix specifically for that problem because a lot of popular themes do it).

The switch from one zoom control mode to another is done by Google in JavaScript, so it’s really down to what they permit. I’ll have a look at what happens in the next version of their API (it’s on my TODO list to switch the plugin up a version) but I wouldn’t hold out hope.

cheers,
Ross

Hi Ross,

Thanks very much for letting me know the score about that. Otherwise I probably would’ve wasted loads of time attempting to fix it myself.

Really appreciate your rapid response too. Top work!

Cheers,
Ben