{"id":73156,"date":"2016-07-13T09:05:55","date_gmt":"2016-07-13T13:05:55","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=73156"},"modified":"2016-08-02T06:32:27","modified_gmt":"2016-08-02T10:32:27","slug":"cherryframework-3-troubleshooter-google-maps-do-not-show-up-api-key-issue","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-3-troubleshooter-google-maps-do-not-show-up-api-key-issue.html","title":{"rendered":"CherryFramework 3 Troubleshooter. Google Maps do not show up (API key issue)"},"content":{"rendered":"

This tutorial will show you how to deal with the ‘This page was unable to display a Google Maps element’ error in WordPress<\/strong> templates based on Cherry Framework 3<\/strong>.<\/p>\r\n

Google announced some changes to the Google Maps APIs authentication and usage limits<\/a>.<\/p>\r\n

Usage of the Google Maps APIs now requires a key<\/strong>. If you are using the Google Maps API on localhost or your domain was not active prior to June 22nd, 2016<\/strong>, it will require a key going forward. This is why such error occurs. <\/p>\r\n\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_0\"<\/a>\r\n\r\n

To resolve the issue, follow the steps below:<\/p>\r\n

    \r\n\t
  1. \r\n\t\t

    Go<\/strong> to https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key<\/a> website and create<\/strong> authentication key by clicking ‘Get a Key’<\/strong> button;<\/p>\r\n\t\t\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_1\"<\/a>\r\n\t<\/li>\r\n\t

  2. Select a ‘Create a project’<\/strong> option and click on ‘Continue’<\/strong>;<\/p>\r\n\t\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_2\"<\/a>\r\n\t<\/li>\r\n\t

  3. Specify required credentials: Name<\/strong>, Website URL<\/strong> and hit ‘Create’<\/strong> button;<\/p>\r\n\t\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_3\"<\/a>\r\n\t<\/li>\r\n\t

  4. \r\n\t\t

    Copy<\/strong> your new API Key<\/strong>: <\/p>\r\n\t\t\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_4\"<\/a>\r\n\t<\/li>\r\n\t

  5. \r\n\t\t

    Login<\/strong> to your WordPress Dashboard. Update<\/a> Cherry plugin<\/strong> to the latest version. You can download<\/strong> the latest version here<\/a>. <\/p>\r\n\t\t\r\n\t\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_5\"<\/a>\r\n<\/li>\r\n\t

  6. \r\n\t\t

    Go to Cherry plugin > Shortcode Settings<\/strong> menu. Insert your Google API key<\/strong> into a required field. Save<\/strong> the changes:<\/p>\r\n\t\t\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_6\"<\/a>\r\n\t<\/li>\r\n\t

  7. \r\n\t\t

    Refresh<\/strong> your website to see the changes applied. Google Map<\/strong> displays properly now:<\/p>\r\n\t\t\r\n\"CherryFramework_3_Troubleshooter_Google_maps_do_not_show_up_7\"<\/a>\r\n\t<\/li>\r\n<\/ol>","protected":false},"excerpt":{"rendered":"

    This tutorial will show you how to deal with the ‘This page was unable to display a Google Maps element’ error in WordPress<\/strong> templates based on Cherry Framework 3<\/strong>.<\/p>\n","protected":false},"author":37,"featured_media":73165,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[1102,1113,785,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/73156"}],"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\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=73156"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/73156\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/73165"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=73156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=73156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=73156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}