javascript - 如何在 React Native 中使用 MapLibre GL Js

Question

我正在寻找一种在我的 react 原生应用程序中使用 OpenStreetMap 数据的方法。
在我最近的研究中，我发现了 MapLibre ，这是基于 MapBox GL 旧版本的免费选项。
我面临的问题是，除了 @react-native-mapbox-gl/maps 之外，我无法在 React Native 中找到任何插件来使用它。 .因此，在他们的文档中说:“我们现在还支持 Mapbox SDK 的 MapLibre 风格”，但他们提出的示例如下:

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 {
  render() {
    return (
      <View style={styles.page}>
        <View style={styles.container}>
          <MapboxGL.MapView style={styles.map} />
        </View>
      </View>
    );
  }
}

需要有 MapBox GL 的访问 token ，并且没有 MapLibre 的描述
否则，如果有免费的瓷砖 vendor 您可以建议我，将受到欢迎。

Answer 1

iOS指南here
安卓指南here