css - 如何将 CSS 应用于 Here Maps API 标记

Question

有没有办法将 CSS 应用于 Here JS map 上的自定义标记？我们正在使用 JS API 的 3.0 版，我只想知道是否有任何我可以使用的选择器或任何类似的东西来将 CSS 应用于标记。到目前为止我还没有找到任何东西。

我们使用的 SVG 标记基于:https://developer.here.com/documentation/examples/maps-js/markers/map-with-svg-graphic-markers

谢谢

Answer 1

您分享的示例使用了 H.map.Marker，它根据 documentation ，以静态位图图标的形式直观表示 map 上的位置。

对于样式化标记，你应该使用 H.map.DomMarker:

// assuming DOMElement already exists
var domMarker = new H.map.DomMarker(map.getCenter(), {
  icon: new H.map.DomIcon(DOMElement)
})

这是一个简单的 jsfiddle带有 DomMarker 的页面，它使用 CSS 规则更改悬停时的不透明度。

参见 DomMarker documentation了解更多详情。