javascript - 如何实现立体坐标轴内的全景图？

说明：
Facebook有一个全景图，也就是说，可以拖动查看全景照片，希望能和大家探讨一下这个算法。
关于以下的全景图的说明：Facebook的原图被我左右反转了，原本的图片是基于下面的全景图资源的左右翻转的，我翻转后，进行了分析得到了这张图的1~6部分分别在立体坐标轴内对应的位置。另外一个，我坐标轴忘记画箭头了，将就理解一下哈。

这张图片就是全景图原图

这张图片就是对应的坐标轴位置

其实直接在六个面上进行拖动旋转都好实现，但是如果用户查看的场景包含这立体坐标轴里的8个顶点，这里我是假设这六张图片覆盖在留个面上，用户查看类似于摄像头在球形内移动，移动中心在坐标轴0坐标位置。