mapbox标记旋转/方位角

Question

有没有可能设置标记的旋转？现在，我将地图方向角设置为一个标记的角度，但其他标记应该有自己的标记方向。

目前，我使用的标记定义如下：

var marker_el = document.createElement('div');
marker_el .className = 'marker';
var new_marker = new mapboxgl.Marker(marker_el)
    .setPopup(marker_PopUp);

并将其设置为地图：

new_marker.setLngLat([lon, lat]);
new_marker.addTo(map);

我使用的是JS和react，对于map mapbox-gl

Answer 1

因此，因为没有答案，我自己回复了我的帖子，并为我提供了一个有效的解决方案：

var angle = "yourAngle";
var rotateString = "rotate(" + angle + "deg)";

var marker_el = document.createElement('div');
marker_el.className = 'marker';
var new_marker = new mapboxgl.Marker(marker_el);
new_marker.addTo(map);

/* important here is to append the rotate property because the transform 
property is already being updated */
marker_el.style.transform = marker_el.style.transform + rotateString;