My Map is Not Showing On My Website
Please try the following steps in sequence to resolve maps display issues
Please ensure you have followed these instructions for Creating a Google Maps API keyο»Ώ. We suggest you go through that article thorougly, comparing the information there with your own Google API Manager project. If after doing so, you are sure you have followed these instructions and that all of the required APIs are enabled, then refresh the page that contains the Mapβs shortcode in your browser. If the Map is still not showing, please continue with Flush/Empty/Delete Your Cache.
Please ensure that your flush (or empty or delete depending on the software used) your cache files. If your web hosting provider has caching enabled on the web server, ensure that cache is emptied as well. If you are using the CDN option on your caching plugin, please ensure that XML files are excluded from the CDN.After doing so, refresh the page that contains the Mapβs shortcode in your browser. If the Map is still not showing or if you know you are not running any caching software in WordPress or on your web server, please continue with Check Your Themeβs footer.php File
Some custom WordPress theme developers forget to install a very important standard WordPress hook called wp_footer(); which many plugins, including WP Go Maps, use.
Ensure that your themeβs footer.php file has this hook by doing the following:
Log in to the admin section of your WordPress site as an Administrator.
Go to
WordPress Dashboard -> Appearance -> Theme Editor
Note: This function may be deactivated for security reasons and the Editor option may not be present on your WordPress site. If this is the case, youβll need to view your WordPress themeβs footer.php file using a text editor and FTP. While viewing the footer.php file make sure that wp_footer(); is called just before the closing tag. See the image below for an example. If the wp_footer(); code is missing from your theme add this line to your themeβs footer.php file: . Note: This example is based on the previous line being straight HTML (which it normally is). If the line in your theme is PHP code use this code instead wp_footer(); ?>. If you have changed the footer.php file, save it and upload it to your server to your themeβs folder (where you downloaded it) if you are working with the file via FTP. If you modified your footer.php file, refresh the page that contains the Mapβs shortcode in your browser. If the Map is still not showing or if you did not modify your footer.php file, please continue with Verify That jQuery is Installed.
If jQuery is not installed in your WordPress theme, you should be seeing the following error message where your Map should be displayed:
If you are seeing this error message, please follow the troubleshooting steps in the Iβm Getting a βjQuery not foundβ Errorο»Ώ document
If you are not seeing this error message, please continue with 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:
Directly below this text, add the following:
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:
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.
Use this WordPress tutorial to help identify JavaScript errors on your websiteβs front-end. See https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors#Chromeο»Ώ
Alternatively, review this page for further help.
The WP Go Maps Plugins allow you to enter custom JSON theme data. It allows you to style the map to suit your site. However, there are some cases where the lack of a theme will cause the Map or the Markers to no longer show on your site. To rectify this, please navigate as follows to select a present theme and save the map
WP Go MAPS -> Maps (edit your chosen map) -> Themes
ο»Ώ