how to Zoom to specific markers react-native-maps

Question

how to Zoom to specific markers react-native-maps

like this image

Answer 1

First create a ref to the MapView component:

        <MapView
          ref={ref => {
            this.map = ref;
          }}
          ...
        >
          ...
        </MapView>

Then use one of the following three methods:

• fitToElements - focus on all markers
• fitToSuppliedMarkers - focus on specific markers by ID - example from docs .
• fitToCoordinates - focus on a set of coordinates - example from docs .

You can find more details on these methods and parameters in the MapView docs .

Answer 2

You can use onPress or onSelect props of marker which accepts a callback function where you can pass the zooom size of marker. I hope it is useful