React Native Maps 点击按钮跳转至指定Marker位置的实现方法咨询

你使用的react-native-maps库的MapView实例本身就提供了地图视角跳转的API，结合你已经绑定的_map ref即可实现需求，具体实现步骤如下：

1. 先确保你已经正确声明了MapView的ref（函数组件写法参考如下）：

import { useRef } from 'react';

// 组件内部声明ref
const _map = useRef(null);

2. 在你的GPS刷新按钮的点击回调函数中，调用MapView实例的animateToRegion方法即可实现平滑跳转到Marker位置：

const handleRefreshLocation = () => {
  // 提前校验，避免MapView未挂载、经纬度为空时报错
  if (!_map.current || !lat || !long) return;

  // 构造目标区域，可自行调整latitudeDelta、longitudeDelta数值控制地图缩放级别
  const targetRegion = {
    latitude: lat,
    longitude: long,
    latitudeDelta: 0.01,
    longitudeDelta: 0.01,
  };

  // 第一个参数为目标区域，第二个参数为动画时长（单位：毫秒，可省略，默认1000ms）
  _map.current.animateToRegion(targetRegion, 500);
};

• 如果你不需要跳转动画，直接用moveToRegion方法替换animateToRegion即可，参数规则完全一致。
• latitudeDelta和longitudeDelta的数值越小，地图缩放级别越高，你可以根据业务场景调整到合适的数值。

内容的提问来源于stack exchange，提问作者Bnd10706