Skip to content

Instantly share code, notes, and snippets.

@ramiroaznar
Created August 15, 2017 09:20
Show Gist options
  • Save ramiroaznar/0ab7a1fd076bdf5eff4bfb2f7b653898 to your computer and use it in GitHub Desktop.
Save ramiroaznar/0ab7a1fd076bdf5eff4bfb2f7b653898 to your computer and use it in GitHub Desktop.
Markers as beacons with Torque
Map {
-torque-frame-count: 2;
-torque-animation-duration: 2;
-torque-time-attribute: "t";
-torque-aggregation-function: "count(1)";
-torque-resolution: 4;
-torque-data-aggregation: linear;
}
#layer::halo[frame-offset=1]{
marker-fill-opacity: 0.5;
marker-line-color: #F24440;
marker-line-width: 1;
marker-line-opacity: 1;
marker-placement: point;
marker-type: ellipse;
marker-width: 7;
marker-fill: #F24440;
marker-allow-overlap: true;
}
#layer[frame-offset=1]{
marker-fill-opacity: 1;
marker-line-color: #fff;
marker-line-width: 1;
marker-line-opacity: 0;
marker-placement: point;
marker-type: ellipse;
marker-width: 1.5;
marker-fill: #fff;
marker-allow-overlap: true;
}
#layer::halo[frame-offset=2]{
marker-fill-opacity: 0.5;
marker-line-color: #F24440;
marker-line-width: 1;
marker-line-opacity: 1;
marker-placement: point;
marker-type: ellipse;
marker-width: 10;
marker-fill: #F24440;
marker-allow-overlap: true;
}
#layer[frame-offset=2]{
marker-fill-opacity: 1;
marker-line-color: #fff;
marker-line-width: 1;
marker-line-opacity: 0;
marker-placement: point;
marker-type: ellipse;
marker-width: 1.5;
marker-fill: #fff;
marker-allow-overlap: true;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment