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

How to apply CSS to Here Maps API Markers

有没有办法将 CSS 应用于 Here JS 地图上的自定义标记? 我们正在使用 JS API 的 3.0 版,我只想知道是否有任何我可以使用的选择器或任何沿着这些行应用 CSS 到标记的选择器。到目前为止我还没有找到任何东西。

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

谢谢

您分享的示例使用 H.map.Marker,它根据 documentation,以 静态位图图标 [=25] 的形式在地图上直观地表示位置=].

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

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

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

有关详细信息,请参阅 DomMarker documentation