Channels
#compose
Title
# compose
h
hamzaTheDev
10/24/2023, 7:56 PMAsyncImage (as custom map markers) don't show inside GoogleMap. Any help is welcome.
Copy code
GoogleMap {
latLongList.forEachIndexed { index, latLng ->
val markerState = rememberMarkerState(position = latLng)
MarkerComposable(
state = markerState
) {
CustomMarker("IMAGE_URL")
}
}
}y
yschimke
10/24/2023, 8:01 PMSee the docs, you need to tell it about the change https://github.com/googlemaps/android-maps-compose/blob/main/README.md
With coil you might be able to split the loading and use the loading state in the key param?
h
hamzaTheDev
10/24/2023, 8:11 PMYou mean I should use it inside a LaunchedEffect?
y
yschimke
10/24/2023, 8:13 PMOr something like this as the key? https://coil-kt.github.io/coil/compose/#observing-asyncimagepainterstate
h
hamzaTheDev
10/24/2023, 8:17 PMI'll take a look into this. Thanks!
I did it. thank you so much, @yschimke 🙂
c
Christoph Wiesner
10/31/2023, 2:27 PMdid it work for you?
i'm still having trouble rendering an async image. (even when loading it outside the markerComposable).
it's really frustrating that dealing with simple things like showing an image is so hard 😞
Copy code
val painter = rememberAsyncImagePainter(
model = ImageRequest.Builder(LocalContext.current)
.data("http://...")
.allowHardware(false)
.build()
)
MarkerComposable(
keys = arrayOf(painter.state),
state = singapore4State,
) {
Image(painter, contentDescription = null)
}h
hamzaTheDev
10/31/2023, 3:07 PMYeah, it worked for me. I did it by declaring a boolean mutable state (initially false) and whenever that pointer state change (see the link above), set it to true. That should tell the marker composable to recompose.
This new state is the key
c
Christoph Wiesner
11/01/2023, 6:15 AMisn’t that the same that i posted above?
the painter.state change used as key should also trigger recomposition when the state changes 🤔
i tried using the boolean flag and it still does not work for me.
Copy code
var showImage by remember {
mutableStateOf(false)
}
val painter = rememberAsyncImagePainter(
model = ImageRequest.Builder(LocalContext.current)
.data("<https://www.aquasafemine.com/wp-content/uploads/2018/06/dummy-man-570x570.png>")
.size(Size.ORIGINAL) // Set the target size to load the image at.
.build()
)
if (painter.state is AsyncImagePainter.State.Success) {
showImage = true
}
MarkerComposable(
keys = arrayOf(showImage),
state = singapore4State,
) {
Image(
painter = painter,
contentDescription = "asdf"
)
}h
hamzaTheDev
11/17/2023, 7:32 PMSorry, I haven't opened Slack in two weeks. Did you manage to do it?
c
Christoph Wiesner
11/20/2023, 7:19 AMno, still an open issue for me 😕
h
hamzaTheDev
11/20/2023, 2:15 PM@Christoph Wiesner does it crash?
If it does, maybe try to add
.allowHardware(false)c
Christoph Wiesner
11/20/2023, 2:49 PMno, it just does cancel the loading of the image request.
resulting in an empty marker
h
hamzaTheDev
11/20/2023, 3:07 PMIt may help to post your above code in a bigger context, maybe the whole container composable or the file it's in. I'll try to help.
c
Christoph Wiesner
11/21/2023, 7:02 AMi added the image loading to the google map sample app here: https://github.com/cwsiteplan/android-maps-compose/blob/2c066acaa0652c4dc987ac9ae6[…]c/main/java/com/google/maps/android/compose/BasicMapActivity.kt
when you open the activity for the first time the image marker is not shown.
only if you enter it a second time and the image is fetched from cache it eventually shows up.
h
hamzaTheDev
11/21/2023, 8:10 AMI ran the sample and worked for me, only after disabling hardware.
c
Christoph Wiesner
11/21/2023, 8:51 AMi configured the imageLoader to have that already_ https://github.com/cwsiteplan/android-maps-compose/blob/2c066acaa0652c4dc987ac9ae6[…]46d11f/app/src/main/java/com/google/maps/android/compose/App.kt
does the image load for you directly after a fresh install?
it certainly does not for me 🤔 ( as pointed out before - if the image is loaded from network for the first time it does not end up in the marker - only when it's already in the memory cache)
12 Views