Javascript 地图框标记旋转/方向
是否有机会设置标记的旋转?现在,我将贴图方向角设置为一个标记的角度,但其他标记应该有自己的方向角 目前,我使用的标记定义如下:Javascript 地图框标记旋转/方向,javascript,reactjs,mapbox-gl-js,Javascript,Reactjs,Mapbox Gl Js,是否有机会设置标记的旋转?现在,我将贴图方向角设置为一个标记的角度,但其他标记应该有自己的方向角 目前,我使用的标记定义如下: var marker_el = document.createElement('div'); marker_el .className = 'marker'; var new_marker = new mapboxgl.Marker(marker_el) .setPopup(marker_PopUp); 并将其设置为地图: new_marker.setLngL
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,因为没有答案,所以我自己用一个可行的解决方案来回答我的帖子:
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;
你是怎么发现的?我已经尝试解决这个问题很久了@mwarren和等待部分:实际上我只是调试了它。在地图上设置标记之前和之后,我检查了这些值。在那里,我发现addTo()方法正在将元素的转换更新为标准值。所以我把它放在调用之后(我有多个调用)。请注意,mapbox gl的最新版本(我的版本是1.6.1)提供了marker.setRotation()marker.setRotation()函数似乎是一个不错的选择。