{"id":1896666,"date":"2019-10-18T13:19:49","date_gmt":"2019-10-18T17:19:49","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/troubleshooting-google-maps-2\/"},"modified":"2025-03-05T11:35:57","modified_gmt":"2025-03-05T16:35:57","slug":"troubleshooting-google-maps","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/troubleshooting-google-maps\/","title":{"rendered":"Troubleshooting Google Maps"},"content":{"rendered":"\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/mK65n5geCEk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Is your website unable to load Google Maps or do you see events located in the ocean off the coast of Africa? These are a few of the common Google Maps issues that we see. Here are our steps for troubleshooting Google Maps.<\/p>\n\n\n\n<p>The issue may be that you haven\u2019t hit the \u201cEnable Maps\u201d checkbox on the backend, under <strong>Events \u2192 Settings<\/strong> <strong>\u2192 Display<\/strong> <strong>\u2192  Maps<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"313\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2019\/10\/Maps.png\" alt=\"\" class=\"wp-image-1964492\" style=\"width:864px;height:auto\" srcset=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2019\/10\/Maps.png 705w, https:\/\/images.theeventscalendar.com\/kb\/uploads\/2019\/10\/Maps-300x133.png 300w\" sizes=\"auto, (max-width: 705px) 100vw, 705px\" \/><\/figure>\n\n\n\n<p>Once enabled, you\u2019ll have the option to embed Google maps in your frontend event listings.<\/p>\n\n\n\n<p>By default, The Events Calendar will try&nbsp;to add a map to single event views as well as an external link to Google Maps. It&#8217;s possible to disable either or both these things using the settings provided in the events editor. Here&#8217;s what those settings look like:<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2018\/06\/location.png\" alt=\"Google Maps location\"\/><figcaption class=\"wp-element-caption\">Google Maps settings in Classic Editor<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone size-full wp-image-1944106\"><img decoding=\"async\" src=\"\/knowledgebase\/wp-content\/uploads\/2019\/10\/google-maps-settings-in-block-editor.png\" alt=\"\" class=\"wp-image-1944106\"\/><figcaption class=\"wp-element-caption\">Google Maps settings in Block Editor<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"key\">Add a Google Maps API key<\/h2>\n\n\n\n<p>Before you go any further, please ensure you have followed the steps outlined in our article explaining <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/setting-up-your-google-maps-api-key\/\">how to add a Google Maps API key<\/a>. A valid key is required for maps to display correctly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"venuedata\">Fix venue data<\/h2>\n\n\n\n<p>If Events Calendar PRO detects broken or missing venue data, it will let you know via an admin screen notification. This notice will provide a link to a tool, which you can find in the Map Settings section of the <strong>Events \u2192 Settings<\/strong> screen, that can be used to repair your venue data. Look for a button that says \u201cFix venues data.\u201d Please click it, refresh your Map View and see if that makes a difference. Fixing Venue Data is a tool only available if broken data is detected.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"coordinates\">Use coordinates<\/h2>\n\n\n\n<p>If the last step worked, great! If not, there&#8217;s another route we can go.<\/p>\n\n\n\n<p>This time, navigate to <strong>Events \u2192 Venues<\/strong>. If you click Edit on one of the venues, there is an option to use latitude and longitude coordinates. Click on that option for each venue. Confirm the coordinates, save the venue, and then see if that makes a difference in the map&#8217;s appearance.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2015\/11\/kb-troubleshotting-map-view-coordinates-665x449.jpg\" alt=\"Screenshot of Events editor, Venue information, Use latitude + longitude when showing Google Maps\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/support.google.com\/maps\/answer\/18539?co=GENIE.Platform%3DDesktop&amp;hl=en\" rel=\"noopener\">Entering the latitude and longitude<\/a> of the venue allows The Events Calendar to communicate specific coordinates to the Google Maps API when the API is unable to recognize an address on its own.<\/p>\n\n\n\n<p>Note that the &#8220;Use Latitude + Longitude&#8221; item is only available with <strong>Events Calendar PRO<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conflicts\">Test for conflicts<\/h2>\n\n\n\n<p>If the earlier steps didn&#8217;t resolve the issue for you, the next step is <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/testing-for-conflicts\/\">Testing for Conflicts<\/a> to determine if another plugin or theme may be contributing to the problem.<\/p>\n\n\n\n<p>It is also worth checking for Javascript errors. See: <a title=\"Using Your Browser to Diagnose JavaScript Errors\" href=\"https:\/\/codex.wordpress.org\/Using_Your_Browser_to_Diagnose_JavaScript_Errors#Step_3:_Diagnosis\">Using Your Browser to Diagnose JavaScript Errors<\/a> for help.<\/p>\n\n\n\n<p>You might notice Google Maps has a Javascript error, such as:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; gutter: false; title: ; notranslate\" title=\"\">\nYou have included the Google Maps API multiple times on this page. \nThis may cause unexpected errors.\n<\/pre><\/div>\n\n\n<p>You may be able to resolve this by either deactivating the other plugins or themes that are using Google Maps on your site or by dequeuing the Javascript for Google Maps within Events Calendar Pro by adding the following to your child theme&#8217;s functions.php file.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: php; title: ; notranslate\" title=\"\">\n&lt;?php\n\/**\n * Unregisters the Google Maps API script on Events Calendar PRO.\n *\/\nadd_action( &#039;wp_print_scripts&#039;, &#039;ecp_remove_google_maps_api&#039;, 100 );\n\nfunction ecp_remove_google_maps_api() {\n\twp_deregister_script( &#039;tribe-gmaps&#039; );\n}\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"mapview\">Troubleshooting map view<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"\/knowledgebase\/wp-content\/uploads\/2020\/02\/map-view-kb-1024x898.png\" alt=\"\" class=\"wp-image-1946051\"\/><\/figure>\n\n\n\n<p>Map view is one of the advanced views available with Events Calendar Pro. When enabled, a giant map displays by the main calendar and displays upcoming events that have venues assigned to them.<\/p>\n\n\n\n<p>Visualizing events on a map is great, but we see an issue every now and then where the map shows no events and is centered off the coast of Africa. That&#8217;s enough to make anyone wonder what is wrong, so we have a couple of ways to help troubleshoot and resolve the issue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"mapview\">Map view displays off the coast of Africa<\/h3>\n\n\n\n<p>Events located in the ocean off the coast of Africa are rare, and likely not your desired result. Often this happens if you do not have a venue that Google can recognize, so events get mapped at the default location of latitude-longitude <code>0, 0<\/code>. If you&#8217;re seeing this issue, please refer to the previous tips on fixing venue data or using latitude and longitude coordinates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"clearcache\">Clearing cache<\/h3>\n\n\n\n<p>If the above steps haven&#8217;t resolved things and you are using a caching plugin, <a href=\"https:\/\/staging.theeventscalendar.com\/knowledgebase\/k\/caching-what-when-and-how\/\">please try clearing your cache<\/a>. Otherwise, there may be a delay before you see the results of any changes that you have made.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping up<\/h2>\n\n\n\n<p>We hope this article has helped you to resolve any problems you might have experienced with our Google Maps integration but, if not, please do <a href=\"https:\/\/support.theeventscalendar.com\/submit_ticket\">hit us up at our help desk<\/a> and we\u2019d be happy to investigate further.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Is your website unable to load Google Maps or do you see events located in the ocean off the coast of Africa? These are a few of the common Google Maps issues that we see. Here are our steps for troubleshooting Google Maps. The issue may be that you haven\u2019t hit the \u201cEnable Maps\u201d checkbox&#8230;<\/p>\n","protected":false},"author":3,"featured_media":1955565,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[123,93],"tags":[113,115,42],"stellar-product-taxonomy":[158,161],"class_list":["post-1896666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-maps","category-errors","tag-block-editor","tag-classic-editor","tag-google-maps","stellar-product-taxonomy-events-calendar-pro","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":123,"label":"Google Maps"},{"value":93,"label":"Troubleshooting"}],"post_tag":[{"value":113,"label":"block editor"},{"value":115,"label":"Classic editor"},{"value":42,"label":"Google Maps"}],"stellar-product-taxonomy":[{"value":158,"label":"Events Calendar Pro"},{"value":161,"label":"The Events Calendar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jaime Marchwinski","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/jaimetri-be\/"},"comment_info":0,"category_info":[{"term_id":123,"name":"Google Maps","slug":"google-maps","term_group":0,"term_taxonomy_id":123,"taxonomy":"category","description":"","parent":61,"count":5,"filter":"raw","term_order":"0","cat_ID":123,"category_count":5,"category_description":"","cat_name":"Google Maps","category_nicename":"google-maps","category_parent":61},{"term_id":93,"name":"Troubleshooting","slug":"errors","term_group":0,"term_taxonomy_id":93,"taxonomy":"category","description":"","parent":0,"count":67,"filter":"raw","term_order":"0","cat_ID":93,"category_count":67,"category_description":"","cat_name":"Troubleshooting","category_nicename":"errors","category_parent":0}],"tag_info":[{"term_id":113,"name":"block editor","slug":"block-editor","term_group":0,"term_taxonomy_id":113,"taxonomy":"post_tag","description":"","parent":27,"count":17,"filter":"raw","term_order":"0"},{"term_id":115,"name":"Classic editor","slug":"classic-editor","term_group":0,"term_taxonomy_id":115,"taxonomy":"post_tag","description":"","parent":27,"count":18,"filter":"raw","term_order":"0"},{"term_id":42,"name":"Google Maps","slug":"google-maps","term_group":0,"term_taxonomy_id":42,"taxonomy":"post_tag","description":"","parent":0,"count":9,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1896666"}],"version-history":[{"count":4,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896666\/revisions"}],"predecessor-version":[{"id":1964495,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1896666\/revisions\/1964495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1896666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1896666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1896666"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1896666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}