缩放到指定的标记react-native-map

import React from 'react';
import { View } from 'react-native';
import MapView, { Marker } from 'react-native-map';

const App = () => {
  const mapRef = React.useRef(null);

  const handleZoomToMarker = () => {
    const targetMarker = { latitude: 37.78825, longitude: -122.4324 }; // 目标标记的位置

    mapRef.current.animateToRegion({
      latitude: targetMarker.latitude,
      longitude: targetMarker.longitude,
      latitudeDelta: 0.01, // 缩放级别
      longitudeDelta: 0.01,
    });
  };

  return (
    <View style={{ flex: 1 }}>
      <MapView
        ref={mapRef}
        style={{ flex: 1 }}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
      >
        <Marker
          coordinate={{ latitude: 37.78825, longitude: -122.4324 }}
          title="Marker"
          description="This is a marker"
        />
      </MapView>
      <Button title="Zoom to Marker" onPress={handleZoomToMarker} />
    </View>
  );
};

export default App;