Skip to content
No results
MEC Knowledgebase
  • Installation
    • Installation
    • Activation
    • Auto Update
    • Manual Update
    • Change License Domain
  • Settings
    • General
    • Archive Page
    • Slugs/Permalinks
    • Currency
    • View All
  • Single Event
    • Single Event Settings
    • How to Add Event In MEC Plugin?
    • MEC Single Sidebar
    • Custom Fields
    • View All
  • Event Modules
    • Speakers
    • Organizers
    • Locations
    • Map
    • View All
  • Booking Settings
    • Booking Module
    • Booking Elements
    • Booking Form
    • Payment Gateways
    • View All
  • Event Submission
    • General
    • Access Level
    • FES Sections
    • Required Fields
    • View All
  • Integrations
    • Mailchimp
    • Paid Memberships Pro
    • BuddyPress
    • LearnDash
    • View All
  • Notifications
    • Booking Notification
    • Booking Confirmation
    • Booking Reminder
    • Admin Notification
    • View All
  • Addons
    • Elementor Single Builder Addon
    • Ticket and Invoice Addon
    • Event Seat Addon
    • Virtual Events Addon
    • View All
  • Other
    • Appearance Settings
    • Translation
    • Knowledge
    • Troubleshooting
    • Developer
MEC Knowledgebase

  • Categories
    • Installation
      • Installation
      • Activation
      • Auto Update
      • Manual Update
      • Change License Domain
    • General Settings
      • General
      • Archive Pages
      • Slugs/Permalinks
      • Currency
      • View All
    • Single Event
      • Single Event Settings
      • MEC Single Sidebar
      • How to Add Event In MEC Plugin?
      • Custom Fields
      • View All
    • Event Modules
      • Speakers
      • Organizers
      • Locations
      • Map
      • View All
    • Booking Settings
      • Booking Module
      • Add a Booking System
      • Booking Form
      • Organizer Payment Settings
      • View All
    • Event Submission
      • General
      • Access Level
      • FES Sections
      • Required Fields
      • View All
    • MEC Integrations
      • Mailchimp
      • BuddyPress
      • LearnDash
      • Paid Memberships Pro
      • View All
    • Notifications
      • Booking Notification
      • Booking Confirmation
      • Booking Reminder
      • Admin Notification
      • View All
    • Addons
      • Elementor Single Builder Addon
      • Ticket and Invoice Addon
      • Event Seat Addon
      • Virtual Events Addon
      • View All
    • Other
      • Appearance Settings
      • Translation
      • Knowledge
      • Troubleshooting
      • Developer

Submit a Ticket
MEC Knowledgebase

Toggle
  • Map View Skin Shortcode
  • Map View Layout

Shortcodes

Map View Skin Settings

 Map View Skin in the Modern Events Calendar is one of the most practical views. Your website visitors can get to know the event location and find those that are close to them at a glance. Or go for hotspots and the most attractive event sites.

Map View Skin Shortcode

You can use shortcodes in your internal pages to have this on your website. The shortcodes are located in M.E. Calendar > Shortcodes. If you want to use “Geolocation,” you need to enable this feature:

Map View Skin

Then, on the front end of the website, the end-user should be allowed access to the location on the browser.

Map View Layout

Here is the demo of Map View Skin in the Modern Events Calendar:

  • Map View

Share

Related Articles

  • General Calendar View Skin Settings
  • Tile View Skin Settings
  • Timeline View Skin Settings
  • Masonry View Skin Settings
  • Agenda View Skin Settings

Report Out Dated Content

If you think the content of this page does not reflect updated information, please let us know.

Report Now
Login Submit
3 Comments
itsme3 February 2, 2020
| |

Hello, is there a way to control the hieght of the map? it looks too big in the single-event page

0 0
0
Reply
Doris Cooper February 8, 2020
| |
itsme3 Hello, is there a way to control the hieght of the

Hi, you can use the Inspect Element to doing that: https://webnus.net/dox/modern-events-calendar/inspect-element/

0 0
0
Reply
itsme3 February 11, 2020
| |
Doris Cooper Hi, you can use the Inspect Element to doing that:

I tried, doesn’t really give any positive results, it diggs in the api data details, can you give me the exact div/css element to control the width?

0 0
0
Reply

Still no luck? We can help!

If you did not find what you were looking for, please submit a ticket in our support system.

Submit a Ticket
Webnus Banner
Modern Events Calendar

Please read our Terms and Conditions and Privacy Policy.

Review us on Trustpilot

Copyright © 2023. All rights reserved. Webnus Inc.