How to create Google API key in google developers console for web application | 2my4edge

09 March 2017

How to create Google API key in google developers console for web application

As i told in the previous post, here i'm going to explain you about how to create google Api key using google developers console website. Creating Google Api is very simple process. but we need to know about the process. here i going to explain about that only. Let see it.

How to create google map API

Here i'm going to explain you step by step process.

Check out the video tutorial

STEP 1 . Login in to your google / gmail account. or directly https://console.developers.google.com/ click on the link then login with your google / gmail account.

STEP 2. After successfully signing in, you can see the screen link the below. Click on Credentials to create a project.

How to create google map API credentials

STEP 3.  Then you will get create new project page. like the below image.

How to create google pi new project

STEP 4.  Click CREATE. then you project will be created. Then you can see the screen like the below to create credential of API Key.

Create api


STEP 5. click and API key you can see the screen like the below image.

API created
STEP 6. Copy that API key and use it, Then if you want to edit the API key and it's details click on edit button. then you will get screen like the below image.

Customize google api

Edit the details as you need.

STEP 7.  Then choose which library you want from google. choose that now i'm going to select it for google map javascript.

Choose library

STEP 8. Then in Dashboard ENABLE the google javascript API.

enable api


STEP 9. That's it. it is finished. Now you can monitor all the activities of Api in Developer console.
monitor api

STEP 10 : And finally copy that API key and paste that in Google url Api parameter.
<script async defer 
 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCWjSQkpYWRMa93lsB6UbQ8jeEWtH7J43s
&callback=initMap">
    </script>


That's it. I hope you guys can understand this. Please try to make Api for your projects. Very soon oi will update you video tutorial of this post. Thank you.

4 comments:

  1. We need video tutorial for google app creation

    ReplyDelete
    Replies
    1. Here is the video tutorial @karthick M

      https://youtu.be/G6a-UbG0KGk

      Delete
  2. Dear Sir

    This is good website for newbie's like me.

    Sir I'm requesting you to update some tutorials for angular js also so that we can learn angular js completely.

    Thanks & Regards

    ReplyDelete

^