{"id":3073,"date":"2020-02-26T08:24:52","date_gmt":"2020-02-26T08:24:52","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=3073"},"modified":"2026-03-28T12:46:49","modified_gmt":"2026-03-28T12:46:49","slug":"advanced-map-addon","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/advanced-map-addon\/","title":{"rendered":"Advanced Map Addon"},"content":{"rendered":"\n<p>The <strong>Advanced Map Addon<\/strong> is a professional tool designed to elevate your website&#8217;s map functionality by integrating interactive maps from <strong>Google Maps<\/strong> or <strong>OpenStreetMap<\/strong>. It provides a fresh user experience by offering advanced filtering by region, city, or street, alongside geolocation support to help users discover nearby events intuitively.<\/p>\n\n\n<style>\n        .display_infobox_wrap {\n          border: solid 1px #e3e5e7;\n          padding: 24px;\n          border-radius: 11px;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          flex-direction: row;\n          box-sizing: border-box;\n        }\n        .display_infobox_wrap .infobox-first-col p:last-child {\n          margin-bottom: 0px !important;\n        }\n\n        @media (max-width: 480px) {\n          .display_infobox_wrap {\n            flex-direction: column;\n          }\n          .display_infobox_wrap .infobox-third-col {\n            flex-direction: row !important;\n            width: 100%;\n            margin-top: 30px;\n            gap: 10px;\n            justify-content: space-between !important;\n          }\n          .display_infobox_wrap .infobox-third-col a {\n            width: 50% !important;\n          }\n        }\n\n        .display_infobox_wrap p {\n          font-size: 16px !important;\n          margin-bottom: 10px !important;\n        }\n\n        .display_infobox_wrap a.changelog-url {\n          font-size: 16px;\n          font-weight: bold;\n          color: #43494f;\n          text-decoration: underline;\n        }\n        .display_infobox_wrap a.changelog-url:hover {\n          color: #02b9ff;\n        }\n\n        .display_infobox_wrap .infobox-third-col {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          row-gap: 10px;\n        }\n\n        .display_infobox_wrap .infobox-third-col a {\n          width: 130px;\n          font-size: 15px;\n          font-weight: 300;\n          border: solid 1px;\n          border-radius: 5px;\n          text-align: center;\n          padding: 5px;\n        }\n\n        .display_infobox_wrap .infobox-third-col a:hover {\n          color: #02b9ff;\n          box-shadow: 0 0 0 1px #b9e5f5;\n          border-color: transparent;\n          background-color: #ecfaff;\n        }\n\n        .display_infobox_wrap .infobox-third-col a.demo-button {\n          border-color: transparent;\n          background-color: #ecfaff;\n        }\n\n        .display_infobox_wrap .infobox-third-col a.demo-button:hover {\n          color: #02b9ff;\n          box-shadow: 0 0 0 1px #b9e5f5;\n        }\n    <\/style><div class=\"display_infobox_wrap\"><div class=\"infobox-first-col\"><p><strong>Requirements<\/strong><br>MEC Pro<\/p><p><strong>Latest Version<\/strong><br>1.2.0<\/p><\/div><div class=\"infobox-second-col\"><p><strong>Last Updated<\/strong><br>2025-09-28 15:28:13<\/p><a href=\"https:\/\/www.webnus.net\/modern-events-calendar\/addons\/advanced-map\/#changelog\" class=\"changelog-url\" target=\"_blank\">Changelog<\/a><\/div><div class=\"infobox-third-col\"><a href=\"https:\/\/mec.webnus.net\/advanced-map\/\" class=\"demo-button\" target=\"_blank\">View Demo<\/a><a href=\"https:\/\/my.webnus.net\/checkout?edd_action=add_to_cart&#038;download_id=34430606&#038;edd_options%5Bprice_id%5D=1\" class=\"buy-now-button\" target=\"_blank\">Buy Now<\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_Initial_Setup\"><\/span>\u00a0Initial Setup<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Before you can utilize the advanced mapping features, you must ensure your environment meets specific technical standards.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Requirements\"><\/span>Requirements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>MEC Pro:<\/strong> This addon strictly requires <strong>Modern Events Calendar Pro<\/strong> (version 6.0 or higher).<\/li>\n\n\n\n<li><strong>System Specifications:<\/strong> Your website must be running at least <strong>PHP 7.4<\/strong> and <strong>WordPress 5.0<\/strong> 4.<\/li>\n\n\n\n<li><strong>Availability:<\/strong> Please note that MEC and its addons are exclusively available at <a href=\"http:\/\/webnus.net\"><strong>webnus.net<\/strong><\/a> and cannot be downloaded from the WordPress repository.<\/li>\n\n\n\n<li><strong>Activation:<\/strong> Ensure both MEC Pro and the Advanced Map Addon are installed and activated via the WordPress Plugins section.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-mec-inline-post-mec-inline-post-block mec-inline-post-container\"><span class=\"mec-inline-icon-before\"><\/span><p class=\"mec-inline-post-text\">Read Also: <\/p><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/installation\/\" class=\"mec-inline-post-link\">How to install MEC and Addons?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Activating_the_Map_Module\"><\/span>Activating the Map Module<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To unlock the addon&#8217;s features, you must first enable the core map functionality:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>MEC Settings > Event Module<\/strong>.<\/li>\n\n\n\n<li>Enable the <strong>Map<\/strong> feature.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf97947cd&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1011\" height=\"249\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/mec-advanced-map-01.png\" alt=\"Advanced Map Addon\" class=\"wp-image-10918\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/mec-advanced-map-01.png 1011w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/mec-advanced-map-01-300x74.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/12\/mec-advanced-map-01-768x189.png 768w\" sizes=\"auto, (max-width: 1011px) 100vw, 1011px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Advanced_Map_Settings\"><\/span>Advanced Map Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Once installed and activated, a new settings menu appears within MEC. Below is a complete breakdown of every available option:<\/span><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9794d25&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1177\" height=\"1016\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-02.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12726\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-02.png 1177w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-02-300x259.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-02-1024x884.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-02-768x663.png 768w\" sizes=\"auto, (max-width: 1177px) 100vw, 1177px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Map on Event Page:<\/strong> This toggle controls the display of the map on the single event page.<\/li>\n\n\n\n<li><strong>Getting the API Key:<\/strong> You must obtain an <strong>API key from Google<\/strong> and enter it here.<\/li>\n\n\n\n<li><strong>Required APIs:<\/strong> You must enable the <strong>Maps JavaScript API<\/strong> (basic plan).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-mec-inline-post-mec-inline-post-block mec-inline-post-container\"><span class=\"mec-inline-icon-before\"><\/span><p class=\"mec-inline-post-text\">Read Also: <\/p><a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\/\" class=\"mec-inline-post-link\" target=\"_blank\" rel=\"noopener\">How to create Google Map API?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Additional APIs:<\/strong> You can enable more services from the Google API Library, such as the <strong>Place API, Direction API, Geocoding API<\/strong>.<\/li>\n\n\n\n<li><strong>GPS Coordinates:<\/strong> To use latitude and longitude, you must enable the <strong>Google Maps Geocoding API<\/strong>. You can use external tools like <em>latlong.net<\/em> to find these coordinates.<\/li>\n\n\n\n<li><strong>Address Field:<\/strong> The address field can be used to automatically locate positions on the map when the Google Maps API is active.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf979525d&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"388\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-388x1024.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12727\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-388x1024.png 388w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-114x300.png 114w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-768x2027.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-582x1536.png 582w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-776x2048.png 776w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-06-scaled.png 970w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf97956f5&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"671\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-07.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12728\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-07.png 551w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-07-246x300.png 246w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zoom Level:<\/strong> Adjust the zoom level for the Google Maps module on single event pages, with values ranging from <strong>5 to 21<\/strong>. If you use the <strong>Google Maps skin<\/strong>, the zoom level is calculated automatically based on event boundaries.<\/li>\n\n\n\n<li><strong>Google Maps Style:<\/strong> You can set a specific visual style for your map on the single event page using standard Google map style names.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9795be4&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"949\" height=\"579\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-03.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12729\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-03.png 949w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-03-300x183.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-03-768x469.png 768w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Direction Style:<\/strong> There are two styles for showing your exact location on the map: <strong>Simple<\/strong> or <strong>Advanced<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf97960a1&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"631\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-04.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12730\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-04.png 810w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-04-300x234.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-04-768x598.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lightbox Date Format:<\/strong> Define how dates appear in the lightbox; the default value is M d Y.<\/li>\n\n\n\n<li><strong>Google Maps API Load:<\/strong> This option prevents the Google Maps API from loading globally. Use it with caution, as it may break map functionality if no other instance loads the API.<\/li>\n\n\n\n<li><strong>Fullscreen Button:<\/strong> Enable this to add a button allowing users to view the map in full-screen mode.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9796565&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"805\" height=\"534\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-05-1.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12732\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-05-1.png 805w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-05-1-300x199.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-05-1-768x509.png 768w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Default Map:<\/strong> Choose between <strong>Google<\/strong> or <strong>OpenStreetMap<\/strong> as your primary map provider.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9796a11&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"973\" height=\"256\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-08.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12733\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-08.png 973w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-08-300x79.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-08-768x202.png 768w\" sizes=\"auto, (max-width: 973px) 100vw, 973px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Scroll Wheel:<\/strong> Enabling this allows users to zoom in and out of the map using their mouse scroll wheel.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_Shortcodes_Map_View_Skin_Directory_Setup\"><\/span>Creating Shortcodes (Map View Skin &amp; Directory Setup)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>To create a full map directory, you must create a new shortcode with the <strong>Map View skin<\/strong> on the MEC Shortcode Page.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9796f27&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-09-1024x715.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12734\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-09-1024x715.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-09-300x209.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-09-768x536.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-09.png 1276w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>View Mode (Side Style):<\/strong> A new style called <strong>Side<\/strong> is available, which displays filters and the event list directly next to the map.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf97973e3&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"280\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-11.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12735\" style=\"object-fit:cover\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-11.png 926w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-11-300x91.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-11-768x232.png 768w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-palette-color-5-color has-alpha-channel-opacity has-palette-color-5-background-color has-background\"\/>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9797859&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"512\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-10.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12736\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-10.png 947w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-10-300x162.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-10-768x415.png 768w\" sizes=\"auto, (max-width: 947px) 100vw, 947px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Geolocation Options:<\/strong> This feature uses the browser\u2019s Geolocation API (with user permission) to display nearby events.<\/li>\n\n\n\n<li><strong>Crucial Note:<\/strong> Geolocation only works on websites with <strong>SSL (HTTPS)<\/strong>.<\/li>\n\n\n\n<li><strong>Functionality:<\/strong> Users can zoom out from their proximity to see events at other coordinates.<\/li>\n\n\n\n<li><strong>Center Option:<\/strong> This allows you to select a fixed point of your choice as the map&#8217;s center, directing users to event locations from that specific point.<\/li>\n\n\n\n<li><strong>Display Options:<\/strong> You can configure the <strong>Calendar Start Date<\/strong> and the <strong>Maximum Events<\/strong> to be displayed in the shortcode.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"_Search_Filtering_Geocoding\"><\/span>\u00a0Search, Filtering &amp; Geocoding<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The addon enhances event discovery through high-precision search filters and geographic navigation.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9797e3e&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-12-1024x568.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12737\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-12-1024x568.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-12-300x166.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-12-768x426.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-12.png 1347w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Address Filters:<\/strong> You can add search functionality to your map by filtering events by <strong>State, City, Region, Street, and Postal Code<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf979832a&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"449\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-13-449x1024.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12738\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-13-449x1024.png 449w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-13-131x300.png 131w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/Advanced-Map-13.png 528w\" sizes=\"auto, (max-width: 449px) 100vw, 449px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf979877b&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"949\" height=\"670\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-15.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12739\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-15.png 949w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-15-300x212.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-15-768x542.png 768w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Data Entry:<\/strong> For these filters to appear, you must define this data for each event in the <strong>MEC > Location<\/strong> menu. These values will then be added to the locations accordingly.<\/li>\n\n\n\n<li><strong>Visibility Logic:<\/strong> Search filter fields only appear if the location has already been used in an active event. Location fields are optional and do not fill in automatically.<\/li>\n\n\n\n<li><strong>Address Suggestions:<\/strong> Using Google Maps geocoding features, the map provides address suggestions to facilitate finding event locations anywhere a map shortcode is placed.<\/li>\n\n\n\n<li><strong>Navigation Buttons:<\/strong> The Next and Previous buttons navigate between events based on geographic proximity, not chronological order.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69dbaf9798be1&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"512\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-16.png\" alt=\"Advanced Map Addon\" class=\"wp-image-12742\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-16.png 955w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-16-300x161.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/02\/advanced-map-16-768x412.png 768w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_Cases_When_This_Addon_is_Useful\"><\/span>Use Cases (When This Addon is Useful)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Local Community Directories:<\/strong> Perfect for searching events by specific street or neighborhood using <strong>Region and Street filters<\/strong>.<\/li>\n\n\n\n<li><strong>Travel &amp; Proximity Apps:<\/strong> Ideal for showing users the nearest upcoming events based on their current location via <strong>Geolocation<\/strong>.<\/li>\n\n\n\n<li><strong>Comprehensive Event Portals:<\/strong> Useful for creating a full directory page using the <strong>Side View Mode<\/strong> to show maps, filters, and event lists simultaneously.<\/li>\n\n\n\n<li><strong>Privacy-Conscious Mapping:<\/strong> A great alternative for users who prefer <strong>OpenStreetMap<\/strong> over Google Maps for privacy or API cost management.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Situations_This_Addon_May_Not_Be_Ideal\"><\/span>Situations This Addon May Not Be Ideal<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Non-SSL Environments:<\/strong> The <strong>Geolocation<\/strong> feature is strictly restricted to websites with SSL certificates.<\/li>\n\n\n\n<li><strong>MEC Lite Users:<\/strong> This addon cannot be used without <strong>MEC Pro<\/strong>.<\/li>\n\n\n\n<li><strong>Complex Custom Field Filtering:<\/strong> While the addon offers detailed address filters (Street, City, etc.), it does not currently support filtering by custom fields.<\/li>\n\n\n\n<li><strong>Restricted Hosting:<\/strong> Websites running older versions of PHP (lower than 7.4) or WordPress (lower than 5.0) are not supported.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Troubleshooting_FAQ\"><\/span>Troubleshooting &amp; FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>How do I update?<\/strong> Navigate to <strong>Plugins > Installed Plugins<\/strong>. If an update is not available, ensure your license is activated correctly or manually download the latest version from the <strong>Webnus dashboard<\/strong> and reinstall.<\/li>\n\n\n\n<li><strong>Map Not Loading?<\/strong> Ensure the <strong>Maps JavaScript API<\/strong> is enabled in your Google Library and your API key is correctly pasted into the MEC settings.<\/li>\n\n\n\n<li><strong>Filter Fields Missing?<\/strong> Ensure you have assigned those specific locations to active events; fields will not show in the search list unless they are currently in use.<\/li>\n\n\n\n<li><strong>API Issues?<\/strong> Activating the <strong>Google Maps API Load<\/strong> setting may cause conflicts if other plugins are also trying to load map libraries.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Adding Event Location and Directions with Google Maps and OpenStreetMap | MEC Advanced Map Addon\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/nXGgxRzAtJ0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1746523001971\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_install_and_activate_the_MEC_Advanced_Map_Addon\"><\/span>How do I install and activate the MEC Advanced Map Addon?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To install the MEC Advanced Map Addon, first ensure that the Modern Events Calendar Pro (<strong>MEC Pro<\/strong>) plugin is installed and active. Afterward, install the addon by uploading the plugin ZIP file. Once installed, activate the addon from the WordPress dashboard under the Plugins section. Then navigate to the <strong>MEC Settings &gt; Event Modules <\/strong>and enable the Map feature to use the addon features.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523031794\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_are_the_system_requirements_for_using_the_MEC_Advanced_Map_Addon\"><\/span>What are the system requirements for using the MEC Advanced Map Addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The MEC Advanced Map Addon requires the Modern Events Calendar Pro plugin (version 6.0 or higher). You also need a WordPress site running at least PHP 7.4 and WordPress 5.0.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523060413\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_create_a_map_view_shortcode_using_the_Advanced_Map_Addon\"><\/span>How can I create a map view shortcode using the Advanced Map Addon?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create a map view shortcode, go to the MEC Shortcode Page and create a new shortcode with the Map View skin. Familiarize yourself with the available options, such as skin selection, calendar start date, maximum events display, and geolocation settings, to customize the map view according to your preferences.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523083444\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_is_the_geolocation_feature_and_how_does_it_work\"><\/span>What is the geolocation feature, and how does it work?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The geolocation feature, activated on websites with SSL, accesses your geolocation data through browser cookies to display events nearest to your location. Users can zoom out to view events in other areas as well. This feature enhances user experience by providing location-based event information.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523097628\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_filter_events_by_street_or_region_using_the_Advanced_Map_Addon\"><\/span>How can I filter events by street or region using the Advanced Map Addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The addon introduces new filtering options, allowing users to search for events by street, region, and other address fields. This detailed filtering enhances the precision of event searches, making it easier for users to find events in specific locations.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523119794\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_display_filters_and_events_alongside_the_map\"><\/span>Can I display filters and events alongside the map?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the Advanced Map Addon provides a new view that displays filters and events next to the map. This layout offers a comprehensive and user-friendly interface, allowing users to easily navigate and find events based on their preferences.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523134795\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_obtain_and_configure_the_Google_Maps_API_key_for_the_addon\"><\/span>How do I obtain and configure the Google Maps API key for the addon?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To use Google Maps with the Advanced Map Addon, you need to obtain an API key from <strong>Google<\/strong>.<br \/><a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\/\" target=\"_blank\" rel=\"noopener\">How to create Google Map API?<\/a><br \/>Once you have the key, navigate to <strong>MEC Settings &gt; Event Modules<\/strong>, enable the Map feature, and enter the API key in the designated field to integrate Google Maps into your event calendar.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523174977\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Is_it_possible_to_set_a_default_location_on_the_map\"><\/span>Is it possible to set a default location on the map?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can specify a default location on the map by dragging the map to your desired location during the shortcode creation process. This feature ensures that the map centers on a specific area when initially displayed to users.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523197127\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_customize_the_zoom_level_on_the_map_for_single_events_and_shortcodes\"><\/span>Can I customize the zoom level on the map for single events and shortcodes?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the Advanced Map Addon allows you to select zoom levels for single-event maps and shortcode maps. This customization ensures that the map displays at an appropriate scale, providing users with a clear view of event locations.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523211562\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_is_the_purpose_of_the_MEC_Advanced_Map_Addon\"><\/span>What is the purpose of the MEC Advanced Map Addon?\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The MEC Advanced Map Addon enhances the Modern Events Calendar (MEC) by integrating interactive maps using What is the purpose of the MEC Advanced Map Addon ?\u00a0 or OpenStreetMap, enabling users to discover events more intuitively. It offers advanced filtering by region, city, or street, along with geolocation support to display nearby events. The addon improves user experience with an interactive map view, event clustering, and customizable zoom levels. It also facilitates seamless event navigation and supports default map locations.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746523250933\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_update_the_Advanced_Map_Addon\"><\/span>How do I update the Advanced Map Addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To update the Advanced Map Addon, go to your WordPress dashboard and navigate to <strong>Plugins &gt; Installed Plugins<\/strong>. If an update is available, you will see an option to update the plugin. Click the Update Now button to ensure you are using the latest version with bug fixes and improvements. If a plugin update is unavailable, you may not have activated the addon license correctly, or you might be using an outdated version and need to manually download this addon through the Webnus dashboard and reinstall it.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>With this addon, you can create the professional shortcode for Map view with 2 popular styles included OpenStreetMap instead of Google Map and enjoy new features such as Street, Region, etc. for detailed and precise filtering. Display filters and events next to the map in a new view.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[15],"class_list":["post-3073","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-addons"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/3073","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/comments?post=3073"}],"version-history":[{"count":11,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/3073\/revisions"}],"predecessor-version":[{"id":12748,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/3073\/revisions\/12748"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=3073"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=3073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}