plotly / plotly/plotly.js

[BUG]: Clusters within scattermaps fail to display with at least one custom style

Ouverte
#7,742 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
28

Description

Description

I am attempting to add clusters to a Plotly.js scattermap that uses a custom style ("https://tiles.openfreemap.org/styles/bright") for the map's style argument. When clusters are disabled, the map appears as expected:

Image

Meanwhile, when clusters are enabled, only points not grouped into a cluster (i.e. Honolulu) are visible:

Image

When I checked my console, I saw the following error:

Image

Basically, the clusters appear to require a specific font (Open Sans Regular) for the cluster labels, but this font isn't available within openfreemap's server. (In other words, Plotly is requesting font information from https://tiles.openfreemap.org/fonts/Open%20Sans%20Regular/0-255.pbf , but that page shows a 404 Not Found message.)

One option would of course be for OpenFreeMap to add this font to their server, but it would be preferable to modify the library, if possible, to not require this particular font. (If there's already an option to do so, please let me know.) If that wouldn't be possible, perhaps the library could be updated to show clusters but not labels? That would still be a major improvement.

Thank you in advance for your assistance!

Steps to reproduce

Here is a Codepen that demonstrates this functionality. Note that, if you zoom in enough, the underlying clusters' dots will begin to appear. Thus, the issue is with clusters rather than their data.

Notes

One of my reasons for using this custom library is that, based on my correspondence with Carto, our organization may need to pay a substantial amount of money to use Carto's own tiles for our work. This is not the case with OpenFreeMap, which is why I strongly prefer using them in place of Carto. If I'm misunderstanding this licensing situation, just let me know.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Reproduisez l’échec avec le CodePen lié en utilisant le style personnalisé de OpenFreeMap et les clusters scattermap activés. Inspectez le point d’entrée du rendu des clusters scattermap et la requête de police indiquée dans le rapport ; le travail est terminé lorsque les points regroupés sont rendus avec ce style sans nécessiter une police indisponible, ou lorsque la limitation prise en charge est clairement établie.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
data-visualization, frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.