echarts地图该怎么引入gif图标？

Question

const warning= [{
      name: '上海市区',
      value: [122.430317, 31.222771, 30]
    },
    {
      name: '闵行区',
      value: [122.375972, 31.111658, 30]
    },
    {
      name: '宝山区',
      value: [122.489934, 31.398896, 30]
    },
    {
      name: '崇明区',
      value: [122.397516, 31.626946, 30]
    }
  ]
  
{
        name: '告警点',
        type: 'scatter',
        coordinateSystem: 'geo',
        animation: true,
        symbol: 'image://https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fq_70%2Cc_zoom%2Cw_640%2Fimages%2F20181219%2F1c14708498444a5c8e90f9896c2c8ef0.gif&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1631263790&t=8ed505964c272f877740f5a217f53bd6',
        symbolSize: function (val) {
          var a = (maxSize4Pin - minSize4Pin) / (max - min);
          var b = minSize4Pin - a * min;
          b = maxSize4Pin - a * max;
          return a * val[2] + b;
        },
        zlevel: 6,
        data: warning,
      },

想引入gif图, 作为气泡, 意思就是想让他闪烁提示告警。
但是不管用什么方法引入到symbol, 都是静态的。。不动。。
base64也试了, 还是静态的, gif不会动。

想问问有什么办法吗？
如果用div+像素点定位, 每次缩放拖动地图都要重绘, 很麻烦

Answer 1

把 gif 转成 svg 格式的动图试试。

---

社区给的建议是用 setTimeout 自行绘制，把 gif 拆解成几张 jpg 图：

https://github.com/apache/ech...
https://github.com/apache/ech...
https://github.com/apache/ech...

Answer 2

默认的echarts好像是使用canvas绘制，这个当然不能渲染动态图了，不过他好像有svg版的，可以试试
地理坐标系和地图系列的 SVG 底图