I0m using google maps on my react-native app, I'm trying to set the size of my custom marker image to 50 but it appears anything bigger than 40 makes the image marker look cropped, is it possible to fix or is this a limitation?
export default CustomMarker = (props) =>
{
const {image = '/img/misc/default.jpg'} = props;
return (
<Image elevation={3} style={{ width:50,height:50,borderRadius:50/2,borderColor:'white',borderWidth:0 }} resizeMode="cover" source={{uri: env.BASE_URL+image }}/>
)
};
I use it like:
<Marker key={index} coordinate={{ latitude:Number(marker.lat), longitude:Number(marker.lng) }} onPress={ () => {onMarkerPress(marker) } }>
<CustomMarker3 image={marker.images[0]}/>
</Marker>