My Map is Not Showing On My Website

If you are not seeing this error message, please continue with Are You Trying to Display the Map in Tabs or Accordions.

Are You Trying to Display the Map in Tabs or Accordions?

If you are trying to display the Map in a Tab or an Accordion  and your Map is not displaying on the front-end of your site, you’ll need to modify the WP Go Maps code to work with your particular Tab or Accordion implementation.  We have implemented a check for this but it may not work as it should with your particular theme or plugin.

Please open wp-google-maps-pro/js/core.js in a text editor and search for the following code:

jQuery('body').on('tabsactivate', function(event, ui) {
for(var entry in wpgmaps_localize) {
InitMap(wpgmaps_localize[entry]['id'],'all',false);
}
});

Directly below this text, add the following:

jQuery('body').on('click', '.the_class_name_of_your_tab_or_accordion', function(event, ui) {
for(var entry in wpgmaps_localize) {
InitMap(wpgmaps_localize[entry]['id'],'all',false);
}
});

Replace the ‘.the_class_name_of_your_tab_or_accordion’ with the relevant class name of the element from your plugin or theme.

If this code above does not work properly, you can try adding the following:

jQuery('.the_class_name_of_your_tab_or_accordion').click(function() {
setTimeout(function(){
for(var entry in wpgmaps_localize) {
InitMap(wpgmaps_localize[entry]['id'],'all',false);
}
},500);
});

You can then set the timeout in milliseconds (where the 500 is) to what you require on your site, either a higher or lower number.

Change the modified file and upload back to the appropriate folder on your web server. Refresh the page that contains the Map’s shortcode in your browser. If the Map is still not showing, please continue with Determine Whether Your Page is Producing Any JavaScript Errors.