React native如何在用户位置居中映射

时间:2017-12-05 19:05:27

标签: javascript react-native

<MapView style={styles.map}
      showsUserLocation = {true}
>
  1. 如何在Android中的用户位置中心映射?
  2. 如何使用其他用户位置标记更改此蓝色圆圈?

1 个答案:

答案 0 :(得分:3)

您可以像这样使用ref

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

然后在你想要中心地图时调用的函数中,假设你有一个用户存放在某个地方的位置,你可以这样做

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

react-native-maps使用animateToRegion将地图的显示区域更新为特定区域,您需要为该方法提供要去的区域。

您也可以以编程方式更新地图上的region道具,以达到相同的效果,但不使用动画。

至于问题的第二部分,我不确定我明白你想做什么。你可以改写第二个问题吗?