title: Drawing animated openlayers linestring path
body: <p>I have seen an impressive mapping example on <a href="http://jerusalem.com/map#!/tour/the_way_of_the_cross/location/abu_jaafar" rel="nofollow">http://jerusalem.com/map#!/tour/the_way_of_the_cross/location/abu_jaafar</a>, Does anybody how a similar animation on the drawn path of the points can done using openlayers?</p>
  
  <p>The following fiddle shows the linestrings <a href="http://jsfiddle.net/pwuVz/58/" rel="nofollow">http://jsfiddle.net/pwuVz/58/</a> but I need is to be able to animate the line string itself so that the string is not directly drawn.</p>
  
  <pre><code>var map = new OpenLayers.Map( 'map', {theme:null,
                      controls:[new OpenLayers.Control.Navigation()]} );
              layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                      "http://vmap0.tiles.osgeo.org/wms/vmap0",
                      {layers: 'basic'} );
              map.addLayer(layer);
              map.setCenter([3, 49], 5);
  
  var startPt=new OpenLayers.Geometry.Point( 2, 45);
  var endPt=new OpenLayers.Geometry.Point(7,55);
  
  //make the line:
  var line=new OpenLayers.Geometry.LineString([startPt, endPt]);
  
  //style
  var style={strokeColor:"#0500bd", strokeWidth:15, strokeOpacity: 0.5,  strokeColor: '#0000ff'};
  //make vector 
  var fea=new OpenLayers.Feature.Vector(line, {}, style);
  
  //make vectorLayer
  var vec= new OpenLayers.Layer.Vector();
  
  //add the feature
  vec.addFeatures([fea]);
  
  //add to map
  map.addLayer(vec);
  
  setTimeout(function() {
  
        var startPt=new OpenLayers.Geometry.Point( 7, 55);
  var endPt=new OpenLayers.Geometry.Point(13,52);
  
  //make the line:
  var line=new OpenLayers.Geometry.LineString([startPt, endPt]);
  
  //style
  var style={strokeColor:"#0500bd", strokeWidth:15, strokeOpacity: 0.5,  strokeColor: '#0000ff'};
  //make vector 
  var fea=new OpenLayers.Feature.Vector(line, {}, style);
  
  //make vectorLayer
  var vec= new OpenLayers.Layer.Vector();
  
  //add the feature
  vec.addFeatures([fea]);
  
  //add to map
  map.addLayer(vec);
  
  }, 2000);
  </code></pre>