How to close all open <Callout /> on the map by tapping the map or any button?

[2kneo]

Hello! I need help. I have a problem. On the map, I have markers, and when I tap on them, their descriptions appear. For example, if I tap on marker A, its description opens, and then if I tap on marker B, the description of marker A hides and the description of marker B appears. But there’s one catch: to close the description of a marker, I need to tap on the same marker again. I would like to make it so that the description can be closed by tapping on the map or a specific button. Is there an event in the library for this? I would be fine with an event that closes all annotations with one tap.

Also, my marker’s coordinates change every 4 seconds because it tracks the movement of a real person. If I tap on the marker and the annotation appears, and then the coordinates change, the marker moves but the annotation stays in place. Is there a solution to this problem?

"expo": "~52.0.20", "react-native": "0.76.5", "@maplibre/maplibre-react-native": "10.0.0",

<MapView> { markers?.map(({ id, longitude, latitude, color, text }:Marker) => ( <PointAnnotation id={id} anchor={{ x: 0.5, y: 0.5 }} coordinate={[longitude, latitude]} > <MaterialIcons name={"account-circle"} size={20} color={color} /> <Callout> <Text>{text}</Text> </Callout> </PointAnnotation> } </MapView>

Through experimentation, I found that if I render just a marker on the map using

<MapView onPress={(e) => console.log("Click")} > { markers?.map(({ id, longitude, latitude, color, text }:Marker) => ( <PointAnnotation id={id} anchor={{ x: 0.5, y: 0.5 }} coordinate={[longitude, latitude]} > <MaterialIcons name={"account-circle"} size={20} color={color} /> </PointAnnotation> } </MapView>
and log to the console in the map’s onPress event, and then tap on the marker without displaying any annotations — just tapping the marker and then tapping the map — the onPress event won’t trigger on the first tap. However, if I tap twice on the map, it triggers. It seems that when I tap on the marker, it gains focus, and on the first tap, the focus is removed from the marker, and only on the second tap does the map’s event trigger. Why is this happening and how can I avoid it? Thank you in advance!!! :)

[KiwiKilian]

I would recommend switching to MarkerView instead of using Callout. There you can control the state yourself easily and implement any custom behavior.

[2kneo]

Thank you, everything worked!