javascript - React Native 如何将 map 置于用户位置中心

Question

<MapView style={styles.map}
      showsUserLocation = {true}
>

1. 如何在 Android 中将 map 以用户位置为中心？
2. 如何用其他用户位置标记更改这个蓝色圆圈？

Answer 1

你可以像这样使用ref:

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

然后在您想要将 map 居中时调用的函数中，假设您将用户的位置存储在某处的状态中，您可以这样做

handleCenter = () => {
  const { latitude, longitude, latitudeDelta, longitudeDelta } = this.state.location;
  this.map.animateToRegion({
    latitude,
    longitude,
    latitudeDelta,
    longitudeDelta
  })
}

react-native-maps 使用 animateToRegion 将 map 的显示区域更新为特定区域，您需要为该方法提供要前往的区域。

您也可以通过编程方式更新 map 上的 region 属性来实现相同的效果，但没有动画。

至于问题的第二部分，我不确定我明白你想做什么。你能改一下第二个问题吗？