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/
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 🙂
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://ww.wp.xz.cn/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.
