mapbox跳过accesstoken检测

已于 2024-04-24 14:15:53 修改
阅读量1.1k 收藏 4
点赞数 1
分类专栏： mapbox+leaflet 文章标签： mapbox ogc wms服务 vue.js
于 2023-07-13 17:16:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sakura1998gis/article/details/131707234
版权

贴个群号

WebGIS学习交流群461555818，欢迎大家。

mapbox2版本的写法

不写token的时候，控制台就会报这个错

写上token的时候，就会报这个错
在这里插入图片描述
然后想让这个错不再出现，就不要再声明mapboxgl.accessToken，并且把node_mudules这个文件夹下面的这个文件里面的红圈内的括号内容改成false。
this._requestManager._customAccessToken,(t=>{if(t&&(false))
在这里插入图片描述

mapbox3版本的话是一样的

3.3版本写法
在这里插入图片描述

2.15版本写法在这里插入图片描述

也是上面mapbox2的写法，把这个(t=>{if(t&&(t.message=e.df||401=t.status))改成(t=>{if(t&&(false))

有玉微凉，是为樱琅
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
MapBox免Token离线部署全套成熟方案
lz5211314121的博客
11-10 1950
首先你需要把mapbox-gl.js源码文件中的一行代码进行改动，mapbox-gl.js大家可以在官网直接下载下来，然后进行修改，官网的这个文件是打包压缩之后的，修改后我们就可以直接使用，访问下面这个地址。其实需要申请token使用的本质原因是。这些东西mapbox官方肯定是不想让大家免费无脑使用的，所以加了token验证，而且这个token及其难申请，导致困扰到大家连起步都没法开始。这样的话，我们使用了非官方的layers资源，不仅可以正常的使用mapbox的功能，而且也不会因为没有token而报错。
Mapbox GL JS access token 问题
cwr888的专栏
08-10 1145
MapBox在内网使用时，accesstoken不能使用，导致局域网内地图服务不能使用，只需修改mapbox-gl.js文件中“this._requestManager._customAccessToken,(e=>{if(e&&(false))”，框架就不会验证token，可内网部署
Mapbox去除token验证
最新发布
pon的博客
05-14 399
在mapbox.js文件中，找到如下位置，修改里面参数即可跳过token验证！
mapbox-gl删除token校验
小火车况且况且况且的博客
04-10 1308
从拉取源码, 找到下图的文件 注释下图的代码 运行打包 打包之后的文件存在于修改之前 修改之后 修改为
MapBox离线部署去除accesstoken限制方法
qq_58543270的博客
12-14 4735
MapBox离线部署去除accesstoken限制方法
mapbox-gl 2.7.0 去token
01-12
mapbox-gl 2.7.0 去token
mapbox去除token,加载本地发布的矢量切片底图
qq_37750030的博客
07-15 3591
数据源我们可以爬取mapbox的矢量切片，包括一些样式文件，这样的话我们可以先在mapboxstudio先配好地图，然后下载样式文件，最后直接将样式中的layers整体替换就可以，方便后期地图样式的调整。我们在使用mapbox地图引擎，如果部署的服务器是内网环境，不允许访问互联网，就不能使用mapbox官方提供的在线地图了，这样我们就需要离线化部署。中先配置好，然后将样式文件下载下来，替换style中的layers就可以了。下载的样式文件复制layers替换到项目中的style中的layers。......
vue中，应用mapbox地图（一）——mapbox-gl地图设置中文是zh-Hans不是zh & accessToken-访问令牌 & 正确版本streets-v11
weixin_44867717的博客
03-23 8431
vue中，应用mapbox地图（一）——mapbox-gl地图设置中文是zh-Hans不是zh & accessToken-访问令牌 & 正确版本streets-v11 Mapbox GL JS是一个JavaScript库，使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能，MapboxGL能够渲染大量的地图要素，拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端，是一款十分优秀的WEB GIS开发框架。 1、开始 开始之前你需要准备: An access
mapbox-gl-tokens:轻松重用需要令牌的开源mapbox-gl-js样式
05-09
mapbox-gl-tokens 轻松重用需要令牌的开源mapbox-gl-js样式 问题：要将mapbox-gl样式与Mapbox以外的其他来源复用，例如或需要修改style.json以插入您自己的键/令牌 解决方案：一个简单的函数，可以在运行时转换http请求以添加令牌。 安装 安装 npm install orangemug/mapbox-gl-tokens 用法 通过[removed]标记（正在进行中） <!DOCTYPE html > < html > < head > < meta charset = utf-8 /> < script src =' https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.js ' > </ script > < link href =' https://api.
mapbox底图下载器
07-15
下载mapbox矢量切片，包括样式文件，生成一个index.html测试页面，测试浏览下载的地图
mapbox绘制航线图
04-19
使用地图绘制航线图
MapBox_Unity2020+
08-18
更新修正了官方版本的只适用于unity2018的内部报错，不过对应的token还是要去https://www.mapbox.com/获取，注册就给，此版本适用2019以后的unity版本
MapboxGL本地化部署方法
01-12
MapboxGL本地化部署方法
MapBox入门教程一：token申请与环境搭建
lz5211314121的博客
09-13 9041
然后点击提交之后会提示你认证失败，没关系，这时候你的邮箱已经收到了一封邮件，进入邮件以后，用自己的账户名和密码再次登录一遍就获得了token，他会给你一个公共token，当然你如果创建应用的时候需要只开放部分接口和功能的时候可以在单独申请一个token。然后 选择 developers ——documentation——Mapbox GL JS，点击左侧的installation或者直接在页面上找到 access-token，点击，然后找到。如果是简单的项目，一个html就够了，
mapbox问题记录-token问题
孙霸天的专栏
01-28 1170
mapbox-gl升级到2.0后，使用自搭建的后端服务，也需要token。
快速入门MapboxGL
热门推荐
SuperMap技术控
10-25 2万+
作者：MR. Mapbox GL JS是一个JavaScript库，使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能，MapboxGL能够渲染大量的地图要素，拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端，是一款十分优秀的WEB GIS开发框架。Hello MapboxGL现在开始我们的MapBox之旅。 首先在页面引入Mapbox
vue mapbox
12-02
Vue Mapbox是一个基于Vue.js和Mapbox的地图组件库，它提供了一系列易于使用的组件和指令，可以帮助你快速构建交互式地图应用程序。下面是一个简单的示例，演示如何在Vue中使用Mapbox： 首先，安装Vue Mapbox： ```shell npm install vue-mapbox mapbox-gl --save ``` 然后，在Vue组件中引入Mapbox： ```vue <template> <div> <MglMap :accessToken="accessToken" :mapStyle.sync="mapStyle" :center.sync="center" :zoom.sync="zoom" > <MglNavigationControl /> <MglGeolocateControl /> <MglFullscreenControl /> </MglMap> </div> </template> <script> import { MglMap, MglNavigationControl, MglGeolocateControl, MglFullscreenControl } from 'vue-mapbox' import mapboxgl from 'mapbox-gl' export default { components: { MglMap, MglNavigationControl, MglGeolocateControl, MglFullscreenControl }, data () { return { accessToken: 'your-access-token', mapStyle: 'mapbox://styles/mapbox/streets-v11', center: [-122.4194, 37.7749], zoom: 12 } }, created () { mapboxgl.accessToken = this.accessToken } } </script> ``` 在上面的示例中，我们首先引入了Mapbox的地图组件，然后在Vue组件中使用这些组件来创建地图。我们还设置了一些地图的属性，例如地图样式、中心点和缩放级别。最后，我们将Mapbox的访问令牌设置为Vue组件的数据属性，以便在创建地图时使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值