The Events Map addon, for EventON, allows you to place markers of all your events on one map in order to provide an amazing event browsing experience for your visitors.

Plugin Version: 1.6.2
 
WordPress plugin EventON Event Map

Plugin Features

EventON Event Map is a plugin designed to enhance event management by providing a visual representation on a map. It integrates seamlessly with EventON and enables users to interact with events based on their location. Users can easily navigate and explore events geographically, creating a more engaging and intuitive experience. The map functionality offers a unique way to showcase events and improve overall event visibility.

By utilizing this addon, event organizers can effectively display event locations in a clear and organized manner. The interactive map feature allows attendees to quickly identify event venues, facilitating better planning and attendance. This addon enhances the user experience by offering an alternative view of events, making it easier to discover nearby events and participate in them seamlessly.

With the integration of this addon, users can effortlessly filter events based on location preferences. This capability enables users to explore events within specific areas with convenience and precision. Additionally, the map view provides a comprehensive overview of all events, empowering users to make informed decisions about event attendance and participation based on geographical proximity.

The addons responsive design ensures optimal viewing across various devices, offering a consistent and user-friendly experience. Users can access the map feature on mobile devices, tablets, or desktops without compromising functionality or usability. This responsiveness enhances accessibility and ensures that users can interact with events on the map efficiently, regardless of the device they are using.

Event organizers can customize map settings and styles to align with their branding and design preferences. This flexibility allows for a personalized and cohesive integration of the map feature with existing event listings. By tailoring the maps appearance to match the overall event theme, organizers can create a visually appealing and harmonious event platform that resonates with their audience.

Overall, this addon elevates event management by providing a visually engaging and interactive way to showcase event locations. Its seamless integration with EventON enhances the user experience, offering a unique perspective on event discovery and attendance. With its intuitive features and customization options, the addon offers a comprehensive solution for effectively navigating and exploring events geographically.

Specifications:

Release date: 11-10-2020
Last updated: 27-08-2025
Type: Paid
License: GPL 
Subject: Calendars & Events for EventON
Compatibility: W5.x W6.x
Includes: Plugin
Language packs: English
Developer: EventON

Rating:
4.4299065420561 1 1 1 1 1 (214 Votes)

Download by subscription!

You need to log in on the site and purchase a club subscription!

Share with your friends!

 

How to Set Up EventON Event Map for an Event Map in WordPress

EventON Event Map is not just there to add a nice-looking map below your calendar. Its real job is to connect EventON events with actual venues, coordinates, markers, point clustering, and a clear way for visitors to browse events by location. In this guide, you'll learn how to prepare your site, configure the map, place it on a page, verify the output, and quickly identify the cause if the map does not appear or the markers behave oddly.

This guide is written for site owners, WordPress administrators, content managers, and developers who need to understand how the add-on works without wasting time. This is not a rewritten product listing. Instead, we will walk through the full workflow: from venue data and the Google Maps API to map-and-list mode, clusters, marker popups, front-end checks, and error troubleshooting.

The core setup principle is simple: first clean up your events and locations in EventON, then enable the required map settings, then add the map through the block and Calendar Generator, and only after that refine the appearance. If you skip that sequence, the issue often looks like "the plugin does not work" when the real problem is a missing map key, missing venue coordinates, an incomplete event field, or an incorrect shortcode.

EventON Event Map guide cover with an event map and venue markers
The cover illustrates the main idea behind the add-on: EventON events become a venue map where markers, clusters, and the event list help visitors choose an event by location.

What an Event Map Solves and When You Actually Need One

A standard calendar answers the question "when is the event happening?" EventON Event Map adds a second critical question: where is it happening. That changes how visitors browse. A person may not know the name of the event, but they may know the neighborhood, venue, campus, city, route, or group of locations they want to choose from. For an event lineup, festival, conference, club network, city portal, school, museum, retreat center, or tour operator, a map like this becomes navigation rather than decoration.

The add-on uses EventON events you have already created and pulls data from their locations. If multiple events share the same venue, the map can show a cluster or a marker with the number of events at that location. The visitor clicks the marker, sees the event popup, and moves on to the details. In a denser setup, you can enable a mode where an event list sits beside the map: clicking a marker leaves only the events from the selected venue in the list. That mode is especially useful when you have many events and a regular calendar forces people to spend too much time browsing dates.

Where a Map Works Better Than a Standard List

A map reveals the value of the add-on when location affects the visitor's decision. For a city festival, someone may choose a venue close to home or along their route. For a series of workshops, the branch location matters. For a university or school, buildings and rooms matter. For a fitness club network, users look for the nearest gym. For a travel calendar, the location itself may be the main point of the event.

  • Many venues in one city. A map reduces the burden of a long list and shows where events are concentrated.
  • Events spread across regions. Visitors understand the geography of the program faster and do not have to open every event card one by one.
  • There are recurring events. With proper location data, markers help separate repeated instances of an event from separate venues.
  • You need to show event density. Clusters are easier to work with than dozens of overlapping markers.
  • Fast location-based selection matters. The map-and-list layout helps connect a point on the map to specific events.

When the Add-On May Be Unnecessary

EventON Event Map is not something you should install just because your site already has a calendar. If all events take place at one venue, visitors will usually get enough value from the address on the event page and a directions button. If the events are fully online, a map may be misleading. If venue information is hidden until registration, use the map carefully: show only the general area or skip the shared map so you do not reveal details too early.

There is also a technical side. The add-on uses Google Maps, so a working setup requires a valid API key, domain restrictions for that key, and the necessary services enabled in Google Cloud. If your site deliberately avoids external mapping services or you are not willing to enable billing in Google Cloud, it is worth evaluating alternatives in advance, especially tools built around OpenStreetMap or setups where a map is not a core feature.

Quick takeaway: EventON Event Map makes sense when location is part of how people choose an event. If the venue is secondary, start with a standard EventON event page and add a shared map only after you confirm a real use case.

What to Check Before Installing the Add-On

Pre-installation prep may feel boring, but it saves most of your troubleshooting time later. An event map depends on several layers at once: WordPress, the core EventON plugin, event data, a saved location, coordinates, the Google Maps API, a shortcode or block on the page, theme styles, and JavaScript on the front end. A problem in any layer can make the map look empty.

Start by checking that the main EventON plugin is installed, active, and already able to display at least a regular calendar on a test page. This add-on is not a standalone calendar. It extends EventON and should not be treated as a separate plugin for arbitrary WordPress posts. If the base calendar does not render, adding the map will only introduce another layer of uncertainty.

Minimum Checklist Before You Start

  • The core EventON plugin is active. Open a page with a regular calendar and make sure events expand, month switching works, and there are no JavaScript errors in the console.
  • You have events with physical locations. The map cannot display an online event without an address as a real point.
  • Locations are entered consistently. The venue name, full address, and, if needed, latitude and longitude should be clear and reusable.
  • You have access to Google Cloud. The map requires a Google Maps API key, and it is best to restrict that key to your site domain and the required services right away.
  • You have a test page. Do not configure the map directly on the homepage or in a high-traffic live section.
  • You can clear cache. After changing a shortcode, style, or script, the map may not update until you clear both site and browser cache.

How to Prepare Venue Data

In EventON, locations can be reused across events. That matters for the map because multiple events at the same venue should converge into one point rather than splitting into different markers because the address is written differently. If one event says "Main Hall," another says "Main Hall, 2nd floor," and a third uses the full address with no venue name, the map and marker popups may look inconsistent.

For each place, create a clear location record: name, full address, city, and, if needed, a venue image, link to the venue page, and location type. If the address changes, do not create a new record unless you truly need one. It is usually better to edit the saved location and update its coordinates. This is especially important for festivals, conferences, and venue networks where one address mistake gets duplicated across dozens of events.

Address and Coordinates

EventON can fill in coordinates from the address when the Google Maps API is configured correctly. Even so, on a real site it is worth verifying coordinates manually: sometimes an address matches multiple places, a building has several entrances, a campus covers a large area, or Google drops the pin in the middle of the block. If the location editor includes a button to refresh coordinates, use it after changing the address, then verify the marker on the front end.

Physical and Virtual Events

If your site mixes in-person and online events, do not try to put everything on one map without filtering. A physical venue and a virtual link serve different purposes. EventON lets you define the location type, and with EventON Event Map it is better to build a separate calendar for the in-person program or apply filters so the map does not promise directions to a place that does not exist.

What to Check Before Installing EventON Event Map
Check Why It Matters What an Error Usually Looks Like
A standard EventON calendar displays on the page Confirms that the core plugin and scripts are working Empty block, events do not expand, months do not switch
Events have saved locations The map builds markers from venue data The map appears, but there are no markers or fewer than expected
The Google Maps API key is added and restricted Without a key, the map may fail to load or appear gray Google Maps errors in the browser console
The theme outputs the standard WordPress footer hook EventON needs it to load its interactive scripts Markers and clicks do not work even though the calendar HTML is present

Installation and the First Check After Activation

Technically, installing EventON Event Map is similar to installing any other EventON add-on by uploading a ZIP archive in WordPress. In the admin panel, the usual path is Plugins -> Add New -> Upload Plugin, then select the file, install it, and activate it. It is important not to unpack the archive manually before uploading if WordPress expects a ZIP file. On some systems, a browser may automatically extract archives, so if the upload fails, confirm that the file is still actually a ZIP archive.

After activation, do not jump straight into map design. First make sure the add-on appears within EventON's workflow: open a page or post, add the EventON block, and then use the Calendar Generator to find the Event Map type. If that type does not appear, check whether the core EventON plugin is active, whether the add-on itself is activated, and whether any PHP errors are showing in the admin area.

A Safe Installation Sequence

  1. Create a site backup or at least a database backup. That is standard precaution before installing any add-on, especially if the calendar is already in use by visitors.
  2. Install the ZIP like a standard WordPress plugin. Do not edit EventON files or manually copy the add-on over another version.
  3. Activate the add-on and open your regular calendar. This baseline check confirms that the installation did not break your existing event output.
  4. Create a test page with the EventON block. It is easier to change map settings and clear cache there without affecting the live site navigation.
  5. Select Event Map in the Calendar Generator. Apply the settings to the block and save the page.
  6. Open the page in an incognito window. That shows you something much closer to the regular visitor experience, without admin privileges or stale editor state.

Your First Test Without Extra Parameters

For the first check, do not turn on filters, advanced styles, custom markers, or multiple calendars on one page all at once. The simpler the first test, the easier it is to see where the issue is. Create two or three events with different physical venues, verify the addresses and coordinates, output the map through the generator, and open the page. The expected result is straightforward: the map loads, markers appear, clicking a marker opens a popup with event or venue data, and the page shows no red errors in the browser console.

If everything works on the test page, only then move the map into a live section. If you need the map on a page builder layout, test it first on a standard WordPress page. Builders, lazy loaders, JavaScript optimizers, and nonstandard themes can all affect scripts, so a plain test helps you separate an add-on issue from an environment issue.

Diagram of the initial EventON Event Map setup after installation
The diagram shows the correct order for first-time setup: activate the add-on, add the map key, prepare locations, choose Event Map in the generator, and test the page.

Configuring the Google Maps API, Map Behavior, and Markers

The most important technical settings live in EventON's location settings. The documentation usually describes the path as EventON -> Settings -> Location, or a map/Google Maps API section inside EventON settings. The point is the same either way: this is where you enter the Google Maps API key and control map behavior. Without a key, the map may not render, may appear gray, or may throw an error in the console.

On a production site, the Google Maps key should not be "just pasted in." It needs to be restricted to the domain where the map loads and limited to only the APIs you actually need. Google explicitly recommends applying key restrictions because an exposed key on a public site can lead to unnecessary charges and abuse. On a WordPress page with a map, the most common setup is HTTP referrer restrictions and access to the Maps JavaScript API. If your site also geocodes addresses, verify which services your EventON and Google Cloud configuration actually requires.

Google Maps API Key

Create the key in Google Cloud, enable the required services, and add your site domain to the restrictions. Then paste the key into the Google Maps API Key field in EventON settings and save the changes. After saving, open the test map page and the browser console. If the key is not valid for your setup, Google will usually show a specific error: missing key, invalid restrictions, disabled API, quota exceeded, or a billing issue.

Do not publish the key in instructions for content managers or send it through third-party chats. The key will still participate in loading the map on the site side, but control over the key should stay with the administrator. It is also better to use separate keys for test and production environments so domain restrictions and troubleshooting stay clear.

Map Behavior

In EventON's map settings, some options look minor but make a real usability difference. Disabling mouse wheel zoom is useful on pages where visitors scroll through a long event list, because otherwise the map captures the scroll and people get stuck on the map block. The Google Maps display type should match the use case: Roadmap works for most event listings, while Satellite and Hybrid can help with outdoor venues, parks, and large sites, and Terrain may make more sense for travel or sports events.

You should add a custom marker only after the basic map has been verified. EventON Event Map uses markers from the EventON system, and the settings let you specify a PNG icon by full URL. Before enabling it, make sure the file is accessible without login, loads over HTTPS, is not too large, and has a transparent background. If the markers disappear after you change them, temporarily switch back to the default marker and check the console. The add-on changelog has included fixes related to custom marker URLs, so updates are especially important on older installations.

Clusters and Dense Marker Layouts

Clustering matters when the map contains many events or multiple events in the same area. Instead of a pile of overlapping icons, the visitor sees a grouped point with the number of events inside it. That does not just make the map cleaner, it also reduces cognitive load: users first understand where events are concentrated, then zoom in or open the list for a specific venue.

Clusters do not solve bad address data. If events at one venue produce several nearly identical markers, do not start by tweaking cluster styles. Check the location data instead: look for duplicate venues, address variations, stale coordinates, or events tied to a manually entered address instead of a saved location. A good map starts with clean data.

Practical Map Settings After Installation
Setting Typical Value When to Change It How to Verify
Google Maps API Key A restricted key for the site domain When the domain changes, when moving between environments, or when Google Maps errors appear Open the map and check the browser console for key-related errors
Disable scrollwheel zooming Enable it on long pages If the map interferes with page scrolling Scroll the page through the map area
Google Maps display type Roadmap For parks, campuses, and open venues, test other types if needed Compare how readable addresses and landmarks are
Custom marker icon Default marker until final design Once the map is already working reliably Check that the PNG loads from its direct HTTPS URL

Verification tip: after changing the key, map type, or marker, clear cache and open the page as a visitor. If an administrator sees the map but a regular user does not, check cache, key restrictions, and script optimization.

How the Data Flows: From Event Location to Map Marker

EventON Event Map is much easier to configure once you understand the internal chain. At the start, you have an EventON event. That event has a location. The location has a name, address, and coordinates. The add-on collects matching events, groups them by location, builds markers, shows the number of events, and opens a detail popup when the visitor interacts with it. If one link in that chain is empty, the map may load but still fail to show the expected output.

This chain matters even more on sites where events are created by different people. One content manager picks a saved venue, another types an address manually, a third duplicates an old event, and a fourth changes the city name in the description but never updates the location itself. The result is an unpredictable map. If you want EventON Event Map to work as navigation rather than decoration, you need rules not only for plugin settings, but also for how events are entered.

EventON Event Map data flow from event and coordinates to map marker
This visual diagram shows how an event, a saved location, coordinates, and map settings become a marker, cluster, and event popup.

The Event as the Source Record

The event needs a date, title, published status, and a link to a physical location. If the calendar is set to hide past events or display only a specific range, the map will use the same event set defined in the generator. So if you are checking why an event is missing from the map, first confirm that it even qualifies for the calendar based on date, category, status, and filters.

The Location as a Reusable Object

A saved location is better than manually entering an address in every event. It reduces the chance of duplicates and lets you fix mistakes in one place. If a venue changes address, edit the location, update the coordinates, and then verify several events that use that venue. If you create a new venue with almost the same name, visitors may see two markers instead of one clear location point.

Coordinates as the Technical Proof of the Address

The address is for people; coordinates are for the map. Even if the address looks correct, the map can still place the marker incorrectly if geocoding chooses the wrong location. For important venues, check the latitude and longitude. If the coordinates do not fill in automatically, use the coordinate generation feature in the location editor after verifying the Google Maps API key. If the coordinates are present but the marker is still wrong, update them manually or with the refresh button, then clear cache.

The Marker Popup as the Link Between the Map and the Event

The marker popup should help visitors choose an event, not just confirm an address. EventON Event Map officially includes customizable marker popups and, in current versions, the ability to open events from the popup in a lightbox-style format. In practice, that means you should decide in advance which event details matter most when a visitor clicks a marker: the title, date, venue, short context, or a link to the full details. If the popup contains too little information, the map becomes a collection of dots. If it contains too much, people may not know where to click.

The clearest sign the chain is working: a content manager changes the address of a saved venue, refreshes the coordinates, and every event at that venue starts pointing to the same expected marker without requiring manual edits on each record.

Displaying the Map with the EventON Block and Calendar Generator

The official way to display the map in a current working setup is through a WordPress page, the EventON block, and the Calendar Generator. Inside the generator, you select Event Map, configure the needed parameters, and apply the changes to the block. This approach is safer than manually typing an unknown shortcode because the generator shows the available options for active add-ons and reduces the chance of a syntax error.

If you are used to working with shortcodes, still start with the generator. It creates a valid configuration, and then, if needed, you can inspect the finished shortcode and move it somewhere else. Quote errors, extra parameters, copied fragments from old tutorials, and conflicts between multiple calendars on one page are all common reasons EventON interactive elements behave incorrectly.

A Page for the Full Event Map

For a page such as "Event Map," set a clear goal: show all current events with physical venues. In the generator, start with the smallest useful parameter set. After saving the page, check that the map has enough height, the markers do not cover important text, and the marker popup opens without shifting the page unexpectedly. If the map appears below a long introduction, add a short paragraph above it so visitors understand how to use the block.

Testing with Multiple Event Types

Your minimum test should include more than one event. Cover several cases: one venue with one event, one venue with multiple events, two different venues in the same city, and a venue in another city or area. That lets you immediately see whether grouping works, how zoom behaves, whether events get lost inside the marker popup, and whether the theme makes the block too narrow.

A Map Inside an Event Landing Page

If the map is not meant to be a general directory but part of a festival page or an event series page, narrow the event set through calendar parameters, categories, or EventON event types. Do not mix the site's entire schedule into one map if the visitor came to a specific section. For example, a "Summer School" page might show only the sessions from that program, while a general "All Events" page can show the full public calendar.

Multiple Calendars on One Page

EventON's own troubleshooting notes point out that when you place multiple calendars on one page, you need to watch for unique calendar identifiers. That matters even more with maps: two interactive blocks can compete for scripts, filters, or state. If you need both a general list and a separate map, test each block on its own first, then add them together on one page and monitor the console and network panel for errors.

Map-and-List Mode: How to Use It and Where It Wins

One of the most practical strengths of current EventON Event Map versions is the mode where the map and event list appear side by side. A visitor clicks a marker and sees only the events from the selected location. This is not just a different layout. It is a different discovery flow: people choose the place first and the event second. For many sites, that feels more natural than filtering by date.

You should enable the "map beside list" mode when visitors have a location-driven task. They want to see what is happening nearby, compare venues, jump quickly from an area to an event, or understand where the program is concentrated. If they mainly choose by date and location is secondary, a regular list with filters may be easier to use.

A Good Fit for a Festival or City Events Page

Imagine a city festival website. It includes concerts, talks, children's events, exhibitions, and workshops in different places. In a standard calendar, visitors face a long list and have to open individual event pages. In map-and-list mode, they click a district or a specific venue and immediately see the events at that location. If EventON filters are enabled as well, they can narrow the list even further by event type or date.

What the Visitor Should Experience

  • The map remains the main reference point. Markers are visible right away, without having to scroll to the bottom of the page.
  • The list reacts to marker selection. After a click, it should show only the events for the chosen venue, not the entire calendar.
  • There is a clear way to return to all events. Current versions of the add-on have included fixes related to showing all events again, so this button or action should be tested separately.
  • The marker popup does not completely cover the list. On mobile devices, check that the map does not become excessively tall.

When This Mode Can Get in the Way

If you have only a few events, the side list may feel excessive. If the map is placed in a narrow page builder column, the two adjacent blocks can become cramped and difficult to use. If most of your audience is on mobile, check how the layout rearranges itself: sometimes a separate map above the list works better than a tight two-column layout. The setup should follow the visitor's actual viewport, not just what looks attractive in the admin panel.

Example of EventON Event Map output with a map beside the event list
This example shows how a venue marker connects to the event list and why this mode works well for festivals, campuses, and city event listings.

Clusters, Marker Popups, and Custom Icons: How to Make the Map Easy to Read

Once the map is working, the next impulse is often to make it "look better." A better goal is to make it readable. Users have only a few seconds to understand the geography of the events. If markers all look the same, clusters do not communicate density, the popup is overloaded, and the icons blend into the map background, visitors will go back to the list or leave the page.

Clusters as a Way to Show Density

A cluster is not just about saving space for its own sake. It shows event concentration. If multiple events happen at one venue, the number on the marker helps people see that the location matters. If a downtown area contains many events, a cluster gives a useful overview before zooming in. At the same time, a cluster should not hide the structure of the program. On narrowly focused pages, it may be better to limit the event set with a filter so the map does not collapse into one giant node.

The Marker Popup as a Short Decision Card

The marker popup should answer the question "what is happening here and where should I click next?" A good data set includes the event title, date or time, short context, and a link to the details. If a venue has multiple events, the popup or the linked list should let visitors choose a specific one. Current versions of the add-on added the ability to open events from the marker popup in a lightbox-style view, so after updating, test not only whether the popup opens but also how clicks on events inside it behave.

Using a Custom Marker Without Losing Readability

A custom PNG marker can align the map with your site's branding, but it can also easily hurt readability. The image should be simple, high-contrast, and large enough to see. Do not use a detailed logo with tiny text. A silhouette, dot, pin, or color accent usually works better because it keeps its shape at different zoom levels. The file should load from a full HTTPS URL and should not depend on authentication in the media library.

A Safe Order for Testing a Custom Marker

  1. First verify the map with the default marker.
  2. Upload the PNG to the WordPress media library and open the file at its direct URL.
  3. Paste the full URL into the marker setting.
  4. Clear page cache and test the map in an incognito window.
  5. If the markers disappear, switch back to the default option and check the add-on changelog.

Practical Example: A Venue Map for a City Festival

Let us walk through a concrete real-world setup. The site has a festival section with events across multiple locations: a concert hall, museum, park, education center, and open city square. Visitors should open the page, see the map, choose a convenient venue, and move to the events at that location. The administrator needs a clear way to verify that the data has not drifted and that the map is not displaying unrelated events.

Goal

You want a "Festival Map" page where EventON Event Map shows only festival events, groups multiple events at the same venue, and lets visitors open event details from the marker or the linked list. The map should be useful both on desktop and on a phone.

Preparation

Before configuring the map, create a separate event type or category for the festival in EventON. Add five physical locations as saved venues. For each one, enter the full name and address, then verify the coordinates after saving. Next, create several events: at least one event at each venue, and two or three venues with multiple events. You need that variety to test clusters and marker-based event selection.

Setup Steps

  1. Verify the Google Maps API. Paste the key into EventON settings, save, and make sure a standard location map on an event page can load.
  2. Configure map behavior. On a long page, enable the setting that disables mouse wheel zoom, keep Roadmap for the first test, and do not add a custom marker until the basic check passes.
  3. Create the map page. In the WordPress editor, add the EventON block, open Calendar Generator, and choose Event Map.
  4. Limit the event set to festival events. Use generator parameters related to event type, category, or date if they are available in your configuration.
  5. Apply the settings and save the page. Open the page while logged out of the admin panel and verify the markers.
  6. Enable map-and-list mode if you need it. Confirm that clicking a marker leaves only the events from the selected venue in the list.
  7. Add a custom marker only after a successful basic test. Make sure the PNG loads over HTTPS and stays readable on both dark and light areas of the map.

Verifying the Output

Open the map and follow the same path a normal visitor would. First check whether the geography is understandable before clicking anything. Then click a venue with one event and a venue with multiple events. Make sure the event title, date, and detail link do not conflict with the marker popup. After that, enable an event type filter if the page has one and check whether the set of markers updates as expected.

A Common Pitfall

If events are missing from the map even though they appear in the calendar, do not check only the map settings. Confirm that the events are assigned to a physical location, that coordinates are filled in, that the event falls within the selected date range, that it is not hidden by past-event settings, and that it is not filtered out by category. In EventON, display issues are often caused not by one setting, but by the intersection of date, filter, status, and location data.

Practical conclusion: a successful festival map is not the result of one lucky shortcode. It comes from disciplined data. If venues are entered carefully, EventON Event Map becomes navigation. If the data is messy, the map quickly turns into a source of errors.

Checking the Live Site, Performance, and SEO

An event map affects more than just how a page looks. It adds an external mapping script, interacts with EventON, depends on JavaScript, and can increase load time. That is why after setup you should check not only whether it is visible, but also how it behaves for different users, devices, and browsing patterns.

Front-End Verification

Open the page in a regular window, an incognito window, and on a mobile device. Make sure the map does not overlap text, markers are easy to tap, the marker popup does not run off the edge of the screen, and the event list stays readable. If the map is embedded in a tab, accordion, or page builder popup, test it after opening that container: maps sometimes calculate height incorrectly when they are initialized inside a hidden element.

Performance and Cache

In its own slow-loading recommendations, EventON advises using cache, cleaning the database, and avoiding overloaded calendars with too much data in event cards. That matters even more for a map: if the page outputs hundreds of events with full cards and media content, visitors may spend more time waiting for the calendar HTML than for the map itself. In some cases, it is better to keep event pages separate and use a short popup with a details link inside the map.

Cache should make the page faster, not break interactivity. If your optimizer combines or defers scripts, test marker clicks, filters, month switching, and event opening. If anything breaks, temporarily exclude EventON and Google Maps scripts from aggressive optimization, then re-enable settings one by one.

SEO and Structured Data

The map by itself does not guarantee better search visibility. Its SEO value is indirect: it improves navigation, helps visitors find the right event, and makes the page more useful. For search engines, what matters more is that the events themselves have clear titles, dates, physical addresses, detail pages, and correct EventON data. The core EventON plugin includes event and location data support, so do not replace a proper event description with just a map.

For important venues, add a text block below the map that explains how to get there, what kinds of events happen there, whether there are access restrictions, and where parking or nearby transit is available. That text helps visitors and does not depend on Google Maps loading successfully. If the map fails because of a blocker or key error, the page should still give people the address and the next step.

A Safe CSS Tweak for the Map Wrapper

If the theme makes the calendar too narrow or breaks spacing, start with the wrapper in the WordPress editor. Add an extra CSS class event-map-guide-wrap to the group or container, then add a small CSS snippet in the EventON styles field or your child theme styles. This does not modify the plugin core and does not rely on undocumented internal files.

.event-map-guide-wrap .ajde_evcal_calendar {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.event-map-guide-wrap {
  overflow: visible;
}

.event-map-guide-wrap img {
  max-width: 100%;
  height: auto;
}

This tweak does not change how the map works. It simply helps keep the block at a reasonable width and prevents images inside the container from overflowing. After saving, clear cache and test the page on desktop and phone. If the style does not apply, use the browser inspector to check whether the theme is overriding your rules with stronger selectors.

Useful Pairings with Other EventON Features

EventON Event Map works best when paired with existing EventON features. But those combinations should be described honestly: not every pairing is a separate official integration, and not every combination belongs on the same page. A strong setup gives each layer its role: the map handles place, filters narrow the set, the list provides detail, and a slider promotes selected events.

EventON Filters and Filters Plus

On the EventON product page, the vendor notes that Events Map integrates with EventON filters, and Filters Plus expands filtering for larger event sets. The practical use case is straightforward: the map shows geography, basic filters help visitors choose an event type or date, and advanced filters become useful when someone needs to combine multiple conditions. On a city portal, that might be "talks + weekends + downtown." For a conference, it could be "track + day + building."

The best setup order is this: first get a stable map without filters, then add one basic filter, and only after that enable advanced filtering. If markers stop updating, temporarily disable the extra filters and check whether a specific condition conflicts with the selected event range.

Event Lists Ext. for a Detailed List Below the Map

Event Lists Ext. can be useful when the map handles venue selection and the detailed list underneath handles schedule browsing. That pairing is especially effective for conferences and educational programs where users need to see not just a point on the map, but also the event order, time, category, and short description. Do not try to cram all of that detail into the marker popup. The popup should stay short; the list should carry the detail.

Event Slider for Promoting Featured Events

If the map contains many events, important ones can get lost. Event Slider makes sense as a separate block above or below the map, where it highlights key events while the map helps users find the venue. But the slider should not replace navigation. If the slider and map use different event sets, label the blocks clearly so visitors understand the difference: "featured events" versus "all venues."

The Standard Event Page and Directions Button

For a single event, a regular EventON event page with the location, map, and directions button may be the better choice. EventON Event Map is meant for the broader geography; the event page is meant for a specific event. A site can use both formats at once: one shared map of all venues plus detailed pages with the address, venue image, directions button, and access details.

Limitations and Risky Settings You Should Know in Advance

An event map has limitations that are not plugin bugs. They come from the nature of the task itself: the map depends on an external mapping service, on address quality, on JavaScript, on the theme, and on the number of events on the page. If you explain these constraints to editors and site owners ahead of time, support becomes much calmer.

Google Maps API Is an External Dependency

The map is not a fully self-contained part of WordPress. Google Maps requires access to Google's service, a valid key, and correct restrictions. On some corporate networks, in browsers with strict blockers, or when there is a billing problem, the map may not load at all. That is why important addresses should still appear in text near the event. The map helps, but it should not be the only source of venue information.

Large Numbers of Events

If you display too many events across a long date range, the map can become heavy and awkward to use. Clusters help visually, but they do not remove the underlying data volume. For large calendars, use date ranges, filters, separate pages by program, or separate pages by event type. In map-and-list mode especially, check how many cards load at once and whether each one pulls in heavy images.

Design Expectations That Do Not Match Reality

EventON lets you customize the look of the calendar and maps, but Google Maps still comes with its own limits. If you need fully branded presentation, start with the map type, a clean marker, and a CSS wrapper. Do not try to rewrite the add-on's internal files. Those edits are difficult to maintain after updates, and the changelog shows that EventON Event Map periodically updates map styles, marker popups, and scripts.

Updates and Compatibility

The Events Map changelog regularly includes fixes related to the Google Maps API, PHP, EventON compatibility, custom markers, map height, popup event opening, and marker behavior. That is a strong argument for keeping the add-on updated, but updates on a live site still need to be handled carefully: make a site copy, create a backup, test the map, test the side-by-side mode, and test your CSS adjustments.

Working Rules for Editors Who Add Events to the Map

The technical map setup solves only half the problem. The other half depends on the people creating events every day. If an editor does not understand how their fields affect markers, they can easily break navigation by accident: create a duplicate venue, leave stale coordinates in place, choose a virtual location for a physical event, or change the address in the description without updating the location record. That is why EventON Event Map deserves a short editorial workflow.

These rules do not need to become a twenty-page internal manual. It is enough to define which fields are required, how to choose an existing venue, when to create a new one, who is allowed to change coordinates, and how to verify an event after publishing. The key is to connect each rule to what appears on the map. Editors follow the process more reliably when they understand that one extra variation of an address can create a separate marker, or that missing coordinates can remove an event from the map entirely.

Use One Consistent Venue Name

To a visitor, "Main Hall," "Main Hall - conference building," and "Main Hall, 15 Green Street" may all describe the same venue. To the system, they are often different records if editors create them separately. Inside the site, it is better to choose one naming format: start with the official venue name, then add the building, hall, or entrance only if necessary. If a place contains multiple halls, decide whether they really need separate markers. On a large campus, that may help. In a single building, it usually does not.

A good practice is to assign one person to manage the venue directory. Content managers select an existing location from the list, and only create a new one if the venue truly does not exist yet. If an event temporarily takes place in a new room within the same venue, that detail can go in the event description instead of forcing a separate point on the map. That way, the map stays navigation rather than becoming a catalog of every internal room.

The Full Address Rule

The address should be sufficient for geocoding and clear for people. In most cases, the venue name alone is not enough. Include the street, number, city, and country, especially if the site is international or contains same-name locations. If Google chooses the wrong point, add more detail or check the coordinates. Do not put instructions like "use the side entrance" or "next to the subway station" in the address field. Those details belong in the description because they can interfere with precise address recognition.

When Coordinates Matter More Than Text

Some venues have a mailing address that does not match the actual entrance point: parks, fairs, stadiums, campuses, exhibition grounds, piers, and mountain routes. For those, checking latitude and longitude is especially important. If the marker should lead to a specific entrance rather than the center of the property, coordinates become the main technical reference. In that case, add an editorial rule: after creating the location, the responsible person opens the public map and confirms the marker position.

Physical Place and Access Details

EventON Event Map shows the place, but it does not explain the entire route. If the venue is complex, add text to the event page describing the nearest entrance, floor, access control, parking, transit stop, or accessibility for people with limited mobility. That does not replace the map; it complements it. Visitors choose a marker first, then open the event and get practical guidance.

For closed events, do not publish the exact address too early if that conflicts with access rules. In that case, the map can show the general area or omit the event until registration is confirmed. The important thing is not to promise directions if the exact location will be shared later. It is better to state clearly on the event page how and when the attendee will receive the address.

Verification After Publishing an Event

Every event that is supposed to appear on the map should be checked not only in the editor. After publishing, open the map page, find the marker, click it, and go to the event. If the map uses a side list, verify that the event appears after selecting the venue. If the page includes filters, test at least one filter relevant to that event. This check takes less than a minute, but it immediately catches date, category, location, and coordinate errors.

Team rule: an event is not considered published on the map until it has been verified on the front end. Saving the record in the admin panel does not guarantee that visitors will see the correct marker.

A Rollout Plan for a Live Site Without Unnecessary Risk

If your site already has a calendar with real traffic, do not enable the new map for every event at once. It is safer to introduce EventON Event Map in stages: first a technical test, then a pilot page, then the editorial workflow, and only then the main navigation. That approach may look slower, but it is faster than fixing dozens of incorrect markers after launch.

Stage 1: Technical Sandbox

Create a private or draft page with a few test events. Check the Google Maps API key, core map settings, default markers, the marker popup, and map-and-list mode. At this stage, final design does not matter. What matters is proving that the add-on sees events, pulls locations correctly, and does not conflict with your theme or cache.

If errors appear at this stage, they are easier to fix. You have not yet added advanced filters, custom icons, a large number of events, or custom styles. Every problem has fewer possible causes. Once the check succeeds, document the minimum set of settings that definitely works.

Stage 2: Pilot Section

Choose one area of the site where the map is genuinely useful: a festival, upcoming events, a city program, or a network of branches. Do not start with the whole calendar. Add a limited set of events to the map and verify the data quality. At this stage, you can already enable the side-list mode, an event-type filter, and a carefully designed custom marker, as long as the core output is stable.

What to Measure During the Pilot

  • Marker accuracy. Every venue should land on the expected point, and identical places should not be duplicated.
  • Clarity of selection. Visitors should understand what happens after clicking a marker and how to return to all events.
  • Phone behavior. The map should not block scrolling, the marker popup should not cover the whole screen, and the list should remain readable.
  • Page speed. The map should not turn the section into a heavy page because of an overly long date range or full event card output.
  • Editorial repeatability. A content manager should be able to add a new event and verify it without a developer.

Stage 3: Move It Into Main Navigation

After the pilot, you can add the map to the menu, the all-events page, or program landing pages. At that point, do not lose the context. If the map becomes a standalone page, add a short explanation above it: which events are shown, how to use the markers, what grouping means, and where to open details. If the map is embedded in an event or program page, explain why that particular set of venues is being shown.

Do not overload one page with multiple maps. If you need to show different programs, separate tabs or separate pages with different calendars are usually better. Multiple interactive maps on one page are harder for visitors to use and increase the risk of script conflicts, especially with caching and JavaScript optimization.

Stage 4: Support After Updates

After updating EventON, EventON Event Map, the theme, or the optimizer, run a short verification: the map loads, markers are visible, clicking opens the popup, the side list reacts, the custom marker loads, and filters do not break the event set. If you use custom CSS, check whether classes or block structure have changed. If you use aggressive optimization, verify the script loading order.

It is helpful for the team to keep one permanent test page instead of deleting it after launch. That page lets you quickly see whether a problem came from an update or from the data of a specific event. If the simple test page works but the production page does not, look at filters, data volume, a specific location, custom styles, or page builder settings.

Troubleshooting and Fixing Common Map Problems

If the map is not working, do not start with reinstallation. With EventON Event Map, it is more effective to troubleshoot layer by layer: Google Maps key, location data, event settings, block output, scripts, cache, and theme or plugin conflicts. Below is a practical troubleshooting path that covers the most common symptoms.

EventON Event Map troubleshooting map for Google Maps, coordinates, and script errors
This troubleshooting diagram helps you quickly separate API key issues, location data problems, EventON settings, cache issues, and JavaScript conflicts.

The Map Is Gray or Does Not Load

Symptom: the page contains a space for the map, but the map itself is gray, empty, or showing a Google message. Possible causes include a missing key, incorrect domain restrictions, the Maps JavaScript API being disabled, a billing problem, or a global Google Maps API disable setting inside EventON.

What to check: open the browser console, find any Google Maps errors, then check the key field under EventON -> Settings -> Location or the Google Maps API section. Make sure the site domain has been added to the key restrictions and that the key was not copied with an extra space. If you changed domains recently, verify both the live and test URLs.

How to fix it: enable the required APIs in Google Cloud, verify billing, add HTTP referrer restrictions, and save the EventON settings. Then clear both site and browser cache. If the map still does not appear, temporarily disable JavaScript optimization and test the page again.

The Map Loads but There Are No Markers

Symptom: Google Maps loads, but event points are missing. Possible causes include events without a physical location, missing coordinates, the selected calendar filtering the events out, hidden past events, or unpublished events.

What to check: open one event that should appear on the map. Check the date, publish status, category, selected location, full address, and coordinates. Then open the saved location and, if needed, use the coordinate generation button. If the event is recurring, confirm that the relevant occurrence falls within the map range.

How to fix it: assign the location through a saved EventON location object, update the coordinates, save the event, and check the page again. If the map is limited by category, temporarily remove the filter and confirm that the event appears in the general set.

Markers Appear in the Wrong Place

Symptom: the point on the map appears in the wrong district, wrong city, or in the middle of the street. A common cause is an ambiguous address, outdated coordinates, or multiple similar venues. Google may choose the first plausible match, but for campuses, parks, and large complexes, that is often not enough.

What to check: compare the venue address with what Google Maps shows when searched manually. Check the latitude and longitude in the location record. If the venue has been edited, make sure the coordinates were refreshed and the events are using that exact saved location.

How to fix it: refine the address, add the city and country, and refresh the coordinates through EventON or manually if you know the correct point. After saving, clear cache and check the marker on the map.

Clicking a Marker or Filter Does Nothing

Symptom: markers are visible, but the popup does not open, the list does not change, or the calendar buttons do not respond. Possible causes include a JavaScript error on the page, an optimizer conflict, outdated jQuery, missing EventON scripts in the page footer, or a blocked admin-ajax.php.

What to check: open the browser console and network tab. Make sure the main EventON script is loading, look for red errors, and verify that admin-ajax.php is not returning 403. If the issue appeared after enabling cache or minification, temporarily disable those features.

How to fix it: exclude EventON and Google Maps scripts from aggressive bundling, verify that the theme includes wp_footer(), disable the conflicting plugin for testing, and then re-enable optimization settings one at a time. If the page loads through AJAX without a full refresh, a developer may need to reinitialize EventON scripts separately.

The Custom Marker Does Not Display

Symptom: the default markers worked, but after adding a PNG, the icons disappeared or look broken. Possible causes include an invalid URL, a file that is not publicly accessible, an image that is too heavy, an HTTP link on an HTTPS page, or an outdated version of the add-on where the marker URL issue was fixed later.

What to check: open the image URL in a separate tab while logged out of WordPress. Make sure the file is actually a PNG, does not redirect to an attachment page, and does not require authentication. Then switch back to the default marker and confirm that the map works again.

How to fix it: upload a new lightweight PNG, paste the full HTTPS URL, save the settings, and clear cache. If the issue remains, check for EventON Event Map updates, because the changelog has included fixes related to custom markers.

The Map Breaks After an Update or Theme Change

Symptom: the map worked before the update, but afterward the height, marker popup, styles, or side list changed. Possible causes include add-on script updates, theme changes, a reset of EventON dynamic styles, or a conflict with custom CSS.

What to check: save the EventON settings again without changes, clear cache, compare the map in a default theme, and disable your custom CSS adjustments. If the issue affects only styles, use the browser inspector and add a more precise rule in the EventON styles field or child theme.

How to fix it: do not roll back the entire site immediately. First separate a functional issue from a visual one. If clicks and markers work, fix the CSS. If the map behavior itself is broken, check the console, the add-on version, and optimization conflicts. A rollback makes sense only after a backup and only if the issue is critical for visitors.

Questions That Usually Come Up After the Map Is Set Up

Can I use EventON Event Map without the core EventON plugin?

No. This is an add-on for EventON, not a standalone calendar. It uses events and locations from the EventON system, so the core calendar needs to be working first.

Do I need a Google Maps API key?

Yes. A working Google Maps display requires a key. You need to add it in EventON settings and restrict it to your site domain. If the key is missing or restricted incorrectly, the map may appear gray, blank, or show an error in the console.

Why does an event appear in the calendar but not on the map?

In most cases, the cause is the location or the filters. Check that the event is published, falls within the selected range, is not hidden by past-event settings, has a physical location and coordinates, and is not being filtered out by category or event type.

Can I use custom markers?

Yes. EventON Event Map supports custom markers through the EventON system. Use a simple PNG at a full HTTPS URL and test it only after the basic map is working. If the markers disappear, temporarily restore the default icon and check the file URL.

Which is better: a full event map or a map beside the list?

A full event map works well for a broad overview of venues. Map-and-list mode is more useful when visitors choose the location first and then a specific event. For festivals, campuses, and city event listings, the second option is usually clearer, but it should always be tested on mobile devices.

Will the map affect page speed?

It can, because it adds mapping scripts and event data. Do not display an unnecessarily large date range, use cache carefully, review JavaScript optimization, and avoid loading more data into the marker popup than users need to choose an event.

Can I replace Google Maps with another service inside EventON Event Map?

In the official materials available for this add-on, the main workflow is built around Google Maps. If your project specifically requires a different mapping service, it is better to check the developer documentation in advance or consider a calendar where that alternative is offered as a built-in feature.

Should I add a map if all events happen in one place?

Usually not. For one permanent venue, the address, the map on the event page, and written directions are typically enough. A shared map is most effective when there are multiple venues or when visitors choose events by location.

When EventON Event Map Is the Right Choice

EventON Event Map is worth using if your site already runs on EventON, your events are tied to physical venues, and visitors genuinely need to choose by location. The add-on is a strong fit for setups with many venues, clusters, marker popups, custom icons, and a map-and-list layout. It helps turn a calendar into venue-based navigation instead of simply adding a decorative map.

Before rollout, verify the base calendar, locations, coordinates, Google Maps API key, output through the Calendar Generator, marker behavior, and map behavior on mobile devices. After that, add filters, custom icons, and pairings with other EventON add-ons. That sequence reduces the chance of errors and makes the map easier for visitors to use.

If the use case still matches your site after testing, you can download the installation file, install the add-on on a test copy or draft page, and walk through the control path: event - location - coordinates - marker - popup - detail page. If that chain works, the map is ready to be introduced carefully in a live section.

By OceanTheme.org Editorial Team

 

You are not logged in to post comments.