如何将 CSS 应用到 Here Maps API 标记

Question

有没有办法将 CSS 应用于 Here JS 地图上的自定义标记？ 我们正在使用 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，以静态位图图标 的形式在地图上的位置的可视化表示。

对于可样式标记，您应该使用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。