Interactive Map Slider
Overview / Purpose
This component is a configurable, interactive map-based slider that displays region-specific content within a structured slide experience.
Each main slide represents a global or regional view and corresponds to a selectable region on the map.
Core functionality and interactive map behavior:
- Built-in auto-slide transitions
- Manual navigation via clickable or touchable map regions
- Synchronized interaction between the map and active slide
- Multiple interactive regions with default highlight colors
- The corresponding slide becomes active
- The selected region remains highlighted
- Other regions revert to default
- Selecting a region updates the slide with tailored content while maintaining a consistent layout.
Best Practices / Usage Guidelines
- Keep regions visually clear and easy to identify.
- Ensure each region provides concise, relevant content.
- Maintain a consistent slide structure.
- Avoid overcrowding slides with too much information.
- Design for accessibility and touch interaction.
Dimensions & Copy Limits
- Title text max Character limit: 40 characters
- Text max Character limit: 400 characters
- Region title: Maximum 20 characters
- Fixed number of data boxes: 3
- Data labels: Maximum 30 characters
- Links: Maximum 15 characters
- Minimum number of regions: 3
- Maximum number of regions: 6
This module is quite advanced in its structure and functionality. If you are planning to use it, please contact us, the Web Team. We will support you in understanding how the module works and guide you in planning and implementing it in the most effective way.
The sample module is shown below.