javascript - Google Maps animating multiple symbols -

I just change it to animateCircle () version of Google so that it's just a The symbol will try to cheat, but it does not work for symbols except for the first time any thoughts?

Path path is an array that includes other information about the path on the top of the code <[icon: lineSymbol, offset: "100%"}, {Icon: lineSymbol, offset: "90%"}] function animateArrow () {var count = 0; OffsetId = window.setInterval (function () {count = (counting +1)% 200; var mouse = paths.path.get ('mouse'); I & lt; icons.length; i ++) (var i = {Icons for 0} .offset = (count / 2) + '%';} paths.path.set ('icons', icons);}, 20); }

Understand that note: path is not visible here percentspaced should change according to the space you need, i.e. the 20% difference between the symbols is 20. function animation arrow (path) {var count = 0, icons = new array (); Var Percentage = 20; Var Interval Time = 20; // millisecond lineSymbol = {path: google.maps.symbolPath.FORWARD_CLOSED_ARROW, strokeColor: "# 000000", strokeOpacity: .95, strokeWeight: 10, fillColor: "#FFFFFF", fillOpacity: .7}; (Icon.push ({icon: lineSymbol});} Path.set ("icons", icon); OffsetId = window.setInterval (for Var i = 0; i & lt; 100 / percentSpaced; i ++) Function () {count = (count + 1)% 200; var icons = paths.path.get ('icons'); for (var i = 0; i & lt; icons.length; i ++) {sign [I] .offset = ((count / 2) + (I percentSpaced *) 100% + '%';} path.set ("mouse", symbol);}, intervalTime);}

There are two things you have to consider:

1) assuming the calculation has only established 1 symbol. (Therefore, (i * percentpace) )

2) If their percentile percentage is more than 100% then it should start again. (Finally % 100 )