Marker Animation on polylines in primefaces JSF

Question

I want to show moving marker along polyline in gmap of Primefaces. Does gmap supports marker animation along polyline? I have searched but did not find any useful link.

Answer 1

I think you want this animation on polyline with Primefaces GMap Polyline. If yes then you can achieve this by getting Polyline Object in JavaScript and then just pass that object to GMap mentioned example (animation on polyline).

function initMap(){
    var gmap = PF('gmap').getMap();                             
    var line = gmap.polylines[0];              
    animateCircle(line);
}
function animateCircle(line) {
      var count = 0;
      window.setInterval(function() {
        count = (count + 1) % 200;

        var icons = line.get('icons');
        icons[0].offset = (count / 2) + '%';
        line.set('icons', icons);
    }, 20);
  }

Just call javascript funtion from your code. Hopefully this will help someone.