Leaflet: невозможно выровнять маркер по полилинии - PullRequest
0 голосов
/ 20 мая 2019

Я разрабатываю небольшое веб-приложение, которое отслеживает и рисует траекторию полета самолета, мне удалось нарисовать ломаную линию и добавить маркер, также используя библиотеку RotateMarker (https://github.com/bbecquet/Leaflet.RotatedMarker) для установки (поворота) маркера курс (на основе текущего курса), однако я не могу выровнять маркер по полилинии чертежа, я попытался установить иконку, но затем, когда плоскость меняет курс, у меня снова возникает ошибка смещения.

image

Вот одна часть моего кода (где я устанавливаю положение маркера и устанавливаю заголовок маркера, затем добавляю на карту)

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');
...