Tile-based, reusable map UI component with viewport-aware tile loading, built-in gesture handling, multiple map providers, geo conversion utilities, overlay drawing and dynamic provider switching.
A platform-independent, tile-based map component written in pure Compose Multiplatform common code.
The reusable map library lives in tile-map and the samples folder show how to use the library.
tileMapPointerInput(...)GeoPoint, TilePos, projection helpers)TileMapView(onDraw = { ... })/tile-map: published Kotlin Multiplatform library module/samples/common: shared sample UI/composables using TileMapView/samples/jvm: desktop runner for the sample app/samples/android: Android runner for the sample appPublished from tile-map:
de.drick.composemultiplatformtilemapdependencies {
implementation("de.drick.compose:multiplatformtilemap:<version>")
}
TileMapView@Composable
fun SimpleMap(mapboxToken: String) {
val state = rememberViewPortState(
initialZoom = 12f,
initPos = GeoPoint(52.5207, 13.4094), // Berlin
tileProvider = arrayOf(tileProviderMapBoxSat(mapboxToken))
)
TileMapView(
state = state,
modifier = Modifier
.fillMaxSize()
.tileMapPointerInput(state)
)
}
@Composable
fun OverlayMap(state: ViewPortState, circles: List<Pair<GeoPoint, Float>>) {
TileMapView(
state = state,
modifier = Modifier
.fillMaxSize()
.tileMapPointerInput(state)
) {
circles.forEach { (point, radiusPx) ->
drawCircle(
color = Color.Red.copy(alpha = 0.3f),
center = point.toOffset(),
radius = radiusPx
)
}
}
}
samples/common/src/commonMain/kotlin/de/drick/compose/tilemap/sample/SampleApp.ktonDraw, polygons/circles):
samples/common/src/commonMain/kotlin/de/drick/compose/tilemap/sample/test_vector_uav_zones.ktRun desktop sample:
./gradlew :samples:jvm:run
Surfaced from shared tags and platforms — no rankings paid for.