如何在react-native-mapbox-gl中获取用户位置？

Question

我正在使用react-native-mapbox-gl在我的react应用程序中显示地图，在页面加载时，它应该像google地图一样显示用户的位置，但它无法显示，而是显示地图的其他一些区域。

有人能帮帮忙吗？

提前谢谢。

以下是代码片段

import { StyleSheet, View } from "react-native";
import MapboxGL from "@react-native-mapbox-gl/maps";

MapboxGL.setAccessToken("<YOUR_ACCESSTOKEN>");

const styles = StyleSheet.create({
  page: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#F5FCFF"
  },
  container: {
    height: 300,
    width: 300,
    backgroundColor: "tomato"
  },
  map: {
    flex: 1
  }
});

export default class App extends Component {
  componentDidMount() {
    MapboxGL.setTelemetryEnabled(false);
  }

  render() {
    return (
      <View style={styles.page}>
        <View style={styles.container}>
          <MapboxGL.MapView style={styles.map} />
          <MapboxGL.UserLocation />
        </View>
      </View>
    );
  }
}

Answer 1

您可以将MapboxGL.Mapview传递给孩子。

<MapboxGL.MapView style={styles.map}>
  <MapboxGL.UserLocation/>
</MapboxGL.MapView>

Answer 2

查看这篇文章，它展示了如何使用标记组件显示用户位置标记。

https://github.com/react-native-mapbox-gl/maps/issues/227

https://github.com/react-native-community/react-native-maps/blob/master/docs/marker.md

react-native mapbox is not showing user location and annotation