34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
## Style Methods
|
|
|
|
Method | Options | Returns | Description
|
|
---|---|---|---|
|
|
`setCartoCSS(cartocss)` | `cartocss string` | `this` | style the map rendering using client-side CartoCSS (not available with [Named maps](https://carto.com/docs/{{site.mapsapi_docs}}/guides/named-maps//maps-api/named-maps/))
|
|
|
|
Torque supports a limited subset of CartoCSS rules defined in the [torque-reference](https://github.com/cartodb/torque-reference). To see the full list of supported rules, read the [Torque CartoCSS documentation]({{site.styling_cartocss}}/#cartocss-properties-for-torque-style-maps). `value` and `zoom` variables can be used. `value` is the value of aggregation. `zoom` is the current zoom being rendered.
|
|
|
|
TorqueLayer currently expects `marker` styling.
|
|
|
|
**Example:**
|
|
```css
|
|
/* This is how a minimal example of a stylesheet for a Torque visualisation would look like. */
|
|
|
|
Map {
|
|
-torque-time-attribute: "date";
|
|
-torque-aggregation-function: "count(cartodb_id)";
|
|
-torque-frame-count: 760;
|
|
-torque-animation-duration: 15;
|
|
-torque-resolution: 2;
|
|
}
|
|
#layer {
|
|
marker-width: 3;
|
|
marker-fill-opacity: 0.8;
|
|
marker-fill: #FEE391;
|
|
}
|
|
#layer[value = 4] { // Use of the value variable, generated by the function specified in -torque-aggregation-function
|
|
marker-fill: #FABADA;
|
|
}
|
|
#layer[zoom = 12] { // Use of the zoom variable
|
|
marker-width: 10;
|
|
}
|
|
```
|