Map not loading

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author supsystic

    (@supsysticcom)

    Hello!
    I cannot reproduce the issue on your site. All maps are loading – https://prnt.sc/dtugxn
    Please check it again. If you still will have problem with map – tell me what operating system and browser do you use?

    Thread Starter Aakanksh Patel

    (@aakankshkarma)

    Hi

    Thanks for quick replay as site is lived so used iframe code please check here on demo server https://dohoster.com/aracsa/contact-us/

    Thanks

    Plugin Author supsystic

    (@supsysticcom)

    Hello!
    The problem is that your maps are located in tabs which are hidden by default when the page is loaded. Please follow next steps –
    1. You need to add ID of map to this tab. It should look like this –
    <li role=”presentation” class=”active” data-map_id=”3″> <i class=”fa fa-laptop”></i> <span>Map 2</span>

    2. Then you need to add script into the any js file of your theme which is loaded on the page with tabs. This script must refresh map when tab will be open. For this you can use such javascript code –

    jQuery(document).ready(function() { 
var tabSection = jQuery('#myTab_4228'); 
if(tabSection.length > 0) { 
// Find all tabs 
tabSection.find('li').each(function() { 
// Get map id 
var mapId = jQuery(this).data('map_id'); 
// Check, is this tab contains map or not 
if(mapId) { 
jQuery(this).on('click', function() { 
// Call the function from Google Maps Easy plugin to refresh map after the tab opening 
gmpGetMapById(mapId).refresh(); 
}); 
} 
}); 
} 
});

    Please try this for every map in tab (except first map). If you will need our help – just let us know.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Map not loading’ is closed to new replies.