为SVG javascript对象设置动画

是否可以创建SVG对象并向其添加动画？最终的目标是，我可以使用它作为谷歌地图标记。我可以创建一个SVG并将其用作如下所示的标记，但我还没有找到任何资源可以告诉我有哪些选项（如果有的话）可用于定义动画

var icon = {
         path: 'M0,-1 V1 M-1,0 H1',
         scale: 2,
         strokeColor: 'red',
         strokeWeight: 2
     }

     var labelMarker = new MarkerWithLabel({
         name: "a name",
         position: homeLatLng,
         map: map,
         icon: icon,
         draggable: true,
         raiseOnDrag: true,
         labelContent: html,
         labelAnchor: new google.maps.Point(19, 44),
         labelInBackground: false
     });

---

*注意：此代码使用Markers类的扩展，但函数相同

有各种选项，SMIL动画、CSS动画或使用setTimeoutsorry对DOM进行javascript操作，我不太了解。如何将这些应用到我的svg对象中？如果您搜索它们，有很多示例。如果你展示了你要做的事情，我们可以发表评论。值得注意的是，一些动画可以通过标记设置来完成，而不是直接的svg标记。比如这里，如果你想要的东西超出了这类东西，可以用一个JSFIDLE来举个例子，描述一下你想要的东西。