传单:无法将标记与折线对齐

时间:2019-05-20 15:28:04

标签: javascript dictionary leaflet marker polyline

我正在开发一个小型Web应用程序,该应用程序可以跟踪并绘制飞机的飞行路径,我设法绘制了一条折线并添加了一个标记,还使用RotateMarker库(https://github.com/bbecquet/Leaflet.RotatedMarker)来设置(旋转)标记航向(基于平面当前航向),但是我无法将标记与图形多段线对齐,我试图设置iconanchor,但是当平面改变航向时,我又遇到了未对齐问题。

这是我的代码的一部分(我在其中设置标记位置并设置标记标题,然后添加到地图中

var receivedMessage = JSON.parse(coordinates);

var eachCoordinates = new L.LatLng(parseFloat(receivedMessage.lat), parseFloat(receivedMessage.lon));
lineCoords.push(eachCoordinates);

/*Set marker*/
markerToSet.setLatLng(eachCoordinates);
markerToSet.setIcon(planeIcon);
markerToSet.addTo(map);

/*draw polyline*/
polyLineToSet.setLatLngs(lineCoords);
polyLineToSet.addTo(map);

/*Rotate marker*/
markerToSet.setRotationAngle(receivedMessage.hdg, 3, '0');

0 个答案:

没有答案