Suite

Couple de style CSS dans CartoDB


J'essaie de faire une carte qui montrerait la charge totale d'un bus. J'ai tracé l'itinéraire et mis en place les contraintes de temps. L'ellipse se déplace et semble bien fonctionner, mais lorsque j'essaie de styliser les ellipses en fonction de la quantité de charge, le remplissage du marqueur est complètement supprimé.

Quelqu'un a-t-il déjà eu ce problème ?

/** visualisation du couple */ Map { -torque-aggregation-function:"round(avg(load))"; -couple-résolution : 2 ; } #table_14{ comp-op : plus léger ; marqueur-remplissage-opacité : 0,9 ; couleur-ligne-marqueur : #FFFFFF ; largeur de ligne de marqueur : 0,5 ; marqueur-ligne-opacité : 1 ; type de marqueur : ellipse ; largeur du marqueur : 6 ; } #table_11 [valeur >10] { marker-fill: #000; } #table_11 [valeur > 8] { marker-fill: #400; } #table_11 [valeur > 3] { marker-fill: #800; } #table_11 [valeur > 0] { marker-fill: #F00; }


CartoCSS, lorsqu'il est utilisé lorsque Torque, ne connaît pas les données de vos colonnes. Les filtres ne peuvent pas être utilisés comme ça dans Torque car les différentes valeurs que vous avez n'auraient aucun sens pour cela.

Torque fonctionne avec la fonction d'agrégation, qui compte par défaut le nombre d'événements au même endroit :

Map { -torque-aggregation-function:"count(cartodb_id)" ; -couple-résolution : 2 ; }

Le résultat de la fonction d'agrégation de couple est la seule variable connue de Torque, la variable "valeur" que vous pouvez voir si vous appliquez une carte de catégorie de couple. Dans votre cas, vous devrez remplacer cette fonction d'agrégation par quelque chose qui vous donne les valeurs de votre colonne de charge.

Cette variable "valeur" peut aller de 0 à 255 en raison de la façon dont elle est actuellement spécifiée, alors assurez-vous que la fonction d'agrégation renverra quelque chose délimité par ces valeurs.

Si votre colonne "load" ne dépasse pas 255, vous pouvez essayer quelque chose comme :

-torque-aggregation-function:"round(avg(load))" ;

et ensuite vous devriez pouvoir utiliser vos filtres comme :

#table_11 [valeur >=10] { marker-fill: #000; } #table_11 [value >= 8] { marker-fill: #400; } #table_11 [valeur >= 3] { marker-fill: #800; } #table_11 [value >= 1] { marker-fill: #F00; }

Vous pouvez en savoir plus sur le fonctionnement de l'agrégation spatiale ici.


Voir la vidéo: Learn How To Add CSS to HTML - Inline u0026 Embedded Styles or External Style Sheets (Octobre 2021).