kmp-maps
0.9.1indexedOffers a unified map component for modern UI development, integrating seamlessly with native map APIs to support markers, polygons, and interactive callbacks on Compose Multiplatform applications.
Offers a unified map component for modern UI development, integrating seamlessly with native map APIs to support markers, polygons, and interactive callbacks on Compose Multiplatform applications.
kmp-maps provides a unified map component for Compose Multiplatform applications, offering seamless integration with native map APIs on both Android and iOS platforms.
Check out the sample project in the /sample directory for complete usage examples.
| iOS (Apple Maps) | Android (Google Maps) |
|---|
Choose the appropriate import based on your needs:
Native Implementation: Uses native Google Maps on Android, native Apple Maps on iOS, and Google Maps JS API (via WebView) on desktop.
import com.swmansion.kmpmaps.core.Map
Universal Google Maps: Uses Google Maps SDK on Android and iOS, and Google Maps JS API on desktop.
import com.swmansion.kmpmaps.googlemaps.Map
@Composable
{
Map(
modifier = Modifier.fillMaxSize(),
properties = MapProperties(
isMyLocationEnabled = ,
mapType = MapType.NORMAL,
),
uiSettings = MapUISettings(
myLocationButtonEnabled = ,
compassEnabled =
),
cameraPosition = CameraPosition(
coordinates = Coordinates(latitude = , longitude = ),
zoom =
),
markers = listOf(
Marker(
coordinates = Coordinates(latitude = , longitude = ),
title = ,
androidSnippet =
)
),
onMarkerClick = { marker ->
println()
},
onMapClick = { coordinates ->
println()
}
)
}
For installation instructions, platform setup, and configuration details, visit our dedicated document.
Check out our dedicated documentation page for API reference.
We welcome contributions! Please feel free to submit a Pull Request.
Since 2012 Software Mansion is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – Hire us.
Made by @software-mansion and
community 💛
| Desktop (Google Maps) |
|---|
![]() | ![]() | ![]() |
| Map view with circles, polygon, polylines and markers on iOS | Map view with circles, polygon, polylines and markers on Android | Map view with circles, polygon, polylines and markers on desktop |
Surfaced from shared tags and platforms — no rankings paid for.