This website uses cookies in order to offer you the most relevant information and services online. Please accept cookies for optimal performance.
Learn More

Generate a Google Maps API Key

From July 2016, Google requires every users who wants to display maps on their websites to have an API key. Without the API key your website may not display the map.

This article will walk you through creating a Maps Key at Google.

Enter the URL https://console.cloud.google.com in your web browser.

Upon doing so you will immediately be taken to the secure login page as shown in Figure 1.

Figure 1
Figure 1

Enter your Email and click the 'Next' button as shown in Figure 1. Then enter the Password and click the 'Sign in' button.

After your entered credentials have been successfully authenticated, you shall land on the Home Page as shown in Figure 2.

Figure 2
Figure 2

From the 'Project' drop menu, click the sub-menu 'Create project'. Upon doing so a pop-up will appear where you can enter the application name to create the new project as shown in Figure 3.

Figure 3
Figure 3

Once the new project is created, click on the 'API Manager' menu as shown in Figure 4.

Figure 4
Figure 4

Upon doing so, the system will open the application dashboard page as shown in Figure 5.

Figure 5
Figure 5

In order to create a web application, click on the 'OAuth consent screen' as shown in Figure 6 from the credential dashboard.

Figure 6
Figure 6

Fill the 'Product name shown to users' text box as your application name as shown in Figure 7. You may also fill in the other optional fields in this form. Click the 'Save' button in order to save the entered details.

Figure 7
Figure 7

On successful submission of the 'OAuth consent screen', Google console will return to the 'Credentials' page as shown in Figure 8. Now click on the 'Create Credentials' button as shown in Figure 8. Upon doing so, a pop-up menu will appear from where you need to click on OAuth client ID link as shown in Figure 8.

Figure 8
Figure 8

Upon doing so, Google console will open a form where you need to fill in the required details as shown in Figure 9. Choose the 'Application type' as 'Web application'. Once you choose the application type, the detailed form will appear as shown in Figure 9. Fill in the 'Name' as your 'Application Name'. Enter the 'Authorised JavaScript origins' as your website URL. After entering the above details click on the 'Create' button and Google console will create the 'OAuth client ID' for your application.

Figure 9
Figure 9

On successful submission, Google console will create 'client ID' and 'client secret' as shown in Figure 10. Store the key with you securely for future reference and use.

Figure 10
Figure 10

Now your API keys are created but it is not enabled. In order to enable your API keys click the menu 'Dashboard' from the credential page as shown in Figure 11.

Figure 11
Figure 11

Click on the 'ENABLE API' link on the application Dashboard as shown in Figure 12.

Figure 12
Figure 12

Upon doing so Google console will open the 'Google APIs Library' page as shown in Figure 13. Here you need to choose the particular API that you want to enable for the application. For 'Map API' choose 'Google Maps JavaScript API' from the 'Google Maps APIs' list as shown in Figure 13.

Figure 13
Figure 13

Upon doing so Google console will open the 'Google Maps JavaScript API' dashboard. Click on the 'ENABLE' link as shown in Figure 14.

Figure 14
Figure 14

Upon doing so Google console will enable the API for your web application use and will show the API dashboard as shown in Figure 15.

Figure 15
Figure 15

Give your feedback to improve the article

Latest Product Updates

Get the latest news and updates about Batoi Products - articles and product releases.

Need our assistance? We are available with you.

Existing Customer?
Get Support
Talk To Consultant?
Get An Appointment
Contact Us

Batoi global offices and contact details

Stay Connected

Join our community, newsletters, and social media.

Batoi's new website is in the process of release and will be completed by the end of September 2020. Please bear with us.