mapbox js本地化部署

移除mapbox-gl.js的token检测,使用本地sprite和glyphs,并支持相对路径而不是网络地址url

版本 vue3(v3.5.13) vite(v6.0.1)mapbox-gl.js(v3.9.3)

参考 https://github.com/HuHongYong/Mapbox-js-offline

  1. 在官网找到在线的js和css

    把这俩文件下下来,放到前端工程路径下

    我是放到public下了,看习惯,也可以建个lib文件夹

  2. 把字体文件和图标放到前端工程路径下

  3. 修改js

    搜索normalizeSpriteURL(t

    将该函数内容替换为

    return t + ".json";

    搜索this._requestManager._customAccessToken,(t=>

    将t&&(t.message=w||401=t.status)替换为(t && false)

  4. 引入js,css

  5. 示例。字体和图标参考https://github.com/HuHongYong/Mapbox-js-offline这里面的

  6. 效果

相关推荐
To_OC18 小时前
别再串行写 await 了,Promise.all 才是并行请求的正确打开方式
前端·javascript·promise
To_OC18 小时前
LC 17 电话号码的字母组合:我的回溯算法,就是从这道题开窍的
javascript·算法·leetcode
我是坏垠20 小时前
Crypto、Cipher与Password:Java加密开发的三个核心概念
java·开发语言·python
white_ant20 小时前
JDK LTS 版本升级迁移注意事项大全
java·开发语言
Bobolink_20 小时前
跨境业务网络环境评估,“干净、一致、独享”三个关键指标
开发语言·网络·php·跨境网络·网络环境
你怎么知道我是队长20 小时前
JavaScript的变量和数据类型介绍
开发语言·javascript·ecmascript
xingke21 小时前
C 语言多文件编程:(一)头文件、extern、编译链接
c语言·开发语言·多文件
戮漠summer21 小时前
Missing Semester 计算机教育中缺失的一课 Lecture 01 Shell
开发语言·后端·scala
jinyishu_21 小时前
C++ string使用方法
开发语言·c++
EW Frontier21 小时前
三级跳突破864维动作空间——QMIX-Hierarchical多无人机协同通信方法全解析【附python代码】
开发语言·python·无人机·强化学习·通信资源分配