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. 效果

相关推荐
思麟呀25 分钟前
Linux的基础IO流
linux·运维·服务器·开发语言·c++
星释25 分钟前
Rust 练习册 :Pythagorean Triplet与数学算法
开发语言·算法·rust
星释29 分钟前
Rust 练习册 :Nth Prime与素数算法
开发语言·算法·rust
lkbhua莱克瓦241 小时前
Java基础——集合进阶3
java·开发语言·笔记
顺凡1 小时前
删一个却少俩:Antd Tag 多节点同时消失的原因
前端·javascript·面试
多喝开水少熬夜1 小时前
Trie树相关算法题java实现
java·开发语言·算法
QT 小鲜肉1 小时前
【QT/C++】Qt定时器QTimer类的实现方法详解(超详细)
开发语言·数据库·c++·笔记·qt·学习
前端大卫2 小时前
动态监听DOM元素高度变化
前端·javascript
Cxiaomu2 小时前
React Native App 图表绘制完整实现指南
javascript·react native·react.js
lsx2024062 小时前
MySQL WHERE 子句详解
开发语言