minemap地图字体替换笔记

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

在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文库

  • 10
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值