Uploaded May 2025 | Updated September 2026, 2 days ago
In this JetEngine tutorial, Andrew shows how to connect a dynamic map with listing grids and calendars so they all stay in sync: when you pan or zoom the map, only the posts visible in the current map view are shown in the listings. You’ll learn how to build a custom Geo Search query, wire up the Map Sync widget, and link multiple listing types (map, Loop grid, and calendar) for an interactive browsing experience.
This approach is ideal for event maps, real estate listings, local directories, and any site where users explore content visually on a map and then see more details in cards or calendars below.
✅ What you'll learn
• How to create a Geo Search query in JetEngine Query Builder
• How to use Map Sync as a controller for maps, grids, and calendars
• How to connect a Map Listing widget to address/meta fields
• How to link a Listing Grid (loop) and Dynamic Calendar as additional providers
• How to update all listings automatically when the map position changes
• How to combine Geo Search with different listing templates and filters
JetEngine’s Map Listing + Map Sync turns your map into a live filter for loop‑based listings and calendars, all driven by the same structured data.
📄 Related docs & guides
How to update Map Listing on pan/zoom:
out.crocoblock.com/4kwu1nY
Geo Search & location queries (JetEngine):
crocoblock.com/knowledge-base/jetengine/how-to-show-posts-in-listing-grid-based-on-location-and-distance
Map Listing Overview:
crocoblock.com/knowledge-base/features/map-listing-overview
Dynamic WordPress sites with JetEngine:
crocoblock.com/solution/dynamic
💬 Messaging for local directories and maps (optional upgrade)
If your map‑based site connects users with vendors, hosts, or local businesses, you can add private messaging with JetMessenger. Visitors can discover locations on the map, open a listing, and then start a direct conversation with the owner or team — keeping all communication inside your WordPress site.
-------------
Q: What do I need before using Map Sync?
A: You need JetEngine installed, the Map Listing module enabled, at least one map provider configured (Google Maps, Leaflet, or Mapbox), and a post type with address/location data in meta fields.
Q: Does Map Sync work only with Elementor?
A: No. The same Map Sync + Map Listing + Geo Search logic can be used with Elementor, the WordPress Block Editor, and Bricks; the key is using the same query IDs and providers across widgets/blocks.
Q: Can I sync more than one listing with the same map?
A: Yes. You can connect the map to multiple listings at once (for example, a Loop grid and a Dynamic Calendar) so they all update together based on the visible area of the map.
Q: How does Geo Search affect what appears on the map and in listings?
A: Geo Search lets you limit results to posts within a radius around a point or within the current map bounds. Map Sync uses that query, so only posts inside the visible map region are displayed across all connected listings.
Q: Is this approach suitable for large events or real estate directories?
A: Yes. Map Sync is designed for data‑heavy use cases like event maps, rentals, real estate, and local business directories, where users need both a visual map and detailed listing cards.
-------------
► TIMESTAMPS
00:00 Introduction
00:31 What You Need to Get Started
01:42 Building a Custom Geo Search Query
02:22 Adding the Map Sync Widget
03:20 Setting Up the Map Listing Widget
04:28 Linking the Listing Grid and Calendar
05:32 Live Demo: Listings Sync in Action
06:09 Advanced Use Cases & Custom Filters
---------------
► Get JetEngine:
out.crocoblock.com/4kw47AH
► Get JetSmartFilters:
out.crocoblock.com/3F2WbI6
► Choose Crocoblock subscription:
out.crocoblock.com/3H1VGym
#JetEngine #MapListing #MapSync #GeoSearch #WordPress #Crocoblock
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/crocoblock
► LinkedIn: linkedin.com/company/crocoblock
In this JetEngine tutorial, Andrew shows how to connect a dynamic map with listing grids and calendars so they all stay in sync: when you pan or zoom the map, only the posts visible in the current map view are shown in the listings. You’ll learn how to build a custom Geo Search query, wire up the Map Sync widget, and link multiple listing types (map, Loop grid, and calendar) for an interactive browsing experience.
This approach is ideal for event maps, real estate listings, local directories, and any site where users explore content visually on a map and then see more details in cards or calendars below.
✅ What you'll learn
• How to create a Geo Search query in JetEngine Query Builder
• How to use Map Sync as a controller for maps, grids, and calendars
• How to connect a Map Listing widget to address/meta fields
• How to link a Listing Grid (loop) and Dynamic Calendar as additional providers
• How to update all listings automatically when the map position changes
• How to combine Geo Search with different listing templates and filters
JetEngine’s Map Listing + Map Sync turns your map into a live filter for loop‑based listings and calendars, all driven by the same structured data.
📄 Related docs & guides
How to update Map Listing on pan/zoom:
out.crocoblock.com/4kwu1nY
Geo Search & location queries (JetEngine):
crocoblock.com/knowledge-base/jetengine/how-to-show-posts-in-listing-grid-based-on-location-and-distance
Map Listing Overview:
crocoblock.com/knowledge-base/features/map-listing-overview
Dynamic WordPress sites with JetEngine:
crocoblock.com/solution/dynamic
💬 Messaging for local directories and maps (optional upgrade)
If your map‑based site connects users with vendors, hosts, or local businesses, you can add private messaging with JetMessenger. Visitors can discover locations on the map, open a listing, and then start a direct conversation with the owner or team — keeping all communication inside your WordPress site.
-------------
Q: What do I need before using Map Sync?
A: You need JetEngine installed, the Map Listing module enabled, at least one map provider configured (Google Maps, Leaflet, or Mapbox), and a post type with address/location data in meta fields.
Q: Does Map Sync work only with Elementor?
A: No. The same Map Sync + Map Listing + Geo Search logic can be used with Elementor, the WordPress Block Editor, and Bricks; the key is using the same query IDs and providers across widgets/blocks.
Q: Can I sync more than one listing with the same map?
A: Yes. You can connect the map to multiple listings at once (for example, a Loop grid and a Dynamic Calendar) so they all update together based on the visible area of the map.
Q: How does Geo Search affect what appears on the map and in listings?
A: Geo Search lets you limit results to posts within a radius around a point or within the current map bounds. Map Sync uses that query, so only posts inside the visible map region are displayed across all connected listings.
Q: Is this approach suitable for large events or real estate directories?
A: Yes. Map Sync is designed for data‑heavy use cases like event maps, rentals, real estate, and local business directories, where users need both a visual map and detailed listing cards.
-------------
► TIMESTAMPS
00:00 Introduction
00:31 What You Need to Get Started
01:42 Building a Custom Geo Search Query
02:22 Adding the Map Sync Widget
03:20 Setting Up the Map Listing Widget
04:28 Linking the Listing Grid and Calendar
05:32 Live Demo: Listings Sync in Action
06:09 Advanced Use Cases & Custom Filters
---------------
► Get JetEngine:
out.crocoblock.com/4kw47AH
► Get JetSmartFilters:
out.crocoblock.com/3F2WbI6
► Choose Crocoblock subscription:
out.crocoblock.com/3H1VGym
#JetEngine #MapListing #MapSync #GeoSearch #WordPress #Crocoblock
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/crocoblock
► LinkedIn: linkedin.com/company/crocoblock
