Hiding map for mobile devices, chrome marker issue

Hi there

Thank you for getting in touch with us.

We’d need to add in a few lines of custom JavaScript to the page to accommodate this as the map would need to be re-initialized as soon as the screen size reaches a certain break point.

Please confirm what sort of screen size you’d like the map to be hidden at, and I’ll gladly send you the required code to achieve this ??

I would like it to be shown at minimum width of 768px.

Thanks for quick response and quick solution, I thought I will have to go back and forth a lot to explain exactly what it is happening but you did it in single post.

Hi there

Only a pleasure.

Please go to wp-google-maps/js/wpgmaps.js and scroll down to line 148. You’ll find a block of code that is currently commented that provides similar functionality for resizing the map.

Please replace this code with the following:

	var map = this.map;
	google.maps.event.addDomListener(window, "resize", function() {
        var window_width = jQuery(window).width();
        if( window_width <= 768 ){
            jQuery("#wpgmza_map").hide();
        } else {
            jQuery("#wpgmza_map").show();
            var center = map.getCenter();
            google.maps.event.trigger(map, "resize");
            map.setCenter(center);     
        }
	});

I hope this helps?

• This reply was modified 7 years, 3 months ago by Jarryd Long. Reason: Code formatting

Great! It works perfectly.

I just went ahead and uncommented that block of code, any reason that code is commented at the moment?

Thanks.

Hi there

So glad to hear!

We’d commented it out as we found that some users had experienced a ‘flickering’ effect on their maps – unfortunately we weren’t able to replicate the issue consistently on our side to rectify that.

I hope this helps?

Yes thanks for explanation. I am not experiencing any flickering so I guess it’s good.

Maybe you can resolve flickering issue by debouncing the event, it basically stops resize event from triggering too frequently and adds some delay between two triggers. Just offering a suggestion in case it helps you.

Thanks.

Hi there

Only a pleasure.

Thank you so much for your feedback, I’ll definitely look into this.

Just shout if there’s anything else I can assist you with ??