How to Load Map Zoomed in on Mobile

Hi @purplehoodadventures

Thank you for getting in touch.

We don’t presently support a separate zoom level for mobiles, however we can provide you with some JavaScript to achieve this.

What zoom level are you looking to use on mobile devices?

Kind regards
– Perry

Hi Perry, I’m not sure, but x1 seems to do the trick to fill it in an cover the entire space. I appreciate your help! Also if you could help me know where exactly to enter in the Java code, that would be helpful. Thanks so much!

Hi @purplehoodadventures

Please try this code, you need to insert this in Maps -> Settings -> Advanced in Custom JS:

jQuery(function($) {
	$(window).on("init.wpgmza", function(event) {
	
		var map = event.target;
		
		if(WPGMZA.isTouchDevice())
			map.setZoom( map.getZoom() + 1 );
	
	});
});

Does that have the desired behaviour?

Kind regards
– Perry

Hi, I’m having a tough time finding where that is. On my WP editor site, there is no “maps” option to go to. What I’m using is “Map with Destinations” version of Google Maps on the Backpack Traveler Theme. I can’t seem to locate much of any setting for it period. The places I thought it might be in, the code didn’t change anything. Any thoughts? Thank you!

Hi @purplehoodadventures

My apologies for the delay in responding,

I’ve just taken another look at your page and I can see this site isn’t actually running our plugin, which explains why you can’t find that particular menu.

If you’d like to try our plugin, please check out “WP Google Maps” in your WordPress plugins menu.

Does that help?

Kind regards
– Perry