Saltar al contenido principal

PTV Developer: Funciones de agrupamiento con maplibre en mapas PTV

Actualización

Síntoma

Al usar capas de agrupamiento con MapLibre GL JS en PTV Vector Maps, las etiquetas de los agrupamientos pueden no mostrarse al hacer zoom o cambiar de mosaicos.

En la consola del navegador, se muestra el siguiente error:

GET 

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

 

Causa

Este error es causado por definiciones de fuentes no compatibles en el estilo de la capa.
Por defecto, MapLibre usa:
 

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

Sin embargo, PTV Vector Maps solo soporta fuentes de la familia "Noto".
Fuentes como Open Sans o Arial Unicode MS no están disponibles en los servidores de mosaicos alojados por PTV — solo están presentes en los mosaicos de demostración de MapLibre.

 

Resolución

Para resolver el problema y asegurar que las etiquetas de agrupamiento se muestren correctamente, establezca explícitamente la fuente soportada "Noto Sans Regular" en la capa de estilo.

 Ejemplo:

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
  }
});

Esto evita el error 404 y muestra las etiquetas como se espera.

Notas técnicas

  • Motor de renderizado: maplibre-gl v4.0.2

  • Fuentes soportadas en vectormaps-resources.myptv.com: solo Noto

  • Fuentes no soportadas: Open Sans, Arial Unicode MS, etc.

Enlaces de referencia: