в Цезии динамический вращающийся компас сбрасывается назад до 0, когда он проходит 360

Question

в Цезии динамический вращающийся компас сбрасывается назад до 0, когда он проходит 360

1

У меня есть этот простой код, чтобы анимировать значок компаса, чтобы отразить текущую ориентацию камеры в Цезии, всякий раз, когда я проходил через 360 градусов, компас вращается влево, чтобы сбросить на 0, а не вращаться. Код ниже:

viewer.camera.changed.addEventListener(rotateCompass);
viewer.camera.moveEnd.addEventListener(rotateCompass);

function rotateCompass() {
    document.getElementById('compass').style.transform = 
        'rotate(-${viewer.camera.heading}rad)';
}

Zach Harding 06 июнь 2017, в 10:13

Источник

Теги:

javascript

css

cesium

1 ответ

Ещё вопросы

Zach Harding · Answer 1 · 2017-06-06T09-52-00.000Z

Нашел решение, связанный слушатель с viewer.clock.onTick а не на камеру, сам изменился. компас теперь отражает заголовок камеры довольно красиво только с одним слушателем и функцией 1:

viewer.clock.onTick.addEventListener(rotateCompass);

function rotateCompass() {
    compass.style.transform = 'rotate(${viewer.camera.heading}rad)';
}