Adding and Configuring Google Maps for the Event App

Overview

The Google Maps component in the Event App allows you to display embedded maps using an iframe code to showcase event locations and directions. Validation ensures that the map is displayed correctly, loads without errors, and reflects the configured location accurately.

Both Participants and Moderators can verify the visibility, functionality, and correctness of the Google Maps component within the Event App.

Step-by-Step Approach

1. Validate the Google Maps Component (Participant View)

• Log in to the Event App as a Participant.
• Navigate to the page where the Google Maps component is published.
• Verify the following:
  • The map is visible and loads correctly.
  • The displayed location matches the configured venue or address.
  • The map is interactive (zoom in/out, drag, switch views if applicable).
  • The iframe content renders without errors or blank sections.
  • The map is responsive and displays correctly across devices.

Ensure that:

• The map loads efficiently across different browsers and devices.
• There are no broken or invalid iframe links.
• The component maintains proper responsiveness and alignment within the page layout.