Javascript 带有Mapbox GL JS的动画标记

我想用mapbox gl js制作一个标记的动画（使用动画gif或png序列）

有人有关于它的链接/文档/资源吗？我什么也找不到，只能沿着线条标记动画

提前感谢

当然，您可以使用它并根据需要创建其变体

例如，使用以下代码显示gif标记：

mapboxgl.accessToken=''；
var map=new mapboxgl.map({
容器：“映射”，
风格：'mapbox://styles/mapbox/streets-v9',
中心：[-74.50,40]，
缩放：9
});
函数addeMarkerToMap（地图、坐标）{
//为标记创建DOM元素
var el=document.createElement（'div'）；
el.className='marker'；
//将标记添加到地图
新mapboxgl.标记（el）
.setLngLat（坐标）
.addTo（地图）；
}
addeMarkerToMap（地图，[-74.5,40]）
正文{
保证金：0；
填充：0；
}
#地图{
位置：绝对位置；
排名：0；
底部：0；
宽度：100%；
}
.马克{
背景图片：url(https://media.giphy.com/media/Bfa45K0r6cCIw/giphy.gif);
宽度：32px；
高度：32px；
}

也许您可以使用视频而不是动画标记。您只是在标记中添加gif吗？-i、 e.使用图像标记来呈现gif文件-有没有比HTMLDOM元素更高性能的解决方案？我认为如果超过100，速度会慢很多marker@nauti我将不得不在文档中挖掘bit dipper来查找DOUT，但是您可以通过将样式从javascript移动到css并将类添加到附加的div标记中来获得性能增益。@nauti检查我更新的代码，并在创建新标记时使用它。我在文档中找不到任何其他内容。使用新标记创建新元素不会对性能造成太大影响。很好的例子！然而，图像并没有真正指向给定的lat/lng。如果希望标记的中心/底部指出位置，如何更改锚定？