How to create Google API key in Google Maps Widget of UAE?

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 UAE Google Map Widget with the new API key.

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 a great video by Ferdy Korpershoek on this topic

In case needed, below is the step by step instructions –

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 API

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

Add a project to enable google maps

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

Setup google maps platform billing profile

Step 4 – Add Customer info.

Setup google maps platform billing profile 2

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

Setup google maps platform payment method

Step 6 – Select website from the Account Overview page.

Select website from the Account

Step 7 – Choose Maps Javascript API

Choose Maps Javascript API

Step 8 – Enable maps for your website.

Enable maps for your website

Step 9 – Choose APIs credentials.

Choose APIs credentials

Step 10 – Select API Key option.

Select API Key option

Step 11 –  Copy the generated API key.

generated API key

Step 12 – Select HTTP referrers for your site.

Select HTTP referrers

Step 13 – You can see map usage on your account overview page.

Google map usage overview

How to add Google Map API key in UAE’s Google Maps widget?

1. From the WordPress dashboard, navigate to Settings -> UAE -> Google Map Settings

Enable UAE google map widget

2. Paste the Google Maps API key in UAE’s Google Map API key option. Save changes.

Add your api key

Once you are done with the above steps, you are all set to use the Google Maps widget on your website!

Note: These steps are also applicable to the users who have the Google Maps issue on their website, and are getting the following warning in the console: “Google Maps JavaScript API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys

Check for console warnings
Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Get access to growing library of 50+ innovative widgets and 300+ creative templates.

Scroll to Top