Más

Par de torsión de estilo CSS en CartoDB

Par de torsión de estilo CSS en CartoDB


Estoy tratando de hacer un mapa que muestre la carga total de un autobús. He trazado la ruta y establecí las limitaciones de tiempo. La elipse se mueve y parece funcionar bien, pero cuando trato de diseñar las elipses en función de la cantidad de carga, el relleno del marcador se elimina por completo.

¿Alguien tuvo este problema antes?

/ ** visualización de torque * / Map {-torsión-función-agregación: "round (avg (carga))"; -resolución de par: 2; } # table_14 {comp-op: lighter; opacidad de relleno de marcador: 0,9; color-de-línea-marcador: #FFFFFF; ancho de línea de marcador: 0,5; opacidad de la línea del marcador: 1; tipo de marcador: elipse; ancho de marcador: 6; } # table_11 [valor> 10] {marcador-relleno: # 000; } # table_11 [valor> 8] {marcador-relleno: # 400; } # table_11 [valor> 3] {marcador-relleno: # 800; } # table_11 [valor> 0] {marcador-relleno: # F00; }


CartoCSS, cuando se usa cuando Torque, no conoce los datos de sus columnas. Los filtros no se pueden usar así en Torque porque los diferentes valores que tiene no tendrían sentido para ellos.

La forma en que trabaja Torque es con la función de agregación, que por defecto cuenta el número de eventos en la misma ubicación:

Map {-torque-aggregation-function: "count (cartodb_id)"; -resolución de par: 2; }

El resultado de la función de agregación de par es la única variable que conoce Torque, la variable "valor" que puede ver si aplica un mapa de categoría de par. En su caso, tendría que reemplazar esta función de agregación por algo que le proporcione los valores de su columna de carga.

Esta variable de "valor" puede ir de 0 a 255 debido a la forma en que está especificada en este momento, así que asegúrese de que la función de agregación devuelva algo limitado por estos valores.

Si su columna "carga" no excede 255, puede intentar algo como:

-función-de-agregación-de-par: "round (avg (carga))";

y luego deberías poder usar tus filtros como:

# table_11 [valor> = 10] {marcador-relleno: # 000; } # table_11 [valor> = 8] {marcador-relleno: # 400; } # table_11 [valor> = 3] {marcador-relleno: # 800; } # table_11 [valor> = 1] {marcador-relleno: # F00; }

Puede obtener información sobre cómo funciona la agregación espacial aquí.


Ver el vídeo: Advanced CartoCSS with CartoDB