如何在React Native中使用MapLibre GL Js [英] How to use MapLibre GL Js in react native

问题描述

我正在寻找一种在我的Reaction本机应用程序中使用OpenStreetMap数据的方法。 在我上次的研究中，我发现了MapLibre，这是一个基于MapBox GL旧版本的免费选项。 我面临的问题是，除了@react-native-mapbox-gl/maps，我找不到任何插件在Reaction 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的访问令牌，但没有MapLibre的描述 否则，如果有免费的瓷砖供应商可以建议我，将是受欢迎的。

推荐答案

iOS指南here

Android指南here

这篇关于如何在React Native中使用MapLibre GL Js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！