PrestaShop 1.6.x Troubleshooter. Google Maps do not show up (API key issue)

This tutorial will show you how to deal with the ‘Google Maps API error: MissingKeyMapError’ error in Prestashop templates.

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.

To resolve the issue, follow the steps below:

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

   

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

   

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

   

4. Copy your new API Key:

   

5. Login to Prestashop dashboard. Navigate to ‘Module and Services’ menu;

6. Update the ‘TM Google Map’ module to the latest version;

   

7. Configure the ‘TM Google Map’ module inserting your Google API Key into the required field. Save the changes:

   

8. Download and install the ‘mpgooglemapsfix’ module;

9. Refresh your website to see the changes applied. Google Map shows up correctly: