Create Google map API key free

-

Get API Key

Quick guide

Step 1: Get an API key

Click the button below, to get an API key using the Google Cloud Platform Console. You will be asked to (1) pick one or more products, (2) select or create a project, and (3) set up a billing account. Once your API key is created you will be prompted to restrict the key's usage. (For more information, see Restricting an API key.)
GET STARTED


Step 2: Add the API key to your app

When loading the Maps JavaScript API, substitute YOUR_API_KEY in the code below with the API key you got from the previous step.











  <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>

Detailed guide

Follow these steps to get an API key and add restrictions:

    1. Go to the Google Cloud Platform Console.
    2. From the Project drop-down menu, select or create the project for which you want to add an API key
    3. From the  Navigation menu, select APIs & Services > Credentials.
    4. On the Credentials page, click Create credentials > API key. 
      The API key created dialog displays your newly created API key.

    5. On the dialog, click Restrict Key. 
      (For more information, see Restricting an API key.)

    6. On the API key page, under Key restrictions, set the Application restrictions.
      • Select HTTP referrers (web sites).
      • Add the referrers (follow the instructions).
      • Click Save.













    Comments

    Post a Comment

    Popular posts from this blog

    How To Migrate MVC 3 Application To MVC 5

    -
    Image
    Introduction In this article we discuss about how to migrate an MVC 3 application to MVC 5. Step 1:  Open your MVC 3 application in Visual Studio and change the .net framework to 4.7.2 as MVC 5 runs on this framework. MVC 3 Project Property Project → Properties → Application → Target Framework → 4.7.2 For Set MVC 5  Note:  targetFramework in Web.Config will be changing to 4.7.2 Step 2:  Install Asp.Net MVC 5 version through Package Manager Console. Run this Command: Install-Package Microsoft.AspNet.Mvc -Version 5.7.2 Nuget Package Manage → Package Manager Console and run above command. Step 3:  Go to Web.Config(root level) and change, <add key="webpages:Version" value="1.0.0.0" /> to <add key="webpages:Version" value="3.0.0.0" /> webpages:Version Step 4:  Check System.Web.Razor, System.Web.Helpers, System.WebPages.Razor versions. These all should be having versions 3.0.0.0. If th...
    Read more

    Populate a drop-down in Vue.js and Asp.net Core from an ajax call

    -
    Image
      If you want to call a function on page load and Bind Drop down  List in Vue js then in this example i will show you how to trigger function on page load in vue js. we will run function on page load vue application. we mostly require to call method on page load in our application. so you want to call function in Vue.js app then you can do it using created option in vue js. So i will give full example so you can check it out. Index . cshtml < div id ="apps">     < div class ="form-group">         < label class ="control-label"> State </ label >         < select v-model ="state" class ="form-control" v-on:change ="getcity($event)">             < option v-for ="state in States" : value ="state.stateId"> {{ state.stateName }} </ option >       ...
    Read more

    Building a CRUD Application with Ag-Grid

    -
    Image
    To Create Crud operation In Ag-Grid using C# MVC here Is a Download Link  Click here.. Bundle Config bundles.Add( new ScriptBundle( "~/bundles/jquery" ).Include(                          "~/Scripts/jquery-1.12.4.js" ,                         "~/Scripts/jquery-ui-1.12.1.js" ,                         "~/Scripts/bootstrap.js" ,                           "~/Scripts/jquery.validate*" ,                     ...
    Read more