【问题标题】:React Native Maps Go to MarkerReact Native Maps 转到标记
【发布时间】:2021-06-22 18:19:09
【问题描述】:

所以我正在构建一个应用程序,它可以用标记刷新 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>

【问题讨论】:

    标签: react-native react-native-maps


    【解决方案1】:

    你可以使用 react-native-maps 的 deasttribute 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);
        });
      };
    

    然后,在一个按钮或任何你想要的东西上,你可以调用该函数去你的位置,或者你可以将纬度和经度更改为你的标记坐标

    【讨论】:

    • 对不起,我在上面添加了我的代码。我没有地理定位,我想更新我设置的 GPS 位置,它会到达那个位置
    • 所以这似乎确实有效......但是它需要2个按钮才能真正起作用。
    • 你可以创建一个带有 animateToRegion 的函数,并传递你的标记所具有的坐标参数,就像你的 current.animatedToRegion 一样,传递坐标和时间去你的位置
    • 所以我这样做了,但它一直说 Map 不是变量?
    • 你参考你的地图了吗?
    猜你喜欢
    • 1970-01-01
    • 2020-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多