{"id":1331,"date":"2016-12-20T12:48:27","date_gmt":"2016-12-20T12:48:27","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=1331"},"modified":"2017-09-18T09:36:30","modified_gmt":"2017-09-18T09:36:30","slug":"google-map-api-key-creation","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/knowledge-base\/google-map-api-key-creation","title":{"rendered":"Google Map API Key Creation"},"content":{"rendered":"<p>Google Maps are used almost on all websites and help your visitors find you everywhere in the world.<\/p>\n<p>After the last changes in the Google Maps updates, the developers require each google map used on the site to have its unique API added and be registered.<br \/>\nDue to the newest update in Google maps, some of the customers encounter the issue with google map displaying on the site.<br \/>\nIf you press F12 button and check the console you may see the error as shown in the image below:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12011\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/gmap-issue.jpg\" alt=\"\" width=\"978\" height=\"220\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/gmap-issue.jpg 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/gmap-issue-300x67.jpg 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/gmap-issue-768x173.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<p>So, in order to avoid the issue with Google Map displaying, we recommend you to generate your own Google Map API key.<\/p>\n<p>It can be easily generated following the <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" target=\"_blank\" rel=\"noopener\">official documentation<\/a>\u00a0or the following the steps below:<\/p>\n<ul>\n<li>Go to the <a class=\"gc-analytics-event\" href=\"https:\/\/console.developers.google.com\/flows\/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&amp;reusekey=true\" target=\"_blank\" rel=\"noopener\" data-category=\"getKey\" data-action=\"linkClick\" data-label=\"body\"> Google API Console<\/a>.<\/li>\n<li>Create or select a project.<\/li>\n<li>Click <b>Continue<\/b> to enable the API and any related services.<\/li>\n<li>On the<b> Credentials<\/b> page, get an <b>API key<\/b> (and set the API key restrictions).<br \/>\nNote: If you have an existing unrestricted API key, or a key with browser restrictions, you may use that key.<\/li>\n<li>To prevent quota theft, <a href=\"https:\/\/support.google.com\/googleapi\/answer\/6310037\"> secure your API key following these best practices<\/a>.<\/li>\n<li>(Optional) Enable billing. See <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/usage\">Usage Limits<\/a> for more information.<\/li>\n<\/ul>\n<p>For more information on using the Google API Console, see <a href=\"https:\/\/support.google.com\/googleapi\">API Console Help<\/a>.<\/p>\n<p>After the new\u00a0Google Map API key is generated, please enter it to<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Main settings<\/del>\u00a0<del>Custom Google API key<\/del>\u00a0section and save theme options.<\/p>\n<ul>\n<li>Check the map displaying after this.<\/li>\n<\/ul>\n<p>Regards, DFD Support Team<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Maps are used almost on all websites and help your visitors find you everywhere in the world. After the last changes in the Google Maps updates, the developers require<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1331"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1331"}],"version-history":[{"count":14,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1331\/revisions"}],"predecessor-version":[{"id":14203,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1331\/revisions\/14203"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=1331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=1331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}