Support » Plugin: WP Google Map Plugin » Map showing empty map in tab

Viewing 9 replies - 1 through 9 (of 9 total)
  • I am having the exact same issue, I am using an accordion. Please assist.

    Reference: https://expressmodular.com/travel-tour-program-2/

    oddly enough it works when i resize the page.

    same issue for me as seen here, using an accordion to have multiple maps on one page. only the tab open displays correctly on load

    http://oregunbst.com/ffl-locator/

    Plugin Author Flipper Code

    (@flippercode)

    Hello,

    We’re releasing a new version 3.1 and this issue will be resolved using resize_map method.

    Thanks

    Same issue for me. some problem like this has been fix using this code below.

    google.maps.event.trigger(map, "resize");

    But I don’t know to using above code for this plugin.

    Hi,

    I have the same issues, do you have a document or an example about how to use the resize_map function ?

    Thank you so much 🙂

    Plugin Author Flipper Code

    (@flippercode)

    Hello,

    We have released a new version 3.1 where we have added resize_map function. Below is example code if you’re using https://wordpress.org/plugins/tabby-responsive-tabs/ for your tabs functionality.

    <script>
    	jQuery(document).ready(function($){
    
    		$('.responsive-tabs__list__item').click(function(){
    			$("#map4").data('wpgmp_maps').resize_map();
    		});
    
    	});
    </script>

    Overall logic is you need to resize map when you click on tab. You need to replace map4 to your map id.

    Thank

    Hi,

    Thanks so much for your response :). BTW, I update the plugin and try the above code but it says

    jQuery(…).data(…).resize_map is not a function

    I also tried outputting the jQuery(“#map1”).data(‘wpgmp_maps’) out and it show up as GoogleMaps object as this screenshot.

    View post on imgur.com

    Hi,

    I tried searching through the plugin files but couldn’t find the resize_map function on latest plugin version.

    BTW, I trigger the window resize function directly and it seems to be okay now 🙂

    if( typeof(google.maps.event) != 'undefined' ){
    	google.maps.event.trigger(window, 'resize');
    }

    Hi,

    I have installed the new version of the plugin.

    I have lots of maps on my site over 700. So I was hoping for a solution that doesn’t involve my manually calling each map (#map4).

    There will only ever be one map on a page so is there a way to call #map?

    Also I’m not using the tabby-responsive-tabs plugin. I am using WPBakery Visual Composer’s tabs.

    thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Map showing empty map in tab’ is closed to new replies.