Showcase Gravity Forms Submissions on a Google Map
Introduction
If your website collects location-based data using Gravity Forms, you likely want a way to visualize that data. Whether you're displaying business listings, event locations, service requests, or user-submitted entries, integrating Gravity Forms with Google Maps can make your data more accessible and interactive.
That's where Gravity Geolocation’s Mashup Map feature comes in. This feature allows you to display multiple Gravity Forms submissions on a Google Map dynamically. It’s easy to set up using a simple shortcode, and new entries appear on the map automatically.
In this guide, we’ll explore how the Mashup Map feature works, what you can do with it, and how to set it up on your site.
What Is the Gravity Forms Google Maps Mashup Feature?
The Mashup Map is a powerful tool within Gravity Geolocation that allows you to display multiple form submissions as location markers on a map. When users submit a Gravity Form that includes an Address, Coordinates, or Map Field, their locations are automatically plotted on an interactive Google Map.
This feature is particularly useful for:
- Business directories - Show company locations submitted via a Gravity Form.
- Event listings – Display user-submitted event venues on a map.
- Service requests – Visualize customer locations for delivery or field services.
- Real estate listings – Map out property submissions from Gravity Forms.
How Does It Work?
The Mashup Map lets you display Gravity Forms entries on Google Maps using location data collected from the different geolocation fields provided by the Gravity Geolocation plugin, allowing flexibility in how locations are captured.
The location data can be collected using:
- Address Field – Users enter an address, which is geocoded into latitude and longitude.
- Coordinates Field – Directly stores latitude and longitude values for precise placement.
- Map Field – Allows users to select a location by dropping a pin on an interactive map.
In addition to these fields, the Geocoder field is used to sync with other geolocation fields, geocode the location, and store it in the entry.
The Mashup Map can display entries using using location data collected by any combination of these fields, making it a powerful tool for mapping form submissions.
Key Features:
- Displays Multiple Entries – Show all Gravity Forms submissions on a single map.
- Automatic Updates – Newly submitted entries appear on the map in real time.
- Simple Shortcode Integration – Embed the map anywhere using a shortcode.
- Customizable Display Options – Control zoom level, marker styles, clustering, and more.
With the Mashup Map, you can transform Gravity Forms submissions into a dynamic, location-based display, improving both data visualization and user interaction.
How to Display Gravity Forms Entries on a Map with Gravity Geolocation
Setting up the Mashup Map feature is simple. Follow these steps to display Gravity Forms submissions on an interactive map:
1. Install and Activate Gravity Geolocation
Ensure you have the Gravity Geolocation plugin installed and activated on your site. If you haven't got the plugin yet, get it here.
Once installed, activate the plugin on your site. For a step-by-step setup guide, refer to the installation and setup documentation.
2. Enable Geolocation Fields in Your Form
To display form entries on the map, your Gravity Form must collect geolocation data. This can be done by adding one or more geolocation-enabled fields such as the Address Field, Coordinates Field, Map Field, or any of the other geolocation fields.
For a step-by-step guide on setting up a geolocation-enabled form, see the tutorial.
3. Submit Sample Entries
Before displaying the Mashup Map, submit a few test entries with different locations to ensure that the form is collecting geolocation data correctly.
4. Use and Customize the Mashup Map Shortcode
To display the map, insert the Mashup Map shortcode into a page or post:
[gfgeo_mashup_map form_id="1"]
Replace "1" with the actual Gravity Form ID you want to display.
You can also customize the map display using shortcode attributes. For example:
[gfgeo_mashup_map form_id="1" map_height="500px" zoom_level="8"]Common attributes include:
map_height="500px"– Adjusts the map height.zoom_level="8"– Sets the default zoom level.map_type="roadmap"– choose the map type.include_entries="101,102,103"– include only specific entries.
For a full list of shortcode attributes and customization options, see the Mashup Map documentation.
5. Publish and View Entries on the Map
Once you've added the shortcode, publish the page and view your interactive map. New entries will automatically appear as they are submitted.
Why Use the Mashup Map Feature?
The Mashup Map is more than just a visual enhancement—it’s a practical way to showcase Gravity Forms data interactively. Here’s why it’s beneficial:
- Enhances Data Visualization – Instead of viewing entries in a list, users see them in a geographic format.
- Works for Any Use Case – Great for directories, event listings, service requests, and more.
- Saves Time and Effort – No coding or third-party integrations needed—it works out of the box.
- Fully Customizable – Control zoom, marker styles, and map behavior to suit your needs.
Want more ideas? Check out our Gravity Forms Google Maps use cases.
Whether you’re building a local business directory, tracking service requests, or showcasing real estate listings, the Mashup Map feature helps bring Gravity Forms data to life.
Frequently Asked Questions
Can I display Gravity Forms entries on Google Maps?
Yes! The Mashup Map feature in Gravity Geolocation allows you to display Gravity Forms submissions on Google Maps dynamically. This makes it easy to create an interactive Gravity Forms Google Map with real-time updates.
How do I add Gravity Forms locations to Google Maps?
Simply use the Mashup Map shortcode: [gfgeo_mashup_map form_id="1"]. Replace "1" with your actual Gravity Form ID. New entries will automatically appear on the map.
Can I customize the appearance of the Google Map?
Yes! You can customize the map height, zoom level, marker styles, and more using shortcode attributes. See the full customization guide here.
Is the Mashup Map mobile-friendly?
Yes! The Mashup Map is fully responsive and works seamlessly on desktops, tablets, and mobile devices for an optimal user experience.
Do I need an API key to use Google Maps with Gravity Forms?
Yes, a Google Maps API key is required to use Google Maps with Gravity Forms. Follow our API setup guide to get started.
Final Thoughts
If you collect location-based data with Gravity Forms, the Mashup Map feature makes it easy to display entries on Google Maps. It allows you to effortlessly display multiple form submissions on an interactive map, providing a better user experience and more insightful data visualization.
Get Started Today
Bring your submissions to life with the Mashup Map feature in Gravity Geolocation. Ready to try it out? Check out our documentation for more details, test the feature with our live demo, or explore our pricing plans to get started today.
If you have any questions or need assistance, feel free to contact us. Let’s map your Gravity Forms data with style!