AndroidView( MapView )

@SuppressLint("MissingPermission")
@Composable
fun StationDetailMap(
    mapView: MapView,
    stationViewModel: StationViewModel,
    latitude: String?,
    longitude: String?,
    stationName: String?
) {
    val coroutineScope = rememberCoroutineScope()
    val userLocationState = stationViewModel.userLocation
    val directions = stationViewModel.directions

    AndroidView({
        mapView
    }) { map ->

        coroutineScope.launch {
            val googleMap = map.awaitMap()
            googleMap.apply {

                val latLng = LatLng(latitude!!.toDouble(), longitude!!.toDouble())
                addMarker {
                    position(latLng)
                    title(stationName)
                }

                val boundsBuilder = LatLngBounds.builder()
                boundsBuilder.include(latLng)

                userLocationState.value?.let {
                    boundsBuilder.include(LatLng(it.latitude, it.longitude))
                    isMyLocationEnabled = true
                }

                val polylineOptions = PolylineOptions()
                directions.value?.let {
                    it.routes.firstOrNull()?.overViewPolyline?.polylinePoints?.forEach {
                        polylineOptions.add(LatLng(it.lat, it.lng))
                    }
                    addPolyline(polylineOptions)
                }

                moveCamera(CameraUpdateFactory.newLatLngBounds(boundsBuilder.build(), 100))
            }
        }
    }
}

// The MapView lifecycle is handled by this composable. As the MapView also needs to be updated
    // with input from Compose UI, those updates are encapsulated into the MapViewContainer
    // composable. In this way, when an update to the MapView happens, this composable won't
    // recompose and the MapView won't need to be recreated.

val googleMap = map.awaitMap()