Flutter Native - Wemap Widgets
The wemap-sdk-flutter
provides a main widget, WemapMap
, which includes many sub-widgets that are hidden by default:
WemapMap
widget
The WemapMap
widget is highlighted in red in the images below.
- If sub-widgets are not enabled, only the map is shown.
WemapMap + sub-widgets | sub-widgets |
---|---|
Sub-widgets
LevelsWidget
Enable it by setting the WemapMap
parameter levelsWidgetEnabled
to true
:
Levels Widget | Switch to level -1 | Switch to level -5 |
---|---|---|
UserLocation Button
Enable it by setting the parameter userLocationEnabled
to true
.
When using VPS
as the location source, clicking the button opens the ScanDialogWidget
.
User Location Button | Scan Dialog Widget |
---|---|
VPSInProcessScreen
Enable it by setting the parameter vpsInProcessScreen
to true
.
When using VPS
and starting a scan, the camera flow shows three components (informational text, dotted border, and cancel button).
These three components make up the VPSInProcessScreen
widget.
VPSInProcessScreen |
---|
VPSNoConnectionDialog
Enable it by setting the parameter vpsNoConnectionDialog
to true
.
When using VPS
and starting a scan, if the user's phone has no internet connection, they are informed as shown below.
VPSNoConnectionDialog |
---|
VPSBadConnection
Enable it by setting the parameter vpsBadConnection
to true
.
When using VPS
and starting a scan, if the scan takes longer than expected, the user is informed as shown below.
VPSBadConnection |
---|
POIsListSheet widget
Enable it by setting the parameter poisListSheetEnabled
to true
.
A list sheet showing all POIs, where a POI can be selected.
POIsListSheet closed | POIsListSheet opened |
---|---|
SearchBar widget
Enable it by setting the parameter searchBarEnabled
to true
.
A search bar for POIs; results appear in the POIsListSheet
.
SearchBar | Search for Line 6 |
---|---|
DetailedView widget
Enable it by setting the parameter detailedViewEnabled
to true
.
When a POI is selected, the DetailedView
is shown to display more information about the POI.
DetailedView |
---|
ItineraryWidget
Enable it by setting the parameter itineraryWidgetEnabled
to true
.
When an itinerary is added, this widget displays more details about the itinerary and optionally lets you start navigation.
ItineraryWidget |
---|
NavigationSuggestionWidget
Enable it by setting the parameter navigationSuggestionDialog
to true
.
If the user does not start navigation within 10 seconds after an itinerary is added, this dialog appears to suggest starting navigation.
NavigationSuggestionWidget |
---|
NavigationWidget
Enable it by setting the parameter navigationWidgetEnabled
to true
.
When navigation starts, this widget appears for a better experience.
NavigationWidget | NavigationWidget instructions |
---|---|
ArrivedToDestinationWidget
Enable it by setting the parameter arrivedToDestinationDialog
to true
.
When the user reaches their destination, this pop-up informs them.
ArrivedToDestinationWidget |
---|
FiltersWidget
Enable it by setting the parameter filtersTabEnabled
to true
.
If the map has tags, a widget with all the tags to use as filters is available.
FiltersWidget |
---|
FiltersWidget
Enable it by setting the parameter filtersTabEnabled
to true
.
If the map has tags, a widget with all the tags to use as filters is available.
FiltersWidget | Filter with Line 1 |
---|---|