我们常常出于设计的目的需要修改地图字体,这里记录一下字体修改的方法
在minemap中,我们可以通过glyphsUrl属性去进行字体替换,就像这样
minemap.glyphsUrl = 'http://localhost:3000/assets/glyphs/{fontstack}/{range}.pbf';
但有时候我们自定义了字体之后,发现字体并没有变化
这时我们需要设置一下minemap中的这个属性localIdeographFontFamily
map = new minemap.Map({
container: 'viewDiv',
style: mapStyle, /*底图样式*/
glyphs: minemap.glyphsUrl,
center: [116.391844, 39.898457], /*地图中心点*/
zoom: 10, /*地图默认缩放等级*/
pitch: 0, /*地图俯仰角度*/
maxZoom: 25, /*地图最大缩放等级*/
minZoom: 1, /*地图最小缩放等级*/
localIdeographFontFamily: '',
});
localIdeographFontFamily自定义字体,如果不置空,则会使用电脑或手机自身的字体,这是由于mapbox对CJK和部分东亚的字体做了限制。他们认为这些地方的字体文件太大,加载耗时,默认使用“本地”字体。就是使用电脑本身或者手机本身的字体,就不用再去请求了。置空就是告诉它不使用本地字体,就用自定义字体!
这样我们再加载symbol图层,字体就替换成你想要的字体啦
字体包下载地址:字体替换,无硬边圆滑字体资源-CSDN文库