Proof-of-concept to render Hindi text labels in a with TinySDF and copying the resulting image to a MapLibre map.canvas
Quite slow to load, a bit an ugly solution, text not totally crisp, but the result still looks OK I find...
https://wipfli.github.io/maplibre-canvas-labels/offscreen
- Hindi: https://wipfli.github.io/maplibre-canvas-labels#lanugage=hi
- Tegulu: https://wipfli.github.io/maplibre-canvas-labels#language=te
- Bengali: https://wipfli.github.io/maplibre-canvas-labels#language=bn
- Gujarati: https://wipfli.github.io/maplibre-canvas-labels#language=gu
- Malayalam: https://wipfli.github.io/maplibre-canvas-labels#language=ml
- Punjabi: https://wipfli.github.io/maplibre-canvas-labels#language=pa
- Marathi: https://wipfli.github.io/maplibre-canvas-labels#language=mr
- Urdu: https://wipfli.github.io/maplibre-canvas-labels#language=ur
- Persian: https://wipfli.github.io/maplibre-canvas-labels#language=fa
- Arabic: https://wipfli.github.io/maplibre-canvas-labels#language=ar
- Any other that is in OpenStreetMap... https://wiki.openstreetmap.org/wiki/Multilingual_names
If you don't specify a language in the URL, the map shows the OpenStreetMap name tag value. This looks especially beautiful in South-East Asia.
Map tiles from swiss-map.cc have cors for localhost:3000, so if you want to try this out locally, serve index.html at port 3000 for example with:
npx serve .