关于Primefaces JSF中折线的标记动画

时间:2014-11-20 15:31:07

标签: javascript jsf primefaces polyline primefaces-gmap

我想在Primefaces的gmap中沿折线显示移动标记。 gmap是否支持沿折线的标记动画?我搜索过但没有找到任何有用的链接。

1 个答案:

答案 0 :(得分:1)

我认为您希望此animation on polylinePrimefaces GMap Polyline。 如果是,则可以通过在JavaScript中获取Polyline对象然后将该对象传递给GM​​ap提到的示例(折线上的动画)来实现此目的。

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);
  }

只需从代码中调用javascript函数即可。希望这会对某人有所帮助。