title: Preview of polyline drawing each coordinate by coordinate in google maps
body: <p>I have created an application in googlemap with poly-line, The application is working fine with the polyline drawn perfectly, But the problem is that i need to draw and show the preview of poly-line, drawing each coordinate by coordinate in google-maps</p>
  
  <p>how can we achieve this? I have tried with setInterval(commented within my code) but its not working properly</p>
  
  <p>Can anyone please tell me some solution for this</p>
  
  <pre><code>      $scope.autoRefresh = function() {
      try {
        //
        routePoints = [];
        if (!_.isEmpty(items)) {
          angular.forEach(items, function(cordinates) {
            //setInterval(function ()
            //{           
              routePoints.push(new google.maps.LatLng(cordinates.lat, cordinates.lng));
              var route = new google.maps.Polyline({
                path: routePoints,
                strokeColor: '#FF0000',
                strokeOpacity: 2.0,
                strokeWeight: 3,
                editable: false
              });
              route.setMap(map);
              moveMarker(map, marker, cordinates.lat, cordinates.lng);
              markLAT = cordinates.lat;
              markLNG = cordinates.lng;
            //}, 1000);
          });  
        }
        //  
      } catch (e) {
        console.log(e);
      }
    };
  </code></pre>
  
  <p><strong><a href="http://plnkr.co/edit/vJflBqUQ5I4S0SGGEKP8?p=preview" rel="nofollow">Plunker</a></strong></p>