Skip to main content

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-widgetssub-widgets
WemapMap + sub-widgetssub-widgets

Sub-widgets

LevelsWidget

Enable it by setting the WemapMap parameter levelsWidgetEnabled to true:

Levels WidgetSwitch to level -1Switch to level -5
Levels Widgetswitch to level -1switch 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 ButtonScan Dialog Widget
User Location ButtonScan 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
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
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
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 closedPOIsListSheet opened
POIsListSheet closedPOIsListSheet opened

SearchBar widget

Enable it by setting the parameter searchBarEnabled to true.

A search bar for POIs; results appear in the POIsListSheet.

SearchBarSearch for Line 6
SearchBarSearch 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
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
ItineraryWidget

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
NavigationSuggestionWidget

Enable it by setting the parameter navigationWidgetEnabled to true.

When navigation starts, this widget appears for a better experience.

NavigationWidgetNavigationWidget instructions
NavigationWidgetNavigationWidget instructions

ArrivedToDestinationWidget

Enable it by setting the parameter arrivedToDestinationDialog to true.

When the user reaches their destination, this pop-up informs them.

ArrivedToDestinationWidget
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

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.

FiltersWidgetFilter with Line 1
FiltersWidgetFilter with Line 1