如何用地图旋转整个视口?

时间:2016-10-21 01:37:29

标签: javascript web mapbox-gl-js

我正在制作一个需要“旋转屏幕”功能的触摸屏网络应用程序。使用CSS转换很容易旋转所有内容,它适用于大多数页面。问题是当有像Mapbox这样的插件使用鼠标事件时,事件的位置仍然相对于视口。例如,在我将<body>旋转180度并点击浏览器右下角地图的左上角后,地图框会认为我点击了地图的右下角。与拖动相同,它只是将地图移向相反的方向。

有没有更好的方法来旋转整个页面,包括所有鼠标事件?或者有没有办法解决它,比如根据旋转自动替换鼠标事件坐标?

1 个答案:

答案 0 :(得分:1)

我建议按照上面的Pamblam建议旋转网页视图。 GL JS(与大多数Javascript库一样)不是为了将输入映射到CSS变换而设计的。