fun AttributionLinks(attributions: List<String>, modifier: Modifier = Modifier, textStyle: TextStyle = MaterialTheme.typography.bodyMedium, linkStyles: TextLinkStyles? = AttributionButtonDefaults.linkStyles(), spacing: Dp = 8.dp, breakWithinAttribution: Boolean = false)

Attribution links in a flow layout using the Material 3 theme.

CompassButton

@Composable

fun CompassButton(modifier: Modifier = Modifier, onClick: () -> Unit = {}, colors: ButtonColors = ButtonDefaults.elevatedButtonColors(), contentDescription: String = CompassDefaults.contentDescription(), size: Dp = 48.dp, contentPadding: PaddingValues = PaddingValues(size / 6), shape: Shape = CircleShape, needlePainter: Painter = CompassDefaults.needlePainter(), getHomeUpdate: (CameraPosition) -> CameraUpdate = { CameraUpdate(bearing = 0.0, pitch = 0.0) })

A compass that points north and returns the camera to getHomeUpdate when it is clicked.

DisappearingCompassButton

@Composable

fun DisappearingCompassButton(modifier: Modifier = Modifier, onClick: () -> Unit = {}, colors: ButtonColors = ButtonDefaults.elevatedButtonColors(), contentDescription: String = CompassDefaults.contentDescription(), size: Dp = 48.dp, contentPadding: PaddingValues = PaddingValues(size / 6), shape: Shape = CircleShape, needlePainter: Painter = CompassDefaults.needlePainter(), visibilityDuration: Duration = 1.seconds, enterTransition: EnterTransition = fadeIn(), exitTransition: ExitTransition = fadeOut(), getHomeUpdate: (CameraPosition) -> CameraUpdate = { CameraUpdate(bearing = 0.0, pitch = 0.0) }, slop: Double = 0.5, contentModifier: Modifier = Modifier)

A CompassButton that appears when the camera turns away from getHomeUpdate and fades out once the camera returns to it.

DisappearingScaleBar

@Composable

fun DisappearingScaleBar(metersPerDp: () -> Double, zoom: () -> Double, modifier: Modifier = Modifier, measures: ScaleBarMeasures = ScaleBarDefaults.measures(), color: Color = LocalContentColor.current, haloColor: Color = backgroundColorFor(color), haloWidth: Dp = 0.dp, barWidth: Dp = 2.dp, textStyle: TextStyle = MaterialTheme.typography.labelMedium, alignment: Alignment.Horizontal = Alignment.Start, visibilityDuration: Duration = 3.seconds, enterTransition: EnterTransition = fadeIn(), exitTransition: ExitTransition = fadeOut())

An animated scale bar that appears when the zoom level of the map changes, and then disappears after visibilityDuration. This composable wraps ScaleBar with visibility animations.

ExpandingAttributionButton

@Composable

fun ExpandingAttributionButton(modifier: Modifier = Modifier, contentAlignment: Alignment = Alignment.BottomEnd, toggleButton: @Composable (onClick: () -> Unit) -> Unit = AttributionButtonDefaults.button, expandedContent: @Composable (attributions: List<String>, textStyle: TextStyle) -> Unit = AttributionButtonDefaults.content, expandedStyle: AttributionStyle = AttributionButtonDefaults.expandedStyle(), collapsedStyle: AttributionStyle = AttributionButtonDefaults.collapsedStyle(), expand: (Alignment) -> EnterTransition = AttributionDefaults.expand, collapse: (Alignment) -> ExitTransition = AttributionDefaults.collapse)

An attribution popup that collapses when the user interacts with the map.

LocationIndicatorLayer

@Composable

fun LocationIndicatorLayer(id: String, locationState: LocationState = rememberLocationState(headingProvider = rememberDefaultHeadingProvider()), minZoom: Float = 0.0f, maxZoom: Float = 24.0f, visible: Boolean = true, bearingAccuracyRadius: Expression<DpValue> = const(48.dp), bearingAccuracyColor: Expression<ColorValue> = const(MaterialTheme.colorScheme.primary.copy(alpha = 0.35f)), accuracyRadiusColor: Color = MaterialTheme.colorScheme.primary.copy(alpha = 0.15f), accuracyRadiusBorderColor: Color = MaterialTheme.colorScheme.primary, topImage: Expression<ImageValue?>? = LocationIndicatorDefaults.topImage(), bearingImage: Expression<ImageValue?>? = LocationIndicatorDefaults.bearingImage(), shadowImage: Expression<ImageValue?>? = LocationIndicatorDefaults.shadowImage(), topImageSize: Float = 1.0f, bearingImageSize: Float = 1.0f, shadowImageSize: Float = 1.0f, imageTiltDisplacement: Float = 0.0f, perspectiveCompensation: Float = 0.85f, locationTransition: TransitionOptions = TransitionOptions(), bearingTransition: TransitionOptions = locationTransition, accuracyRadiusTransition: TransitionOptions = locationTransition, bearingAccuracyTransition: TransitionOptions = bearingTransition, onClick: ClickEvent.() -> ClickResult? = null, onLongClick: ClickEvent.() -> ClickResult? = null, onDoubleClick: ClickEvent.() -> ClickResult? = null, hitPadding: Dp = 0.dp)

@Composable

fun LocationIndicatorLayer(id: String, location: Position?, bearing: Bearing? = null, accuracyRadius: Length? = null, bearingAccuracy: Rotation? = null, minZoom: Float = 0.0f, maxZoom: Float = 24.0f, visible: Boolean = true, bearingAccuracyRadius: Expression<DpValue> = const(48.dp), bearingAccuracyColor: Expression<ColorValue> = const(MaterialTheme.colorScheme.primary.copy(alpha = 0.35f)), accuracyRadiusColor: Color = MaterialTheme.colorScheme.primary.copy(alpha = 0.15f), accuracyRadiusBorderColor: Color = MaterialTheme.colorScheme.primary, topImage: Expression<ImageValue?>? = LocationIndicatorDefaults.topImage(), bearingImage: Expression<ImageValue?>? = LocationIndicatorDefaults.bearingImage(), shadowImage: Expression<ImageValue?>? = LocationIndicatorDefaults.shadowImage(), topImageSize: Float = 1.0f, bearingImageSize: Float = 1.0f, shadowImageSize: Float = 1.0f, imageTiltDisplacement: Float = 0.0f, perspectiveCompensation: Float = 0.85f, locationTransition: TransitionOptions = TransitionOptions(), bearingTransition: TransitionOptions = locationTransition, accuracyRadiusTransition: TransitionOptions = locationTransition, bearingAccuracyTransition: TransitionOptions = bearingTransition, onClick: ClickEvent.() -> ClickResult? = null, onLongClick: ClickEvent.() -> ClickResult? = null, onDoubleClick: ClickEvent.() -> ClickResult? = null, hitPadding: Dp = 0.dp)

org.maplibre.compose.layers.LocationIndicatorLayer with colors and images from the Material 3 theme. Parameters and behavior match the core overload.

OfflinePackListItem

@Composable

fun OfflinePackListItem(pack: OfflinePack, offlineStorage: OfflineStorage, modifier: Modifier = Modifier, leadingContent: @Composable () -> Unit = { OfflinePackListItemDefaults.LeadingContent(pack) }, supportingContent: @Composable () -> Unit = { OfflinePackListItemDefaults.SupportingContent(pack.downloadProgress.collectAsState().value) }, trailingContent: @Composable () -> Unit = { OfflinePackListItemDefaults.TrailingContent(pack, offlineStorage) }, headlineContent: @Composable () -> Unit)

A ListItem to manage an OfflinePack.

PointerPinButton

@Composable

fun MapOverlayScope.PointerPinButton(targetPosition: Position, modifier: Modifier = Modifier, onClick: () -> Unit = {}, colors: ButtonColors = ButtonDefaults.elevatedButtonColors(), contentPadding: PaddingValues = PaddingValues(12.dp), content: @Composable BoxScope.() -> Unit)

A button in the shape of a pointer pin, placed through placedTowards on the edge of an ellipse inscribed in its layout bounds and pointing towards targetPosition. Only shown while targetPosition is outside of the ellipse. The content stays upright while the pin turns.

ScaleBar

@Composable

fun ScaleBar(metersPerDp: () -> Double, modifier: Modifier = Modifier, measures: ScaleBarMeasures = ScaleBarDefaults.measures(), color: Color = LocalContentColor.current, haloColor: Color = backgroundColorFor(color), haloWidth: Dp = 0.dp, barWidth: Dp = 2.dp, textStyle: TextStyle = MaterialTheme.typography.labelSmall, alignment: Alignment.Horizontal = Alignment.Start)

A scale bar composable that shows the current scale of the map in feet, meters or feet and meters when zoomed in to the map, changing to miles and kilometers, respectively, when zooming out.

ZoomButtons

@Composable

fun ZoomButtons(modifier: Modifier = Modifier, onZoomIn: () -> Unit = {}, onZoomOut: () -> Unit = {}, colors: ButtonColors = ButtonDefaults.elevatedButtonColors(), dividerColor: Color = MaterialTheme.colorScheme.outlineVariant, contentDescriptionZoomIn: String = ZoomButtonsDefaults.contentDescriptionZoomIn(), contentDescriptionZoomOut: String = ZoomButtonsDefaults.contentDescriptionZoomOut(), width: Dp = 48.dp, contentPadding: PaddingValues = PaddingValues(12.dp), shape: Shape = RoundedCornerShape(percent = 50), zoomInPainter: Painter = ZoomButtonsDefaults.zoomInPainter(), zoomOutPainter: Painter = ZoomButtonsDefaults.zoomOutPainter(), getZoomInUpdate: (CameraPosition) -> CameraUpdate = { CameraUpdate(zoom = it.zoom + 1) }, getZoomOutUpdate: (CameraPosition) -> CameraUpdate = { CameraUpdate(zoom = it.zoom - 1) })

Buttons that zoom the camera in and out, drawn as one vertical segmented container.