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

相关推荐
“AI国潮设计-小江”8 小时前
《Python+SDXL实战:用ControlNet精准控制“英歌舞戚风蛋糕”质感,附批量生成脚本》
开发语言·人工智能·python·prompt·aigc
1024奇点8 小时前
【仓颉语言入门 · 第26课】
开发语言·ide·开源
jayhgq8 小时前
新一代Python包与项目管理工具——UV
开发语言·python·uv
xixiaoyunya8 小时前
CPU 100% 本身不是问题,它是一个症状
开发语言·php
500848 小时前
React Native for OpenHarmony 实战:三方库 react-native-volume-control 的鸿蒙化适配指南
javascript·react native·react.js·electron·harmonyos
weixin_440401698 小时前
质朴的可视化绘图+pyecharts
开发语言·python·信息可视化·pyecharts
薛一半8 小时前
React-Redux三重优化实战揭秘
javascript·vue.js·react.js
Dovis(誓平步青云)8 小时前
导览音频切换太快,旧讲解不能覆盖新展品
android·前端·javascript·ecmascript·音视频·宠物
ss2738 小时前
AI全栈实战 | 3.3-01 Python OOP:__init__ 真的是构造函数吗,元类怎么让 Django Model 变魔法
开发语言·python·django
weixin_3077791313 小时前
C++代码实现MATLAB中的dlarray函数功能
开发语言·c++·算法·matlab