如何在React Native中使用MapLibre GL Js
我正在寻找一种在我的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
相关文章