Mapbox (Map Integration)

The Mapbox widget allows you to display a customizable and interactive map within your layout. Unlike the Properties Mapbox widget, this general-purpose element is not tied to property listings. It's useful when you want to showcase a location, create visual highlights, or add a custom map background anywhere on your site.

How to Add the "Mapbox" Widget

1. Open the page you want to edit with Elementor.
2. In the Elementor widget panel, search for "Mapbox".
3. Drag and drop the widget into the section where you want the map to appear.
4. Configure its options from the Content and Style tabs.

You must add your Mapbox API key in the theme settings before the map will display correctly. Refer to the setup guide here: How to Get and Add Your Mapbox API Key.

Configuration Options

Content Tab

• Map Style: Choose a style for the map (default uses the global theme settings).
• Hide Zoom Control: Toggle ON/OFF to show or hide the zoom buttons (+/-).
• Hide Next/Previous Control: Toggle ON/OFF to show or hide navigation arrows.

Properties

• Number of Properties – Set how many listings to display on the map.
• Offset – Offset the results by skipping a certain number of properties.
• Type / Status / Features / Labels – Filter properties by type, status, features, or labels.
• Country / State / City / Area – Filter results based on specific geographic fields.
• Featured Properties – Enable to show only properties marked as "Featured".

Best Practices

• Use this widget for general location display (e.g., office location, event venue) instead of property listings.
• Keep map height consistent across the site for a clean look.
• Choose a Mapbox style that complements your theme design.
• Avoid overloading the page with multiple maps to keep performance optimized.