{"id":5852,"date":"2018-05-13T21:32:24","date_gmt":"2018-05-13T15:47:24","guid":{"rendered":"https:\/\/hashthemes.com\/?post_type=articles&#038;p=5852"},"modified":"2024-05-17T12:23:32","modified_gmt":"2024-05-17T06:38:32","slug":"create-a-google-maps-api-key","status":"publish","type":"articles","link":"https:\/\/hashthemes.com\/articles\/create-a-google-maps-api-key\/","title":{"rendered":"Create a Google Maps API Key"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Getting Started<\/h4>\n\n\n\n<p>Navigate to the&nbsp;<a href=\"https:\/\/mapsplatform.google.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Maps Platform<\/a>&nbsp;and click on the&nbsp;<strong>Get Started<\/strong>&nbsp;button in the top right corner of the site.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Enable Google Maps Platform<\/h4>\n\n\n\n<p>Select the Maps, Routes and Places check boxes and press continue.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"698\" height=\"445\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/pick-product.png\" alt=\"\" class=\"wp-image-5855\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Select a Project<\/h4>\n\n\n\n<p>If this is your first time creating an API key, you will have to create a&nbsp;<b>Project<\/b>&nbsp;first.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"592\" height=\"466\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/select-product.png\" alt=\"\" class=\"wp-image-5856\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Give your\u00a0<b>Project<\/b>\u00a0a name.<\/li>\n\n\n\n<li>Click the\u00a0<b>next<\/b>\u00a0button at the bottom-right of the window.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Set up your billing<\/h4>\n\n\n\n<p>Wait for the billing prompt and select&nbsp;<strong>Create Billing Account<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"511\" height=\"197\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/billings.png\" alt=\"\" class=\"wp-image-5857\"\/><\/figure>\n\n\n\n<p>Enter a name for you&nbsp;<strong>Billing Account<\/strong>, as well as your&nbsp;<strong>Organization<\/strong>&nbsp;name.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"271\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/billing-1.png\" alt=\"\" class=\"wp-image-5858\"\/><\/figure>\n\n\n\n<p>Enter your customer info (details) and card information.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"670\" height=\"535\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/billing-2.png\" alt=\"\" class=\"wp-image-5860\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"631\" height=\"251\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/billing-3.png\" alt=\"\" class=\"wp-image-5859\"\/><\/figure>\n\n\n\n<p>Select&nbsp;<strong>Submit and enable billing.<\/strong><\/p>\n\n\n\n<p>Please note that&nbsp;you will get up to 28000 map requests per month and 40000 direction calls per month, free of charge. You will only be billed when your usage exceeds your monthly $200 credit limit.<\/p>\n\n\n\n<p>Once your billing has been set up, you can move onto creating your API Key.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create API Credentials<\/h3>\n\n\n\n<p>Click on the&nbsp;<b>Credentials<\/b>&nbsp;option on the&nbsp;<b>API Manager<\/b>&nbsp;menu in the right sidebar.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"260\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/credential.png\" alt=\"\" class=\"wp-image-5861\"\/><\/figure>\n\n\n\n<p>Click on the&nbsp;<b>Create Credentials<\/b>&nbsp;button on the&nbsp;<b>Credentials&nbsp;<\/b>window<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"261\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/create-credentials.png\" alt=\"\" class=\"wp-image-5862\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Generate Your API Key<\/h4>\n\n\n\n<p>Click on&nbsp;<b>API Key<\/b>&nbsp;on the next pop-up window.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"391\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/api-key.png\" alt=\"\" class=\"wp-image-5863\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy the generated API key to your clipboard.<\/li>\n\n\n\n<li>Return to your WordPress site and paste the\u00a0<b>API Key<\/b><\/li>\n\n\n\n<li>Click the\u00a0<b>Publish\u00a0<\/b>button.<\/li>\n<\/ul>\n\n\n\n<p>After pasting the&nbsp;<b>API Key<\/b>&nbsp;to your WordPress site and saving the settings, return to the&nbsp;<i>Google API Manager<\/i>. You will want to restrict access to your&nbsp;<b>API Key<\/b>&nbsp;to avoid having it \u201chijacked\u201d and going over your quota. Click the&nbsp;<b>Restrict key<\/b>&nbsp;button on the&nbsp;<b>API key created<\/b>&nbsp;window as shown above.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"355\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/api-created.png\" alt=\"\" class=\"wp-image-5864\"\/><\/figure>\n\n\n\n<p>Select&nbsp;<b>HTTP referrers (web sites)<\/b>&nbsp;and enter the following domains under&nbsp;<b>Accept requests from these HTTP referrers (web sites)<\/b>&nbsp;replacing yourdomain.com with your domain name:<br>*.domain.com\/* and *domain.com\/*<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"479\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/restrict-api.png\" alt=\"\" class=\"wp-image-5865\"\/><\/figure>\n\n\n\n<p>Click the&nbsp;<b>Save<\/b>&nbsp;button to save your&nbsp;<b>Key Restrictions<\/b>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Enable Required API Functions<\/h4>\n\n\n\n<p>Now you need to enable the required API functions for your project. Click the&nbsp;<b>Library<\/b>&nbsp;link in the&nbsp;<b>API Manager<\/b>&nbsp;sidebar menu. Click on the&nbsp;<b>Google Maps JavaScript API<\/b>&nbsp;panel.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"347\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/api-library.png\" alt=\"\" class=\"wp-image-5866\"\/><\/figure>\n\n\n\n<p>The JavaScript API will probably already be enabled as shown in the screenshot below. If the JavaScript API is not enabled, then click&nbsp;<b>Enable<\/b>&nbsp;on the&nbsp;<b>Google Maps Javascript API<\/b>&nbsp;window.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"356\" src=\"https:\/\/hashthemes.com\/wp-content\/uploads\/2018\/05\/api-enabled.png\" alt=\"\" class=\"wp-image-5867\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">API Changes Introduced By Google<\/h3>\n\n\n\n<p>Recently, Google Maps have announced certain API changes that will affect everyone using Google Maps. Essentially, Google has implemented new pay-as-you-go pricing plans for their API. On this plan mentioned, users will get up to 28000 map requests per month and 40000 direction calls per month, free of charge.<\/p>\n\n\n\n<p>Other rates and limits are found <a href=\"https:\/\/mapsplatform.google.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/p>\n\n\n\n<p>Source: https:\/\/docs.wpgmaps.com\/creating-a-google-maps-api-key<\/p>\n","protected":false},"featured_media":0,"template":"","article-category":[28,35],"class_list":{"0":"post-5852","1":"articles","2":"type-articles","3":"status-publish","5":"article-category-total-plus-guides","6":"article-category-square-plus-guides"},"_links":{"self":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/articles\/5852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/types\/articles"}],"wp:attachment":[{"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/media?parent=5852"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/hashthemes.com\/wp-json\/wp\/v2\/article-category?post=5852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}