javascript - 如何在 React Native 中使用 MapLibre GL Js
问题描述
我正在寻找一种在我的反应原生应用程序中使用 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 的访问令牌,并且没有 MapLibre 的描述,否则,如果有免费的瓷砖提供者,你可以告诉我,欢迎。
解决方案
推荐阅读
- java - 在 Java Spring 框架中登录控制台是如何工作的
- macos - 无法使用作曲家在 MacBook 上安装 codeception
- github - Github 如何将默认分支从 master 重命名为其他内容
- python-3.x - 如何在python中创建一个重置按钮以删除python中条目小部件中的所有文本
- c# - 如何使用 Azure 函数注入 NLog
- node.js - 在 kafka 主题中创建多个分区并使用 kafka-node 向所有分区发布消息
- azure - 如何在 24 小时后使用 MSAL.js 刷新 azure b2c 中的访问令牌?
- javascript - 有没有办法绕过 Access Control Allow Origin header is not present 错误?
- .net - 使用 AutoMapper,如何将聚合根属性映射到所有目标集合项属性?
- sql - 在具有双向图信息的 SQL 表上使用自联接、联合或其他一些操作