β¨
NEW IN V2 - August 2025
V2 Dynamic Colors Setup
The complete configuration panel for the new dynamic colors system, mapping data fields to custom HEX codes.
V2 Dynamic Colors Preview
A live map preview showing how markers are automatically colored based on data categories.
V2 Tooltip Templates Setup
Configuration panel for creating dynamic tooltips with
{{field}} syntax and emoji support.
V2 Tooltip Templates Preview
A live preview of a tooltip showing dynamic content and emojis rendered from a template.
V2 Custom Icons Setup
Configuration panel to choose between different built-in SVG icon shapes (pin, circle, square).
V2 Custom Icons Preview
Live map preview showing how the new circular SVG icons are rendered with automatic borders.
V2 Tooltip Themes Setup
Configuration panel to map data categories to specific tooltip background colors.
V2 Tooltip Themes Preview
A live preview of a map showing how tooltip colors change dynamically based on data.
π¦
Installation & Setup
Bubble Marketplace Installation
Installing MapFlow Pro plugin from the Bubble marketplace with step-by-step process visualization.
HERE API Key Generation
Complete process of creating HERE developer account and generating API key for MapFlow Pro.
Privacy Rules Configuration
Essential privacy rules setup for user geolocation data access - critical for map loading.
ποΈ
Layout & Element Configuration
Critical Layout Configuration
Proper layout structure showing Column group with fixed height - essential for map loading.
MapFlow Element Setup
Complete MapFlow element configuration panel showing all available settings and parameters.
π¬
Advanced Tooltip System
Tooltip Configuration Panel
Complete tooltip configuration showing 20+ customizable parameters for professional styling.
Tooltip Field Mapping
Field mapping configuration for dynamic tooltip content connected to Bubble database.
Dynamic Tooltip Preview
Live preview of tooltip with dynamic content showing rich formatting and professional styling.
Field Mapping Preview
Advanced tooltip field mapping preview showing database integration and dynamic content rendering.
π
Workflow Actions & Integration
Draw Route Workflow
Complete draw_route workflow configuration showing multimodal routing parameters and setup.
Route Calculation Result
Live route calculation result showing distance, duration, and visual route display on HERE Maps.
Fare Calculation Workflow
Advanced fare calculation workflow showing multi-parameter pricing configuration and setup.
π
Integration & Exposed States
Exposed States Integration
Access to calculated results through exposed states - distance, duration, and fare data.
Route Summary Integration
Route summary integration example showing formatted results display in Bubble elements.