How to register a free Google Maps API key

Google has changed the Google Maps API on June 22nd 2016, requiring a mandatory Google API key for all sites, which call the Google Maps API services for the first time after June 22nd 2016 – full details here.

If your site/domain is also affected (and you are using Leaflet Maps Marker v3.10.6 or Maps Marker Pro v2.7.3 or greater), you will see the following error e.g. when trying to create a new layer map with Google Maps as basemap:

google-on-site-error

So in order for Google Maps and geocoding on backend to work again, you need to register for a free API key that can be obtained from the Google API Console. 

We created the following tutorial which will help you in creating your Google Maps API key:

Tutorial: how to register for a free Google Maps API key

1. navigate to https://console.developers.google.com/apis/ and login with your existing Google account or create a new Google account first by clicking on the link “Create Account”:

google-account-login

2. navigate to https://console.developers.google.com/apis/library and click on “Google Maps Javascript API”:

google-javascript-api

3. next click on button “Create project”:

google-create-project

4. Fill in the project details, accept the ToS and press the button “create”:

google-project-details

5. enable the “Google Maps Javascript API” by pressing the button “Enable”:

google-js-api-enable

6. now click on “Go to Credentials”:

google-credentials

7. select “Google Maps Javascript API” from first dropdown and “Web browser (Javascript) from second dropdown, then press button “What credentials do I need?”:

google-credentials-step2

8. click the button “Create API key”:

Optional: add referrer restrictions so that API key is only valid for requests from your domain only. Just be aware, that if you are using different domains on backend than on frontend or your site is reachable via several domains, that those domains need to be added here too!

google-credentials-step3

9. copy your API key to your clipboard or notepad for example and then press the button “Done”:

google-js-key-finished

10. now click on “API Manager” to get back to Google API overview:

google-back-to-api-manager

11. now click on “more” to show all available “Google Maps APIs”:

google-apis-show-more

12. now click on “Google Places API Web Service”:

google-places-step1

13. now click the button “Enable”:

google-places-step2

14. login to your WordPress site and navigate to “Maps Marker Pro” / Settings:

google-mmp-nav1

15. click on “Google Maps”, enter your API key from step 9 into the field “Google Maps API key” and press “Save Changes”:

google-finish-in-mmp

Done. Now you should also be able to create new Google maps and use the address search:

google-check-finished

If you experience any issue, please open a support ticket and we will be glad to help!