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.

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.

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 UABB Google Map API option with the new API key. Following are the steps –

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

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

Step 3 – To CREATE BILLING ACCOUNT, select the country. Click Confirm.

Step 4 – Add Customer info.

Step 5 – Choose the Payment method and add payment details. Click Submit and enable billing.

Step 6 – Select website from the Account Overview page.

Step 7 – Choose Maps Javascript API

Step 8 – Enable maps for your website.

Step 9 – Choose APIs credentials.

Step 10 – Select API Key option.

Step 11 –  Copy the generated API key.

Step 12 – Select HTTP referrers for your site.Step 13 – You can see map usage on your account overview page.

How to add Google Map API key in UABB’s Google Maps option?

From the WordPress dashboard, navigate to Settings -> UABB -> General Settings > Google Map API Key.

Once you are done with the above steps, then you can use the google map element.

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“