Symptoom

Bij het gebruik van clusterlagen met MapLibre GL JS op PTV Vector Maps, worden clusterlabels mogelijk niet weergegeven bij het in-/uitzoomen of wisselen van tegels.

In de browserconsole wordt de volgende fout weergegeven:

GET

https://vectormaps-resources.myptv.com/fonts/latest/Open%20Sans%20Regular,Arial%20Unicode%20MS%2

Oorzaak

Deze fout wordt veroorzaakt door niet-ondersteunde lettertype-definities in de laagstijl.
Standaard gebruikt MapLibre:

["Open Sans Regular", "Arial Unicode MS Regular"]

Echter, ondersteunen PTV Vector Maps alleen lettertypen uit de "Noto"-familie.
Lettertypen zoals Open Sans of Arial Unicode MS zijn niet beschikbaar op de door PTV gehoste tegelservers — ze zijn alleen aanwezig op MapLibre demo-tegels.

Oplossing

Om het probleem op te lossen en ervoor te zorgen dat clusterlabels correct worden weergegeven, stel je expliciet het ondersteunde lettertype "Noto Sans Regular" in in je stijl-laag.

Voorbeeld:

map.addLayer({
id: 'cluster-count',
type: 'symbol',
source: 'earthquakes',
filter: ['has', 'point_count'],
layout: {
'text-field': '{point_count_abbreviated}',
'text-font': ['Noto Sans Regular'],
'text-size': 12
}
});

Dit voorkomt de 404-fout en toont de labels zoals verwacht.

Technische notities

Rendering engine: maplibre-gl v4.0.2
Ondersteunde lettertypen op vectormaps-resources.myptv.com: alleen Noto
Niet-ondersteunde lettertypen: Open Sans, Arial Unicode MS, enz.

Referentielinks: