Я создаю веб-приложение для сенсорного экрана, для которого требуется функция «поворот экрана». С помощью CSS-преобразования легко поворачивать все, и оно работает на большинстве страниц. Проблема в том, что есть такой плагин, как Mapbox, который использует события мыши, положение событий по-прежнему относительно порта представления. Например, после того, как я вращаю <body>
на 180 градусов, и нажмите левую верхнюю часть карты, которая находится внизу справа от браузера, mapbox подумает, что я щелкнул внизу справа от карты. То же самое с перетаскиванием, оно просто переместило карту в противоположном направлении.Как повернуть весь видовой экран с картой в нем?
Есть ли лучший способ повернуть всю страницу, включая все события мыши? Или есть способ обойти его, как автоматическая замена координат событий мыши на основе вращения?
Если это для мобильных устройств, то лучше всего, вероятно, попытаться повернуть веб-просмотр самостоятельно .. как в, поверните фактическое окно браузера таким образом, чтобы все оставалось относительным. –
Нет, это не мобильно. Это гигантский сенсорный экран Windows. –
Возможно, что проблема связана с библиотекой mapbox. Обязательно проверьте это. Попробуйте то же самое с leaftlet.js (http://leafletjs.com/) или openlayers (http://openlayers.org/). Надеюсь, вы не столкнетесь с проблемами. –