mapbox地图字体替换笔记

方安乐

已于 2023-12-01 09:43:53 修改

阅读量534

点赞数 10

分类专栏： gis 文章标签：前端 javascript

于 2023-11-29 16:28:52 首次发布

本文链接：https://blog.csdn.net/yangguangxiadewo/article/details/134692858

版权

gis 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

我们常常出于设计的目的需要修改地图字体，这里记录一下字体修改的方法

 var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v11',
            glyphs: "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
            center: [12.550343, 55.665957],
            zoom: 8
        });

在这里将glyphs改成我们的本地路径http://localhost:3000/assets/glyphs/{fontstack}/{range}.pbf

这里解释一下，assets是我们存放资源的文件夹，我们的字体包都放在glyphs文件夹下面，fontstack是字体包名，通过指定路径就可以

字体包下载地址：字体替换，无硬边圆滑字体资源-CSDN文库