Skip to content

Map UI Settings

Customize various map-related UI components to enhance user experience.

Compass Settings

Configure the behavior and visibility of the compass on the map.

Enable/ Disable compass

Toggle the compass display on or off to suit your app’s design and user needs : 

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  compassEnabled: false,  
)

Gravity of Compass

To set the gravity of compass view:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  compassViewPosition: CompassViewPosition.BottomLeft,  
)

There are four possible values: 1. CompassViewPosition.TopLeft: To set gravity at top left of the screen. 2. CompassViewPosition.TopRight: To set gravity at top right of the screen. 3. CompassViewPosition.BottomLeft: To set gravity at bottom left of the screen. 4. CompassViewPosition.BottomRight: To set gravity at bottom right of the screen

Margins of compass

To set the margin of compass view:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  compassViewMargins: Point(20, 10),  
)

Logo Settings

To change the positions of logo:

To set the gravity of logo view:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  logoViewPosition: LogoViewPosition.BottomLeft,  
)

There are four possible values: 1. LogoViewPosition.TopLeft: To set gravity at top left of the screen. 2. LogoViewPosition.TopRight: To set gravity at top right of the screen. 3. LogoViewPosition.BottomLeft: To set gravity at bottom left of the screen. 4. LogoViewPosition.BottomRight: To set gravity at bottom right of the screen

To set the margins of Logo view

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  logoViewMargins: Point(20, 10),  
)

Enable/Disable Double Tap Zoom

To enable or disable zoom on double tap:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  doubleClickZoomEnabled: false,  
)

Enable/ Disable Map Rotation Gesture

To enable or disable the map rotation:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  rotateGesturesEnabled: false,  
)

Enable/Disable Map Scrolling Gesture

To enable or disable the map scrolling:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  scrollGesturesEnabled: false,  
)

Enable/ Disable Map Tilt Gesture

To enable or disable map tilt:

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  tiltGesturesEnabled: false,  
)

Enable/Disable Zoom Gesture

To enable or disable zoom gesture 

MapplsMap(  
  initialCameraPosition: _kInitialPosition,  
  zoomGesturesEnabled: false,  
)

For any queries and support, please contact:

Email us at apisupport@mappls.com

Support Need support? contact us!



@ Copyright 2025 CE Info Systems Ltd. All Rights Reserved.