Learn echarts and recreate with gc data

[cetung-gif]

https://raw.githubusercontent.com/wandergis/leaflet-echarts/master/examples/demo2.gif

[cetung-gif]

After inspecting the code, somethings to note is that in the plane trajectory demo Darren made, planePath is a misleading variable name because what it specified there isn't the actual path of the planes but the SVG path for illustrating the little airplane icons.

Only the start and end coordinates are provided for each path, and in the lineStyle configuration it specifies a curveness of 0.2 on the straight/shortest-path line between the start/end coords, which explains the pretty curve. It's basically an arbitrary path

[paco-barreras]

I have added some sample data that we need to use to plot trajectories, stops, and ground truth using garden city data.

https://github.com/Watts-Lab/nomad-stop-detection-dashboard/tree/gc_scatter_demo/demos

we will need the buildings also, in this folder, and keep in mind that the main difference in plotting spatial data is the aspect ratio which can be messed up sometimes.

[paco-barreras]

@santosl529 , can you upload your code to that same branch gc_scatter_demo

[paco-barreras]

Some useful methods:

• A glowing comet tail: is achieved with effects keys for a lines series.
• An icon can be added to a "movement along a line" , in the effects keys, but under the hood it is EffectLine.

effect: { show: true, period: 6, trailLength: 0, symbol: planePath, symbolSize: 15 }
lineStyle: { color: color[i], width: 1, opacity: 0.4, curveness: 0.2 }

• Pulsing dots are the effectScatter series with rippleEffect effect.

[santosl529]

Just added my code to the demos folder in the gc_scatter_demo branch.