How to create Google API key in order to make the Google Maps element work?

Google has recently launched the Google Maps Platform to manage the maps used on your websites.

With this launch, the process to get Google Maps API key has changed.

From June 11, 2018, it is mandatory to enable the billing account with a credit card/bank account details and have a valid API key for all projects.

Here is an article that shows how to enable billing account and get a new API key. Once you generate an API key, make sure to update it in plugin’s Google Map settings.

Do I need to pay anything to use a new API key?
Not initially! After creating a billing account in the Google Maps Platform, you will gain access to your $200 of free monthly usage. After that, the charges will be applied as per the standard rates decided by the Google Maps Platform.

Following are the steps that will help you get an API key to use Google Maps

Step 1 â€“ Follow this link in order to generate your API key. Click the GET STARTED button.
Select Maps from the list and click to CONTINUE.

Google Map New Api 1 1024x524 1

Step 2 â€“ Create a new project or select one from the existing ones. Click Next.

Google Map New Api 2 1024x524 1

Step 3 â€“ To CREATE BILLING ACCOUNT, select the country. Click Confirm.

Google Map New Api 3 1024x524 1

Step 4 â€“ Add Customer info.

Google Map New Api 4 1536x786 1

Step 5 â€“ Choose the Payment method and add payment details. Click Submit and enable billing.

Google Map New Api 5 1024x524 1

Step 6 â€“ Select the website from the Account Overview page.

Google Map New Api 6 1024x524 1

Step 7 â€“ Choose Maps Javascript API

Google Map New Api 7 1024x524 1

Step 8 â€“ Enable maps for your website.

Google Map New Api 8 1024x524 1

Step 9 â€“ Choose APIs credentials.

Google Map New Api 9 1024x524 1

Step 10 â€“ Select API Key option.

Google Map New Api 10 1024x524 1

Step 11 â€“  Copy the generated API key.

Google Map New Api 11 1024x524 1

Step 12 â€“ Select HTTP referrers for your site.

Google Map New Api 12 1024x524 1

Step 13 â€“ You can see map usage on your account overview page.

Google Map New Api 13 1024x524 1

How to add Google Map API key in the Ultimate Addons Google Maps module?

1. From the WordPress dashboard, navigate to Ultimate > Google Maps and paste the API key here.

Google Map Api Uavc 1024x524 1

Note: These steps are also applied to the users who have the google map issue on their site, and getting this error  in console: “Google Maps API error: MissingKeyMapError“