Interactive Map View

Display Your Listings on a Beautiful Interactive Map

The Map View feature lets your visitors explore listings geographically using an interactive, full-screen map powered by OpenStreetMap and Leaflet.js

Key Features

• Interactive Map with Clustering — Listings are automatically grouped into clusters when zoomed out, keeping the map clean and performant even with thousands of entries.
• Sidebar Listing Cards — A scrollable sidebar displays listing details alongside the map in a 70/30 split layout, similar to Zillow and Airbnb.
• Automatic Geocoding — When you add or update a listing address, coordinates are automatically resolved in the background. No manual lat/lng entry needed.
• Click-to-Highlight Interaction — Clicking a marker highlights the corresponding card in the sidebar, and clicking a card pans the map to the listing location.
• Auto-Fit Bounds — The map automatically zooms to fit all your listings on load, so visitors always see relevant results right away.
• Works with All Templates — The map view is available across every template and accessible via the navigation menu.

How It Works

1. Enable Map View from your directory settings.
2. Add addresses to your listings — geocoding happens automatically in the background.
3. Your visitors can now browse listings on the map from the "Map" link in the navigation.