Thanks to the insights shared in this informative article, I successfully integrated observations into my MapView.
mapMarkers = () => {
return this.state.items.map((item) => <Marker
key={item.id}
coordinate={{ latitude: item.geoLocation.latitude, longitude: item.geoLocation.longitude }}
title={item.acceptedVernacularName}
description={item.scientificName}
>
</Marker >)
}
However, I am facing a challenge in creating a function that assigns different images to markers based on the type of bird. Is there a way to achieve this considering the Marker image={} prop only accepts a string? My approach involves setting the image locally using require('../assets/xx') depending on either the id or the name of the bird (acceptedVernacularName).