title: Stop animation symbol on polyline - googlemaps
body: <p>I used the animation for symbols on polylines according to this answer that was very useful:
  <a href="https://stackoverflow.com/questions/11931415/animate-symbol-on-multiple-geodesic-polylines">Animate symbol on multiple geodesic polylines</a></p>
  
  <p>What i would like is to have several polylines and generate animation when one is selected and stop animation for the others.</p>
  
  <p>That is, i want to remove symbol and stop animation once it has started with the method mentioned above: </p>
  
  <pre><code>function animateCircle(id) {
      var count = 0;
      offsetId = window.setInterval(function () {
          count = (count+1) % 200;
          id.setOptions({
              icons: [{
                  offset: (count/2)+'%'
              }]
          });
      }, 20);
  };
  </code></pre>
  
  <p>I tried another function like this but it didn't work at all:</p>
  
  <pre><code>function stopCircle(id) {
      id.setOptions({
          icons: [{
              offset: '0%'
          }]
  };
  </code></pre>
  
  <p>Neither:</p>
  
  <pre><code>function stopCircle(id) {
      id.setOptions({
          icons: null
  };
  </code></pre>
  
  <p>Thanks.</p>