Here api 如何在HERE maps js中将动画添加到svg图标标记中？

我将自定义svg图标添加到地图

<svg class="point-icon-animation" 
    ... ommited 
</svg>

var marker = new H.map.Marker({ lat: point.coords.lat, lng: point.coords.lng }, {
          icon: new H.map.Icon(this.svgMarkup)
        });

---

但是我的svg图标没有看到css配置，如何使其可见？

您需要将svg添加为DomIcon对象。在这个

中检查带有SVG内容的标记示例，似乎您是对的，这就是阅读的问题所在。谢谢，我将检查它是否适用于svg动画以及css配置的svg。一个技巧是通过一些

div

对

svg

进行取整，因为它可以跳过地图上的所有视图

.point-icon-animation {
  -webkit-animation: location-bounce .5s linear infinite both;
  animation: location-bounce .5s linear infinite both;
}

@-webkit-keyframes location-bounce {

  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes location-bounce {

  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}