如何在本机反应中使用 MapLibre GL Js

2024-03-09

我正在寻找一种在我的反应本机应用程序中使用 OpenStreetMap 数据的方法。 在我最近的研究中,我发现MapLibre https://maplibre.org/,这是基于MapBox GL旧版本的免费选项。 我面临的问题是,除了@react-native-mapbox-gl/地图 https://www.npmjs.com/package/@react-native-mapbox-gl/maps。因此,在他们的文档中说:“我们现在也支持 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 https://github.com/rnmapbox/maps/blob/main/ios/install.md#maplibre

安卓指南here https://github.com/rnmapbox/maps/blob/main/android/install.md#using-maplibre

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在本机反应中使用 MapLibre GL Js 的相关文章

  • pubnub 和 head.js

    有没有人成功整合过pubnub http www pubnub com 和 head js 正确吗 Pubnub http www pubnub com 希望我将他们的脚本放在页面底部并带有 div 就在它前面的标签 这可以确保在最后调用
  • 通过pm2运行node.js,但经常重新启动:通过信号[SIGINT]以代码[0]退出

    我试图在我的系统上运行 node js 但遇到了这个问题 2016 06 01 20 46 28 App app with id 13 and pid 12633 exited with code 0 via signal SIGINT 2
  • 仅单击 div 内部

    我正在为一个小网站制作教程 我只想让教程气泡可点击 因此 当我们尝试单击气泡之外的某些内容时 什么也不会发生 换句话说 我希望我的 html 不可点击 而 tutorial bubble 可点击 尝试这个 jQuery function h
  • 限制可选 DOM 复选框

    我试图限制用户可以选择的复选框数量 这些复选框是为数组中的每个项目生成的 DOM 输入对象 我目前对此没有运气 因此非常感谢任何帮助 谢谢 在这里小提琴 http jsfiddle net vVxM2 222 http jsfiddle n
  • 以一定时间间隔连续重复运行 JavaScript 函数

    这是我的第一个问题 希望您尽快回答 我想要代码连续重复一个函数 我尝试了一些代码 但没有成功 我尝试了这段代码 我想在一段时间后重复这个功能 我努力了setInterval and setTimeout 但是 我还没有收到结果 这将重复该任
  • javascript jquery 使用脚本更改脚本的src

    我有一个 JavaScript 脚本 它有一个 src 元素 这个 src 是一个 url 我想使用 javascript 更改它 一次更改为其他内容 或者动态创建它 使用 javascript jquery 动态创建脚本元素的最佳方法是什
  • 如何动态突出显示网页上的字符串?

    我想创建带有 url 的页面 例如 http xyzcorp schedules 2015Aug24 Aug28 Jim Hawkins http xyzcorp schedules 2015Aug24 Aug28 Billy Bones
  • 搜索深度嵌套数组以更新对象

    我有一个深层嵌套的数据结构 我有兴趣匹配数组 和数组数组 中的某个值 然后将一些数据推送到随附的数组中 例如以下是我的数组colors并伴随着的是更多颜色数组可能存在也可能不存在 var myData color green moreCol
  • 将文本大小调整为矩形 在 Canvas HTML5 中调整大小

    我是 Canvas 新手 我正在创建一个网站 以在调整矩形大小时增加文本 我尝试了很多 但没有任何效果 实际上 我希望如果我仅按其宽度调整矩形大小 向左拉伸 向右拉伸 则仅应增加文本宽度而不是字体大小 我已经完成了字体大小 但发现增加孤立文
  • 使用 JavaScript 生成 PDF 文件

    我正在尝试将 XML 数据从网页转换为 PDF 文件 并且希望能够完全在 JavaScript 中完成此操作 我需要能够绘制文本 图像和简单的形状 我希望能够完全在浏览器中完成此操作 我刚刚写了一个名为jsPDF https github
  • 通过JS Laravel访问存储目录

    有没有办法访问storage目录 该目录已经链接到publicJS 中的目录 我正在尝试制作一个上传图片的表单 验证脚本 if request gt hasFile photos marker gt photos request gt ph
  • 在 jQuery 可排序中对多个选定项目进行排序?

    我试图在 jQuery 可排序集中选择多个项目 然后将选定的项目一起移动 这是我的弱点开始尝试使其发挥作用 http jsfiddle net benstenson CgD8Y 这是代码 HTML div class container d
  • npm install -g expo-cli 失败并显示“EPERM:不允许操作,取消链接 '...\adb.exe'

    我在运行时收到错误 npm install g expo cli 我尝试以管理员身份重新安装节点模块 但出现相同的错误 环境 Windows 10 节点版本 10 15 3 NPM版本 6 9 0 我预计安装会发生 但出现了这样的错误 np
  • ToggleClass 动画 jQuery?

    我的网站上有一个部分 当用户单击时我希望它展开 我正在使用 jQuerytoggleClass为了这 expandable function e e preventDefault this closest article toggleCla
  • 在 React Navigation 中将 props 传递给自定义抽屉导航器

    在反应导航抽屉菜单中 我想显示用户名 John Doe 它处于我的主要组件的状态 Router 我怎样才能将自定义抽屉内容组件传递给它 额外信息 我从 AsyncStorage 中获取此名称 组件已挂载 这是我的代码 export defa
  • Google 地图 API:忽略 DirectionService 请求中的季节性限制

    我目前正在开发一张地图 其中显示两点之间的最短路线 使用不同的交通工具 我注意到 有时 例如在冬季关闭的道路不会被考虑在内 我发现我可以使用方向服务 下面的代码 忽略高速公路 收费站和渡轮 但我一生都无法弄清楚如何 是否可以忽略季节性限制
  • 禁用特定 div 上的 Tab 键

    我有以下结构 div div Some content div div Some content div div 我想 禁用 div2 上的 tab 键 我的意思是按下 tab 键时 div2 的元素不会获得焦点 有没有简单的方法可以使用
  • RoR - Rails 中的大文件上传

    我有一个 Rails Web 应用程序 允许用户上传视频 视频存储在 NFS 安装的目录中 当前的设置适用于较小的文件 但我也需要支持大文件上传 最多 4GB 当我尝试上传 4GB 文件时 它最终会发生 但从用户体验的角度来看很糟糕 上传开
  • MongoDB中如何通过引用字段进行查询?

    我有两个 Mongo 模式 User id ObjectId name String country ObjectId Reference to schema Country Country id ObjectId name String
  • Internet Explorer 9 是否会因数组和对象文字末尾的额外逗号而卡住?

    现代浏览器和 Node js 等环境允许您说 a 1 b 2 或 1 2 3 这在历史上一直是 Internet Explorer 的问题 Internet Explorer 9 中修复了此问题吗 对此有两种不同的答案 一种是对象初始值设定

随机推荐

  • 持有自身引用的类

    浏览标准草案 n3242 我在第 9 2 条中发现了这句话 强调我的 非静态 9 4 数据成员不得具有不完整的类型 在 特别是 类 C 不应包含类的非静态成员 C 但是它可以包含一个指针或参考到类的对象 C 由此我认为定义一个这样的类是可以
  • 识别短文本的语言? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我有一个文章列表 每篇文章都有自己的标题和描述 不幸的是 从我使用的来源来看 无法知道它们是用什么语言编写的 此外 文本并非完全用一种
  • 使用Matlab导入另一个.m文件

    我对 Matlab 还很陌生 我在 m 文件中定义了一个函数 我想在另一个 m 文件中的 m 文件中使用该函数 并且我想从命令窗口运行最后一个 m 文件的内容 我应该如何去实现这个目标 EDIT 为了澄清起见 我有一个功能a inside
  • 将时间和日期与此格式 HH.MM mm/dd/yyyy 进行比较。

    是否可以像这样使用军事时间和日期的格式进行比较HH MM mm dd yyyy 例如 1 08 25 06 10 2014 gt 23 18 06 09 2014 结果为 True 因为第 10 天大于第 09 天 2 23 25 06 1
  • Django Include() 在 urls.py 中与两个应用程序

    我相信这是一个简单的问题 但我很难弄清楚为什么这不起作用 我有一个 django 项目 并且添加了第二个应用程序 销售 在第二个应用程序之前 我的 urls py 只是将所有内容路由到第一个应用程序 图表 如下所示 urlpatterns
  • SIGABRT:前提条件失败:导入的节点在读取其值之前已被删除

    自从beta 5 of Xcode 11启动后 我不得不更新代码 你知道该怎么做 然而 有一个奇怪的运行时错误在更改中幸存下来 我无法弄清楚为什么会发生这种情况 我开始尝试将其限制在我的原始代码中 但令人惊讶的是 它也发生在我设法想出的最简
  • 单击时滚动到 div,最后循环

    我想做的是在屏幕右下角引入一个按钮 用户可以单击该按钮滚动到下一个 部分 div 一旦到达 html 中的最后一个 div 它应该循环回到第一个 divsection div 我提出的解决方案是 当页面最初加载时 它会收集类名称为 sect
  • Flask-SQLAlchemy ssl 连接与 AWS RDS 错误

    我正在尝试通过 ssl 将 Flask 应用程序 mysql 连接与 AWS RDS 连接 当我尝试像这样使用 mysql 客户端时它可以工作 mysql u user h myrds rds amazonaws com p ssl ca
  • Jquery - 从 div 读取所有类

    我试图通过以下方式从 HTML 元素读取所有类名 但它不起作用 HTML div class fff aaa ccc hello world div JS if test attr class Read classes var all cl
  • TIdNotify 和 TIdSync 有什么区别?

    我无法理解 IDSYNC 和 IDNOTIFY 之间的真正区别 同步 异步意味着什么 关于我写的代码行 procedure TForm1 IdTCPServerExecute AContext TIdContext begin DoSome
  • pthread_create函数中的第四个参数

    代码如下 int code pthread create d gt thread id attr QThreadPrivate start this which QThreadPrivate start是一个静态函数 那么 第四个参数有什么
  • 动态 Linq - String.Split

    Dynamic Linq 似乎没有实现 String Split 方法 有没有办法使用 Dynamic Linq 达到相同的结果 Dynamic Linq 确实支持 String Split 并且还调用其他 net 类型方法 如下所示 va
  • 如何连接回声[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我想知道如
  • 使用 useeffect 和 React Router 执行乱序

    我试图在我的 app js 中使用 useEffect 并将一些数据设置到我的 redux 中 并在我的路由页面 在 useEffect 内 中使用该数据 导致我发现这种奇怪的行为 除非它应该是这样 而且我在错误的 D 这是一个简化的代码来
  • 将绘图文本/二进制写入变量

    有没有办法有一个R设备 后记会很棒 将输出写入变量而不是文件 例如我知道这个 postscript file cat plot 1 10 dev off 将附言文本发送至STDOUT 我怎样才能将该文本放入其中的变量中R 我已经成功地将绘图
  • iOS4 睡眠时 Wifi 连接无法保持

    知道iOS4支持wifi在睡眠状态下保持存活真是一件令人高兴的事情 然而我得到了一些不同的经历 我有 2 台 iPod 第二代 iPod 和第三代 iPod 两者均更新至 iOS 4 beta iPod 2g 可以在睡眠时保持 WiFi 连
  • 安装时自动启动 Windows 服务

    我有一个使用 InstallUtil exe 安装的 Windows 服务 即使我已将启动方法设置为自动 但该服务在安装时并未启动 我必须手动打开服务并单击启动 有没有办法通过命令行或通过服务代码启动它 在 Installer 类中 添加
  • 如何将环境配置文件配置添加到 SBT

    在 Maven 中 您可以拥有 Profiles 它可以为不同的环境设置构建配置 例如 DEV QA UAT 生产 为了支持持续集成 必须有一种方法来告诉 SBT 在哪个环境上运行 如何在 SBT 中针对不同环境进行设置 例如 DEV QA
  • 使用 unnest 在 postgreSQL 中进行批量更新

    我正在尝试进行批量更新 gt update ti table set enabled T enabled from select from unnest array 2001622 2001624 2007903 as id unnest
  • 如何在本机反应中使用 MapLibre GL Js

    我正在寻找一种在我的反应本机应用程序中使用 OpenStreetMap 数据的方法 在我最近的研究中 我发现MapLibre https maplibre org 这是基于MapBox GL旧版本的免费选项 我面临的问题是 除了 react