If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

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.

PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_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 the ‘Get a Key’ button;

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_1

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

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_2

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

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_3

  4. Copy your new API Key:

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_4

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

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

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_5

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

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_6

  8. Download and install the ‘mpgooglemapsfix’ module;

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

    PrestaShop_1.6_Troubleshooter._Google_Maps_do_not_show_up__API_key_issue_7