{"id":104102,"date":"2023-02-04T18:12:46","date_gmt":"2023-02-04T12:42:46","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&amp;p=104102"},"modified":"2023-02-04T18:12:46","modified_gmt":"2023-02-04T12:42:46","slug":"remove-elementor-google-maps-api-error","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/remove-elementor-google-maps-api-error\/","title":{"rendered":"How to Remove Elementor Google Maps API Error browser console?"},"content":{"rendered":"\n<p><strong><em>For The Plus Addons for Elementor Google Map widget only.<\/em><\/strong><\/p>\n\n\n\n<p>If you encounter a Google Maps API error when using The Plus Addons for Elementor Google Map widget. This error can be frustrating, but the good news is that it is easy to remove the error and get your map working again.<\/p>\n\n\n\n<p>The Google Maps API error generally happens when the same API key is used twice on the same page.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Google Map widget, <a href=\"\/docs\/google-maps-elementor-widget-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This widget is a part of The Plus Addons for Elementor, make sure its installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/google-maps?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>For example, if your theme has the option to add Google Maps API and you are also using the same API key in <strong>The Plus Settings <\/strong>\u2192<strong> Extra Options <\/strong>\u2192<strong> Google Map API Key<\/strong> section, this will cause an error in the browser console.<\/p>\n\n\n\n<p>To fix this problem, go to <strong>The Plus Settings <\/strong>\u2192<strong> Extra Options.<\/strong><\/p>\n\n\n\n<p>Scroll down to the other <strong>Google Map API Key<\/strong> section, and from the dropdown, choose either <strong>None<\/strong> or <strong>Hide, <\/strong>then click on <strong>Save<\/strong>. <\/p>\n\n\n\n<p>This will remove the error, and your map will show on the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error-1024x486.png\" alt=\"google map console error\" class=\"wp-image-104103\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error-1024x486.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error-768x365.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error-1536x730.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error-600x285.png 600w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/google-map-console-error.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Also, check out <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/elementor-google-maps-custom-marker\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to add custom marker in Google Maps in Elementor<\/a>.<\/p>\n","protected":false},"author":16,"featured_media":104361,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[548,527],"class_list":["post-104102","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-google-maps","docs-plus-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=104102"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104102\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104361"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=104102"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=104102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}