primefaces JSF中折线上的标记动画

【问题标题】：Marker Animation on polylines in primefaces JSFprimefaces JSF中折线上的标记动画
【发布时间】：2014-11-20 15:31:06
【问题描述】：

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

【问题讨论】：

标签： javascript jsf primefaces polyline primefaces-gmap

【解决方案1】：

我想你想要这个animation on polyline 和Primefaces GMap Polyline。如果是，那么您可以通过在 JavaScript 中获取折线对象来实现此目的，然后将该对象传递给 GMap 提到的示例（折线上的动画）。

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 函数。希望这会对某人有所帮助。

【讨论】：