[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

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