Mapbox GL JS や MapLibre GL JS にて日本語フォントを利用する

Mapbox GL JS や MapLibre GL JS には、Webフォントを表示するための機能として、グリフ指定が出来るようになっています。

• https://docs.mapbox.com/mapbox-gl-js/style-spec/glyphs/

"glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf"

• {fontstack}グリフを要求すると、このトークンはtext-font、シンボルレイヤーのプロパティで指定されたフォントスタックからのフォントのコンマ区切りリストに置き換えられます。
• {range}グリフを要求すると、このトークンは256個のUnicodeコードポイントの範囲に置き換えられます。

日本語フォントとしては以下のサーバにフォントの用意があり、利用可能です。

• https://maps.gsi.go.jp/xyz/noto-jp/{fontstack}/{range}.pbf
• https://glyphs.geolonia.com/{fontstack}/{range}.pbf

glyphs.geolonia.comの方では一種類のみフォント指定が可能だということです。

• https://github.com/geolonia/glyphs.geolonia.com