(数据科学学习手札155)基于martin为在线地图构建字体切片服务

本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes

1 简介

大家好我是费老师,在之前的一篇文章(基于martin的高性能矢量切片地图服务构建)中我为大家介绍过martin的安装与使用,它是由maplibre开源维护的新一代高性能地图服务框架,底层基于rust,使得其可以以远胜于geoserver等传统地图服务框架的效率,进行矢量切片地服务图的发布。

martin除了构建矢量切片地图服务的核心功能外,还兼具了其他地图服务常用功能。今天的文章中,我就将为大家介绍如何使用martin快捷构建自定义字体切片服务。

2 利用martin构建自定义字体切片服务

maplibremapbox等框架在构建在线地图应用时,如果需要在地图中使用自定义字体,由于字体文件尤其是中文等字体体积较大,出于应用资源加载速度优化的考虑,不会接受完整的字体文件,而是需要自行将原始的字体文件转换为pbf切片的形式,并构建相应的web服务,供地图应用自动按需访问使用相应切片资源,这一套过程在过去,实现起来还是比较繁琐。

martin0.10.0版本开始提供快捷地字体切片服务功能,使得我们只需要一行命令即可搞定上述的所有过程😎。

首先我们执行cargo install martin --forcemartin进行覆盖更新,譬如我之前的martin版本为0.8.7

版本更新后来到0.11.0

接着我们只需要在本地准备好otfttfttc等常见格式的字体文件,接着执行利用martin命令的--font参数进行字体源的定义,可以接受单个字体文件,也可以接受路径用于批量识别路径下所有字体文件,还可以通过多个--font参数分别定义若干字体源规则,下面的示例中我们以识别目标路径下所有字体文件为例:

bash 复制代码
/home/feffery/.cargo/bin/martin --font .

就这么简单,我们就启动了自定义字体切片服务,默认访问本机的http://127.0.0.1:3000/catalog地址,即可查看到已成功注册的各字体切片服务信息,其中fonts下各个键名 ,就可以作为字体名称在地图应用中进行配置:

maplibre为例,按照我们示例服务的地址,为地图应用设置glyphshttp://127.0.0.1:3000/font/{fontstack}/{range}后,对于maplibre要额外为地图实例设置localIdeographFontFamily参数为false,接着按照symbol型图层参数配置要求设置好text-font等参数即可。

下面我们纯Python编写一个非常简单的应用(完整源码见本文开头仓库),其中使用到feffery-maplibre,是由我开源维护的用于在Dash应用中实现高性能在线地图的组件库,其中展示了点线面各常见要素对应的文字标签形式在不同字体下的效果:

更多资料请参考martin官方文档https://maplibre.org/martin/37-sources-fonts.html


以上就是本文的全部内容,欢迎在评论区与我进行讨论~

相关推荐
落霞的思绪21 小时前
Mybatis读取PostGIS生成矢量瓦片实现大数据量图层的“快显”
linux·运维·mybatis·gis
WebGIS开发1 天前
WebGIS开发实战|智慧城市西安一带一路地图可视化
gis·智慧城市·gis开发·webgis·地图可视化
GIS好难学1 天前
2025年华中农业大学暑期实训优秀作品(6):智慧城市—成都
gis·智慧城市·webgis
冷雨8282 天前
arcgis平滑面的边缘
arcgis·gis
我那工具都齐_明早我过来上班5 天前
WebODM生成3DTiles模型在Cesium地图上会垂直显示问题解决(y-up-to-z-up)
前端·gis
爱看书的小沐7 天前
【小沐学WebGIS】基于Three.JS绘制二三维地图地球晨昏效果(WebGL / vue / react )
javascript·vue.js·gis·webgl·three.js·opengl·晨昏线
WebGIS开发8 天前
WebGIS开发实战:武汉旅游资源可视化平台开发与应用
信息可视化·gis·智慧城市·旅游·gis开发·webgis
GIS工具-gistools20219 天前
用 Sentinel-1 Sentinel-2 结合监测 矿场采掘情况
大数据·sentinel·gis
WebGIS开发9 天前
GIS开发实战 | 基于WebGIS的南京市古遗迹旅游管理系统
gis·gis开发·智慧文旅·webgis
GIS学姐嘉欣10 天前
0帧起手《Vue零基础教程》,从前端框架到GIS开发
前端·vue.js·前端框架·gis