React Native 地图转到标记

Question

因此，我正在构建一个使用标记刷新 GPS 位置的应用程序。问题是初始区域不在标记附近并且会发生变化。

我有一个刷新 GPS 位置的按钮，有没有办法让地图转到标记处？

我在文档中没有看到任何说明这一点的内容。

<MapView
      style={styles.map}
      initialRegion={region}
      ref={_map}
      onRegionChangeComplete={region => {setRegion(region)}}
    >
      <Marker
        coordinate={{
          latitude: lat,
          longitude: long,
        }}
        key={lat}
        title="Location"
        style={{width: 26, height: 40}}
        description={address}
        resizeMode='contain'
      />
    </MapView>

Answer 1

您可以使用react-native-maps的de asttribute animateToRegio。

像这样的事情：

function getLocation(){
    Geolocation.getCurrentPosition(position => {
      const region = {
        latitude: position.coords.latitude,
        longitude: position.coords.longitude,
        latitudeDelta: 0.0043,
        longitudeDelta: 0.0034
      };
      map.current.animateToRegion(region, 500);
    });
  };

然后，通过按钮或任何您想要的东西，您可以调用该函数来到达您的位置，或者您可以将纬度和经度更改为标记坐标