Geolonia

glyphs.geolonia.com

このサーバーは、Mapbox GL JS で日本語を表示するためのフォントサーバーです。

style.jsonglyphs の値に以下の URL を指定することで利用可能です。

https://glyphs.geolonia.com/{fontstack}/{range}.pbf

ドキュメント: https://www.mapbox.com/mapbox-gl-js/style-spec/#root-glyphs

フォントについて

このサーバーでは以下のフォントを提供しています。

style.jsontext-font: ['Noto Sans CJK JP Regular'] のようにご利用ください。

Mapbox GL JS における日本語の表示について

現実的には、mapboxgl.Map() で以下のように指定することで、日本語が含まれないフォントを指定しても日本語が表示されます。

const map = new mapboxgl.Map({
  container: 'map',
  style: './style.json',
  attributionControl: true,
  hash: true,
  localIdeographFontFamily: ['sans-serif'] // 日本語を表示するための設定
});

この方法は、日本語フォントをダウンロードしないため、表示速度がはやくなりますので、この設定を入れておくことをおすすめします。 ただし、Maputnik でスタイルのカスタマイズをする際に、Maputnikに上述の設定が入っていないため日本語が表示されません。

したがって、念の為程度にこのサイトで提供している日本語フォントを設定しておくと良いかもしれません。

ビルド

$ npm install
$ npm run build-font # フォントをビルド
$ npm run build-html # HTML ページをビルド

プルリクエストや Issue はいつでも歓迎します。

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

免責事項

ライセンス