MapLab Pro Demo

Browsing Locations (Front-end)

1. Click View Front-end Demo above to open a sample MapLab Pro map.
2. Use the Search field to filter locations by visible text.
3. Use the Region dropdown or region buttons to narrow the map.
4. Click a marker or marker cluster to explore locations on the map.
5. Open a marker popup to see contact details, website links, and directions links.
6. Scroll to the cards below the map to browse the same filtered locations in card form.
7. Open a location detail page to view SEO-friendly location content.

Managing Maps (Admin)

1. Click Open Admin Panel and log in with the demo credentials.
2. Go to Components > MapLab Pro.
3. Open Maps to see the available map datasets.
4. Click a map title to edit its details and location field layout.

Configuring Location Fields

1. Open a map from Components > MapLab Pro > Maps.
2. Use Location Fields to reorder built-in and custom fields.
3. Click Add Custom Field to add extra map-specific data.
4. Click Add Section Break to separate visible groups of fields.
5. Hide optional built-in fields that do not apply to this map.
6. Save the map and open a location to see the updated form order.

Importing Locations from CSV

1. Go to Components > MapLab Pro > Locations.
2. Click Import CSV.
3. Select the target map and upload a CSV file.
4. Review the preview badges and warnings.
5. Choose an import mode: Append, Update existing, or Replace all.
6. Enable Create missing regions or Create missing custom fields if needed.
7. Click Import CSV.

Publishing a Map

1. Create a menu item using MapLab Pro > Map, or create a MapLab Pro Map module.
2. Select the map dataset.
3. Configure display options such as map height, marker colour, marker size, card columns, and maximum logo height.
4. Configure filtering options such as region dropdown/buttons, search, and custom field filters.
5. Configure clustering and map behaviour.
6. Save and view the frontend.