Make a Google Project and enable APIs

To use the Maps JavaScript you must have an API key. The API key is a unique identifier that is used to authenticate requests associated with your project for usage and billing purposes.

To get an API key:

  1. Go to the Google API Console.
    1. Click the project drop-down and select or create the project for which you want to add an API key.

https://i.imgur.com/OTWetdV.png

  1. Click the menu button and select Library.

https://i.imgur.com/9gS45fK.png

  1. Find Maps JavaScript API and enable it.

https://i.imgur.com/RP2Oz0z.png

Required APIs per project type

You will need the “Maps JavaScript API

  1. Click the menu button and select Credentials and click Create credentials > API key

https://i.imgur.com/UWoosIR.png

The API key created dialog displays your newly created API key.

https://i.imgur.com/P40twZC.png

The new API key is listed on the Credentials page under API keys.

(Remember to restrict the API key before using it in production.)

Copy the API Key and paste in your settings