{"id":80862,"date":"2017-06-08T05:46:16","date_gmt":"2017-06-08T09:46:16","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=80862"},"modified":"2017-12-26T06:54:12","modified_gmt":"2017-12-26T11:54:12","slug":"multipurpose-website-templates-google-maps-not-show-api-key-issue","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/multipurpose-website-templates-google-maps-not-show-api-key-issue.html","title":{"rendered":"Multipurpose Website Templates. Google maps do not show up (API Key issue)"},"content":{"rendered":"<p>This tutorial will show you how to deal with &#8216;Oops! Something went wrong. This page didn&#8217;t load Google Maps correctly. See the JavaScript console for technical details&#8216; error in Multipurpose Website Templates.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/fONHoyzMYDI\"><\/iframe>\r\n<\/div>\r\n<p>You just need to perform the following steps:<\/p>\r\n<ol>\r\n\t<li><p>Get your personal Google API key at the following <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" target=\"_blank\">page<\/a>. Press <strong>Get a key > Select or Create Project > Enable API button<\/strong>, copy your key to clipboard and click on <strong>Finish<\/strong> button. <\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-1.jpg\" alt=\"\" width=\"998\" height=\"610\" class=\"alignnone size-full wp-image-80863\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-1.jpg 998w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-1-150x92.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-1-300x183.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-1-768x469.jpg 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><\/a>\t\t\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-2.jpg\" alt=\"\" width=\"798\" height=\"498\" class=\"alignnone size-full wp-image-80864\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-2.jpg 798w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-2-150x94.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-2-300x187.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-2-768x479.jpg 768w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/><\/a>\t\t\r\n\t\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Open the <strong>js\/script.js<\/strong> file on your server and locate the Google map script, it should look like the line below:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-3.jpg\" alt=\"\" width=\"955\" height=\"661\" class=\"alignnone size-full wp-image-80865\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-3.jpg 955w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-3-150x104.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-3-300x208.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-3-768x532.jpg 768w\" sizes=\"(max-width: 955px) 100vw, 955px\" \/><\/a>\t\t\r\n\t\t\r\n\t\t<p>Replace with:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-4.jpg\" alt=\"\" width=\"973\" height=\"512\" class=\"alignnone size-full wp-image-80866\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-4.jpg 973w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-4-150x79.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-4-300x158.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-4-768x404.jpg 768w\" sizes=\"(max-width: 973px) 100vw, 973px\" \/><\/a>\r\n\t\t\r\n\t\t<p>Here <strong>API_KEY<\/strong> is your newly created API key. The result should be as follows:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-5.jpg\" alt=\"\" width=\"1023\" height=\"160\" class=\"alignnone size-full wp-image-80867\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-5.jpg 1023w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-5-150x23.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-5-300x47.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/06\/JS_Animated_Troubleshooter_Google_maps_do_not_show_up_API_Key_issue_based_on_the_58447_template-5-768x120.jpg 768w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" \/><\/a>\r\n\t\t\r\n\t<\/li>\t\r\n\t<li><p>Refresh your website. Google Map works properly now.<\/p><\/li>\r\n\t<\/ol>\r\n<p>This is the end of the tutorial. Now you know how to deal with Google maps do not show up (due to API Key) issue in Multipurpose Website Templates.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n <a href=\"http:\/\/www.youtube.com\/watch?v=fONHoyzMYDI?width=1280&amp;height=720\" rel=\"prettyPhoto\">Multipurpose Website Templates. Google maps do not show up (API Key issue)<\/a>\r\n<p>Don\u2019t miss your chance to check out our huge variety of <a href=\"https:\/\/www.templatemonster.com\/category\/real-estate-wordpress-themes\/\">responsive real estate wordpress themes<\/a> to make a trendy website!<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to deal with &#8216;Oops! Something went wrong. This page didn&#8217;t load Google Maps correctly. See the JavaScript console for technical details&#8216; error in Multipurpose Website Templates.<\/p>\n","protected":false},"author":126,"featured_media":80868,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[2470,1113,2568,785],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80862"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/126"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=80862"}],"version-history":[{"count":8,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80862\/revisions"}],"predecessor-version":[{"id":83759,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80862\/revisions\/83759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/80868"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=80862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=80862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=80862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}