Like in the image there are 3 tiles i want to divide whole map into tiles in react native maps but dont know how. I made these lines with polygon component inside the MapView component
Something like a grid
<MapView
userInterfaceStyle='dark'
style={StyleSheet.absoluteFill}
mapType='hybrid'
initialRegion={{
latitude: latitude,
longitude: longitude,
latitudeDelta: 0.00017966321, // Adjust initial zoom level
longitudeDelta: 0.00017966321, // Adjust initial zoom level
}}
>
<Polygon
coordinates={areaCoordinates}
strokeColor="red" // Border color
fillColor="transparent" // No fill color
/>
<Polygon
coordinates={areaCoordinates2}
strokeColor="red" // Border color
fillColor="transparent" // No fill color
/>
<Polygon
coordinates={areaCoordinates3}
strokeColor="red" // Border color
fillColor="transparent" // No fill color
/>
</MapView>