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

相关推荐
智嵌研习社16 小时前
Ollama 本地大模型完全配置指南:Modelfile 参数与系统环境变量深度解析
java·开发语言
XZ-07000116 小时前
1-1-可视化-练习
开发语言·python
xiaominlaopodaren16 小时前
three.js最小地图运行时(六): 地图运行时
javascript·gis·three.js
小白勇闯网安圈16 小时前
Vue 工程化开发:组件复用、插槽、项目结构与 ES6 模块化
javascript·vue.js·es6
橙橙笔记16 小时前
Python学习第三部分
开发语言·python·学习
huainingning16 小时前
个人版WorkBuddy编写设备巡检并导出设备配置python脚本
开发语言·python
Java后端的Ai之路16 小时前
02、Python普通工厂模式
开发语言·人工智能·python·设计模式·普通工厂模式
韶博雅17 小时前
开启补充日志
java·开发语言·sql
这是个栗子17 小时前
前端开发中的常用工具函数(十):JavaScript 数组遍历
javascript·map·遍历·filter·foreach·for·for...of
FYKJ_201017 小时前
django学习成绩预警系统10905
java·javascript·spring boot·python·spark·django·php