Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 地图框标记旋转/方向_Javascript_Reactjs_Mapbox Gl Js - Fatal编程技术网

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()函数似乎是一个不错的选择。