Hello, I'm writing an animation for a Map.
As you can see when a button on the left is clicked I draw the line and a circle (sometimes more the one) that indicate a point on the map.
The animation is working fine but I have a problema when I start the animation one right after the others.
I wrote this lines
tlMap.set(mapCircles, { autoAlpha: 0 });
tlMap.set(mapLines, { drawSVG: "0 0" });
So I can reset the lines and circles of all the points when I click on a button.
But if you click on a button and right away click on a second button you wil see that the first animation will still be going and I would end up with lines from more then one button showing on the map.
I think i need a reverse on all the other animations but I cannot figure out how to do it.
I started to move away from jQuery to Vanilla JS, if you find something that is done wrongly I'll appreciate if you point it out for me.