{"id":7767,"date":"2022-06-21T10:47:35","date_gmt":"2022-06-21T01:47:35","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=7767"},"modified":"2022-07-24T17:26:18","modified_gmt":"2022-07-24T08:26:18","slug":"hivepress-googlemap-api","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/","title":{"rendered":"How to get and set a Google Maps API key"},"content":{"rendered":"<p>We explain HivePress, a free plugin that allows you to create a matching site using WordPress.<\/p>\n\n\n\n<p>By setting a Google MAP API key, you can display Google Maps on your site.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/how-to-hivepress-setting\/\" title=\"HivePress Explanation Table of Contents\">\r\n\t<p class=\"sc-txt01\">Our company also built a matching website using HivePress.<\/p>\r\n\t<p class=\"sc-txt01\">How to create a matching website using WordPress<\/p>\r\n\t<p class=\"sc-txt02\">HivePress Explanation Table of Contents \u2192<\/p>\r\n<\/a><\/div>\n\n\n<div class=\"sc af\"><a href=\"https:\/\/hivepress.io\/?ref=hv\" title=\"HivePress Official Website\" target=\"_blank\">\r\n\t<p class=\"sc-txt02\">HivePress official website \u2192<\/p>\r\n<\/a><\/div>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#google%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%83%97%e3%83%a9%e3%83%83%e3%83%88%e3%83%9b%e3%83%bc%e3%83%a0%e3%81%b8%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9\" >Access to Google Cloud Platform<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e6%96%b0%e3%81%97%e3%81%84%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%82%92%e8%bf%bd%e5%8a%a0\" >Add a new project<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#oauth_%e5%90%8c%e6%84%8f%e7%94%bb%e9%9d%a2%e8%a8%ad%e5%ae%9a\" >OAuth consent screen settings<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e5%a4%96%e9%83%a8%e3%82%92%e9%81%b8%e6%8a%9e\" >Select Outside<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e5%bf%85%e9%a0%85%e7%9b%ae%e3%82%92%e5%85%a5%e5%8a%9b\" >Enter required information<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e5%85%ac%e9%96%8b\" >Publish your app<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#api%e3%82%92%e8%bf%bd%e5%8a%a0\" >Add API<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#api%e3%82%ad%e3%83%bc%e3%82%92%e4%bd%9c%e6%88%90\" >Create an API key<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e3%82%a2%e3%83%97%e3%83%aa%e3%82%b1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%88%b6%e9%99%90%e3%82%92%e8%a1%8c%e3%81%84%e3%81%be%e3%81%99\" >Restricts applications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#api%e3%81%ae%e5%88%b6%e9%99%90\" >API Limitations<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#google_map_api%e3%82%ad%e3%83%bc%e3%82%92%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ab%e8%a8%ad%e5%ae%9a\" >Set the Google Maps API key on your site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e8%aa%8d%e8%a8%bc%e6%83%85%e5%a0%b1%e8%a8%ad%e5%ae%9a\" >Credentials Settings<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e3%82%ad%e3%83%bc%e3%81%ae%e7%99%ba%e8%a1%8c\" >Key issuance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#%e8%aa%8d%e8%a8%bc%e6%b8%88%e3%81%bf%e3%81%ae%e3%83%aa%e3%83%80%e3%82%a4%e3%83%ac%e3%82%af%e3%83%88url%e7%a2%ba%e8%aa%8d\" >Authenticated redirect URL verification<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/hivepress-googlemap-api\/#2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ad%e3%83%bc%e3%81%8c%e7%99%ba%e8%a1%8c\" >Two types of keys are issued<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"google%e3%82%af%e3%83%a9%e3%82%a6%e3%83%89%e3%83%97%e3%83%a9%e3%83%83%e3%83%88%e3%83%9b%e3%83%bc%e3%83%a0%e3%81%b8%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9\"><\/span>Access to Google Cloud Platform<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To issue an API key, go to Google Cloud Platform.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background\" href=\"\/\/console.cloud.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Cloud<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%96%b0%e3%81%97%e3%81%84%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e3%82%92%e8%bf%bd%e5%8a%a0\"><\/span>Add a new project<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>First, add a new project.<\/p>\n\n\n\n<p>Click the arrow<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"142\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-1024x142.png\" alt=\"\" class=\"wp-image-7800\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-1024x142.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-300x42.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-768x106.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-1536x213.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20.png 1568w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Click New Project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"171\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-19-1024x171.png\" alt=\"\" class=\"wp-image-7799\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-19-1024x171.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-19-300x50.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-19-768x128.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-19-1536x257.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-19.png 1538w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Project name - any alphanumeric string<\/li><li>Location - No organization<\/li><\/ul>\n\n\n\n<p>Set it and click the [Create] button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-21-1024x490.png\" alt=\"\" class=\"wp-image-7801\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-21-1024x490.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-21-300x144.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-21-768x368.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-21.png 1055w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A notification will appear in the upper right corner, so click on &quot;Select Project&quot;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"241\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-22-1024x241.png\" alt=\"\" class=\"wp-image-7802\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-22-1024x241.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-22-300x71.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-22-768x181.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-22.png 1177w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If you miss the announcement, you can expand the \u25bc you first clicked and select the project.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"142\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-1024x142.png\" alt=\"\" class=\"wp-image-7800\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-1024x142.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-300x42.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-768x106.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20-1536x213.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-20.png 1568w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"oauth_%e5%90%8c%e6%84%8f%e7%94%bb%e9%9d%a2%e8%a8%ad%e5%ae%9a\"><\/span>OAuth consent screen settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Expand the hamburger menu on the left<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>APIs and Services<\/li><li>OAuth consent screen<\/li><\/ul>\n\n\n\n<p>Click.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"752\" height=\"791\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-23.png\" alt=\"\" class=\"wp-image-7803\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-23.png 752w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-23-285x300.png 285w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%a4%96%e9%83%a8%e3%82%92%e9%81%b8%e6%8a%9e\"><\/span>Select Outside<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>First, on the first screen, select [External] and click the Create button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"602\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-24-1024x602.png\" alt=\"\" class=\"wp-image-7804\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-24-1024x602.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-24-300x176.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-24-768x452.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-24.png 1258w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%bf%85%e9%a0%85%e7%9b%ae%e3%82%92%e5%85%a5%e5%8a%9b\"><\/span>Enter required information<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>On the next screen, enter the required information.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>App Name - Enter any characters<\/li><li>User email address<\/li><li>Add domain - Add the domain of this site. [xxx.com] This part is called the domain.<\/li><li>Developer Contact<\/li><\/ul>\n\n\n\n<p>Once you have entered the above four items, click [Save and Next]. After that, click [Save and Next] and finally [Return to Dashboard] to return to the Dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"342\" height=\"652\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-25.png\" alt=\"\" class=\"wp-image-7805\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-25.png 342w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-25-157x300.png 157w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e5%85%ac%e9%96%8b\"><\/span>Publish your app<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n\n\n<p>This is a very important task. Currently, it is in test mode,<span class=\"marker-under\"><strong>Click [Publish the app] to publish it.<\/strong><\/span>Please change it to.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"940\" height=\"487\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-26.png\" alt=\"\" class=\"wp-image-7806\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-26.png 940w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-26-300x155.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-26-768x398.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"api%e3%82%92%e8%bf%bd%e5%8a%a0\"><\/span>Add API<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Add the API for maps from the library.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Places API<\/li><li>Geocoding API<\/li><li>Maps JavaScript API<\/li><\/ul>\n\n\n\n<p>There are three types.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"522\" height=\"518\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-31.png\" alt=\"\" class=\"wp-image-7811\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-31.png 522w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-31-300x298.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-31-150x150.png 150w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-31-100x100.png 100w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"543\" height=\"222\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-32.png\" alt=\"\" class=\"wp-image-7812\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-32.png 543w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-32-300x123.png 300w\" sizes=\"(max-width: 543px) 100vw, 543px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"441\" height=\"198\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-33.png\" alt=\"\" class=\"wp-image-7813\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-33.png 441w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-33-300x135.png 300w\" sizes=\"(max-width: 441px) 100vw, 441px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"555\" height=\"228\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-34.png\" alt=\"\" class=\"wp-image-7814\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-34.png 555w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-34-300x123.png 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/figure>\n\n\n\n<p>Click on all of them and click [Enable] to enable them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"672\" height=\"358\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-35.png\" alt=\"\" class=\"wp-image-7815\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-35.png 672w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-35-300x160.png 300w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"api%e3%82%ad%e3%83%bc%e3%82%92%e4%bd%9c%e6%88%90\"><\/span>Create an API key<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-36-1024x384.png\" alt=\"\" class=\"wp-image-7816\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-36-1024x384.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-36-300x113.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-36-768x288.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-36.png 1301w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The key has been created.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"836\" height=\"588\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-37.png\" alt=\"\" class=\"wp-image-7817\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-37.png 836w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-37-300x211.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-37-768x540.png 768w\" sizes=\"(max-width: 836px) 100vw, 836px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a2%e3%83%97%e3%83%aa%e3%82%b1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e5%88%b6%e9%99%90%e3%82%92%e8%a1%8c%e3%81%84%e3%81%be%e3%81%99\"><\/span>Restricts applications<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Next, we will set the key restrictions. Click the [Edit API key] text link.<\/p>\n\n\n\n<p>In the application restrictions, select [HTTP Referrer] and add the domain where the site is operated.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"768\" height=\"703\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-38.png\" alt=\"\" class=\"wp-image-7818\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-38.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-38-300x275.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"api%e3%81%ae%e5%88%b6%e9%99%90\"><\/span>API Limitations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Next, under API restrictions, check [Restrict key], select the three types of API you just added, and click the [Save] button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"822\" height=\"596\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-39.png\" alt=\"\" class=\"wp-image-7819\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-39.png 822w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-39-300x218.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-39-768x557.png 768w\" sizes=\"(max-width: 822px) 100vw, 822px\" \/><\/figure>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"google_map_api%e3%82%ad%e3%83%bc%e3%82%92%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ab%e8%a8%ad%e5%ae%9a\"><\/span>Set the Google Maps API key on your site<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once you set the issued key in HivePress, you&#039;re done.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HivePress<\/li><li>Integration<\/li><li>Google Maps<\/li><\/ul>\n\n\n\n<p>Enter the issued key in the API key field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"837\" height=\"342\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-40.png\" alt=\"\" class=\"wp-image-7820\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-40.png 837w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-40-300x123.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-40-768x314.png 768w\" sizes=\"(max-width: 837px) 100vw, 837px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-cocoon-blocks-icon-box information-box common-icon-box block-box\">\n\n<p>This is the end of the Google Maps key settings, but while you&#039;re at it, it&#039;s a good idea to also set additional authentication information.<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%aa%8d%e8%a8%bc%e6%83%85%e5%a0%b1%e8%a8%ad%e5%ae%9a\"><\/span>Credentials Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Next, set the authentication information.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Person information<\/li><li>OAuth client ID<\/li><\/ul>\n\n\n\n<p>Go to and issue your ID and secret key.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"410\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-27-1024x410.png\" alt=\"\" class=\"wp-image-7807\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-27-1024x410.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-27-300x120.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-27-768x307.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-27.png 1387w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%ad%e3%83%bc%e3%81%ae%e7%99%ba%e8%a1%8c\"><\/span>Key issuance<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>There are three places to enter information.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Application Type \u2013 Web Application<\/li><li>Name - any string<\/li><li>Approved Redirect URLs - These can be found in your HivePress settings.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"906\" height=\"825\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-28.png\" alt=\"\" class=\"wp-image-7808\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-28.png 906w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-28-300x273.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-28-768x699.png 768w\" sizes=\"(max-width: 906px) 100vw, 906px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e8%aa%8d%e8%a8%bc%e6%b8%88%e3%81%bf%e3%81%ae%e3%83%aa%e3%83%80%e3%82%a4%e3%83%ac%e3%82%af%e3%83%88url%e7%a2%ba%e8%aa%8d\"><\/span>Authenticated redirect URL verification<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This is a WordPress site.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HivePress<\/li><li>setting<\/li><\/ul>\n\n\n\n<p>The redirect URL is listed in the attachment, so copy it and paste it into the API settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1003\" height=\"455\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29.png\" alt=\"\" class=\"wp-image-7809\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29.png 1003w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29-300x136.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29-768x348.png 768w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2%e7%a8%ae%e9%a1%9e%e3%81%ae%e3%82%ad%e3%83%bc%e3%81%8c%e7%99%ba%e8%a1%8c\"><\/span>Two types of keys are issued<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>When you click the [Create] button, two types of keys will be issued.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"636\" height=\"633\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-30.png\" alt=\"\" class=\"wp-image-7810\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-30.png 636w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-30-300x300.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-30-150x150.png 150w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-30-100x100.png 100w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><\/figure>\n\n\n\n<p>Each key<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Client ID<\/li><li>Client Secret<\/li><\/ul>\n\n\n\n<p>Enter and save.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1003\" height=\"455\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29.png\" alt=\"\" class=\"wp-image-7809\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29.png 1003w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29-300x136.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/image-29-768x348.png 768w\" sizes=\"(max-width: 1003px) 100vw, 1003px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>WordPress\u3067\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u304c\u4f5c\u308c\u308b\u7121\u6599\u30d7\u30e9\u30b0\u30a4\u30f3HivePress\u306e\u89e3\u8aac\u3092\u3057\u3066\u3044\u307e\u3059\u3002 Google MAP API\u30ad\u30fc\u3092\u8a2d\u5b9a\u3059\u308b\u3068\u3001\u30b5\u30a4\u30c8\u5185\u3067google map\u3092\u8868\u793a\u3055\u305b\u308b\u4e8b\u304c\u51fa\u6765\u307e\u3059\u3002 Google\u30af\u30e9\u30a6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8769,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1456],"tags":[1501],"class_list":["post-7767","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microjobs","tag-hivepress"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/06\/Early-to-Bread.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"WordPress\u3067\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u304c\u4f5c\u308c\u308b\u7121\u6599\u30d7\u30e9\u30b0\u30a4\u30f3HivePress\u306e\u89e3\u8aac\u3092\u3057\u3066\u3044\u307e\u3059\u3002 Google&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/7767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=7767"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/7767\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/8769"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=7767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=7767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=7767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}