1

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

有人可以帮忙吗？

提前致谢。

这是片段

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>
    );
  }
}
4

2 回答 2

3

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

<MapboxGL.MapView style={styles.map}>
  <MapboxGL.UserLocation/>
</MapboxGL.MapView>
于 2021-01-10T11:34:56.453 回答
1

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

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 不显示用户位置和注释

于 2020-03-02T07:17:05.147 回答