javascript - map 框标记旋转/方位

Question

是否有机会为标记设置旋转？现在，我将 map 方位设置为一个标记的 Angular ，但其他标记应该有自己的标记方位。

目前，我正在使用这样的标记定义:

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

并将其设置到 map 上:

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

我正在使用 JS 并为 map mapbox-gl 使用react

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;