javascript - primefaces JSF中折线上的标记动画

Question

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

Answer 1

我认为您希望在折线上使用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 函数。希望这会对某人有所帮助。