Written Walkthrough

To use Google Maps features on your site, such as address auto-completion in the eCommerce module, maps on your events or displaying location pins in the Locations module, you will need to enable specific APIs in your Google Cloud account.

1. Navigate to your Google Cloud Dashboard by following this link: https://console.cloud.google.com/home/dashboard
   
   

2. In the top-left corner, click on the hamburger menu icon represented by the 3 horizontal lines.
   
   

3. In the slide-out navigation shade, hover your mouse over APIs & Services then click on the Enabled APIs & Services link.
   
   

4. At the top of the screen, click on the Enable APIs and services button.
   
   

5. In the search box at the top of the page, type in “geocoding”.
   
   

6. In the search results page, click on Geocoding API.
   
   

7. On the Geocoding API page, click on the Enable button.

   If the blue button enable button says “Manage”, you already have this API enabled.
   
   If you have already enabled other Google API keys (e.g. Google Maps APIs), google translate will now function using the existing API key you have already created. If not, continue with the following steps.

8. If this is the first API you have enabled, a popup will appear with your API key, you can ignore this for now. You will also see a Protect your API key option, click on Maybe later. We will be configuring this later.
   
   

9. Complete steps 3-8 for each of the following APIs:

   1. Geocoding API (already done)

   2. Maps JavaScript API

   3. Places API
      
      

10. In the top-left corner, click on the hamburger menu icon represented by the 3 horizontal lines.
    
    

11. In the slide-out navigation shade, hover your mouse over APIs & Services then click on the Credentials link.
    
    

12. Click on your newly created Maps Platform API Key link under API Keys.

    
    

13. Under API restrictions choose the Don’t restrict key option.

    
    

14. Under Application restrictions choose the Websites option.

    
    

15. Click the Add button that appears under Website restrictions and enter the following where YOUR_DOMAIN is your websites domain name.
    
    http://*.remwebsolutions.ca/*

    https://*.remwebsolutions.ca/*

    https://*.YOUR_DOMAIN/*

    https://YOUR_DOMAIN/*
    
    e.g. If this was for AODA Websites, you would replace YOUR_DOMAIN with aodawebsites.ca.com.
    
    

16. When done, click on Save at the bottom.
    
    

17. Finally, click on the Show key button beside your Maps Platform API Key. In the popup window, click on the copy icon to the right of the key.

    
    

    Make sure to only provide this key to REM via the copy link option. The font used sometimes makes it difficult to extract the key value from screenshots.

Video Walkthrough