On June 2016 Google announced that websites using the Google Maps Javascript API would no longer support keyless access. That means that to use a Google Map on your website you’ll need a Google account and an API key. This short guide will walk you through the steps to get set up.

Step 1
If you don’t already have one you’ll need to set up a Google account.

Step 2
Once you are logged in to your Google account, visit Google Maps Platform & click Get Started.

Step 3
Check mapsroutes & places then click continue.

Step 4
Select ‘Create new project’ from the select box and give it a name.
Click next.

Step 5
You will be asked to set up a billing account, which is mandatory in order to get an API key. Click create billing account and follow the on-screen instructions.

Although you must have a billing account set up, the first $200 of requests per month are free which will be enough for the majority of small – medium traffic websites. You can find out more on the pricing structures here.

Step 6
Once you have enabled billing, you will be returned to the API setup. Click next to enable Google Maps Platform.

Step 7
Your API key will appear on screen, make sure to copy it and keep it safe. You’ll need to provide this to your developers to activate your Google Map.

Step 8
It’s best practice to secure your API, ensuring it can only be used on your website. Click secure credentials at the top of the project dashboard.

Step 9
Enter a name for the API, then select HTTP referrers (web sites) under application restrictions and input your full web address. You may also be asked to add a development domain by your web designers.

Click save.

All done!

For further information on google maps API keys, see here.