Show your upcoming events as pins on a map, anywhere on your site. Click a pin to see the event title, date, and venue with a link to the event page. Events at the same venue share one pin with a scrollable list. Uses OpenStreetMap by default — no API key or configuration needed — or Google Maps if you have an API key saved in The Events Calendar's settings. Read more about the Map design.

Default

[ecs-list-events design="map"]

With Featured Image and Excerpt in the Popup

[ecs-list-events design="map" thumb="true" excerpt="true"]

Custom Height and Zoom

Set any CSS height with map_height (defaults to 450px), and a fixed zoom level with map_zoom — or leave it out and the map automatically zooms to fit all your events.

[ecs-list-events design="map" map_height="600px" map_zoom="10"]

Filtering

All the usual shortcode options work with the map too, like categories, tags, venues, and date ranges.

[ecs-list-events design="map" tag="beginner" limit="30"]

With the Filter Bar

Combine the map with the Filter Bar to let visitors refine which events are shown on the map.

[ecs-list-events design="map" filterbar="true"]