Categories

Featured templates

CherryFramework 4 Troubleshooter. Google Maps do not show up (API key issue)

Daniel Morales July 13, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

This tutorial will show you how to deal with ‘This page was unable to display a Google Maps element’ error in WordPress templates based on Cherry Framework 4.

Google announced some changes to the Google Maps APIs authentication and usage limits.

Usage of the Google Maps APIs now requires a key. If you are using the Google Maps API on localhost or your domain was not active prior to June 22nd, 2016, it will require a key going forward. This is why such error occurs.

CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_0

To resolve the issue, follow the steps below:

  1. Go to https://developers.google.com/maps/documentation/javascript/get-api-key website and create an authentication key by clicking on a ‘Get a Key’ button;

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_1
  2. Select ‘Create a project’ option and click ‘Continue’;

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_2
  3. Specify the required credentials: Name, Website URL and hit ‘Create’ button;

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_3
  4. Copy your new API Key:

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_4
  5. Login to your WordPress Dashboard. Update Cherry Shortcodes plugin to the latest version. You can download the latest version here.

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_5
  6. Go to Cherry Options > General menu. Insert your Google API key into the required field. Save the changes:

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_6
  7. Refresh your website to see the changes applied. Google Map shows up properly now:

    CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_7
Innovative Wordpress Themes
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged api, CherryFramework4, map, troubleshooter, WordPress. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket