title: Visualize Live animated moving Marker
body: <p>I have a mapping solution that is using OpenStreetMaps, Leaflet JS API and PostGIS Database. I have an API that is called from tracking device. Device send data (Longitude and Latitude) with an interval of 30 seconds. I have plotted the data on the map as marker and draw polyline by joining the marker. Now I need to plot live and animated marker of tracking. I am looking for a a solution similar to the following gif image.</p>
  
  <p><a href="https://i.stack.imgur.com/qm8Du.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qm8Du.gif" alt="enter image description here"></a></p>
  
  <p><a href="https://i.imgur.com/KrOy634.gif" rel="nofollow noreferrer">https://i.imgur.com/KrOy634.gif</a></p>
  
  <p>There is a Plugin of Leaflet JS API Called <a href="https://github.com/ewoken/Leaflet.MovingMarker" rel="nofollow noreferrer">Moving Marker</a> but I was unable to resolve. It use three parameters (2 location and duration of animation). I can add the location but can not control the duration. </p>
  
  <pre><code>var myMovingMarker = L.Marker.movingMarker([[48.8567, 2.3508],[50.45, 30.523333]],
                          [20000]).addTo(map);
  
  myMovingMarker.start();
  </code></pre>
  
  <p>What is the best way to visualize the live moving tracking? I know if there is a Speed parameter in device data then it can be possible. Unfortunately there is no Speed parameter from device data. </p>