Google Map Compose laggy Skipped 32 frames! The application may be doing too much work on its main thread.

[vanniktech]

I'm using GoogleMaps as follows:

Box {
	val mapUiSettings by remember {
	  mutableStateOf(
	    MapUiSettings(
	      mapToolbarEnabled = false,
	      myLocationButtonEnabled = false, // We don't want that button.
	      zoomControlsEnabled = false,
	    ),
	  )
	}
	
	val cameraPositionState = rememberCameraPositionState()
	
	GoogleMap(
	  properties = MapProperties(isMyLocationEnabled = isMyLocationEnabled),
	  modifier = modifier,
	  cameraPositionState = cameraPositionState,
	  uiSettings = mapUiSettings,
	  mapColorScheme = ComposeMapColorScheme.FOLLOW_SYSTEM,
	)
	
  ScaleBar(
    modifier = Modifier
      .padding(top = 5.dp, end = 15.dp)
      .align(Alignment.TopEnd),
    cameraPositionState = cameraPositionState,
    textColor = MaterialTheme.colorScheme.onBackground,
    lineColor = MaterialTheme.colorScheme.onBackground,
    shadowColor = Color.Transparent,
  )

}

The problem is that there seems to be going to much going on since in Logcat I can see:

Skipped 32 frames! The application may be doing too much work on its main thread.

Now this is just a super simple map that is displayed with the following Modifier: Modifier.fillMaxWidth().aspectRatio(1f)

Is there any trick to speed it up or am I doing something wrong? I'm already on the last 6.4.0 version.

[vanniktech]

What did help a bit was putting the GoogleMap inside a LazyColumn but now the initial loading takes super long which isn't nice either.