前言 　　有一篇文章我说了H5实现全景图预览，全景视频播放的原理，有需要的小伙伴可以自行去看一下 　　今天我就拿出我的实践干货出来，本人实测实测过 需求 　　老板：我需要可以上传全景图片，然后手机网站上都可以360度看全景图 需求分析 　　一个上传功能 　　一个全景360度预览功能 ...

如果你用过网页版的百度地图，你大概3D全景图浏览是一种怎样的酷炫体验：在一个点可以360度环顾周围的建筑、景色，当然也可以四周移动，就像身临其境。 科普 全景图共分为三种： ①球面全景图 利用一张全景图围成一个球，自身位置位于球体内。由于图片是矩形，所以最上和最下的缝合处 ...

前面两篇博客主要讲了如何从全景图转到小行星、水晶球视图。今天来说下如何从全景图中取一块儿平面视图出来。 当然最简单的是直接从全景图里画一个ROI，然后扣一块儿区域出来。但是很多时候这样的操作并不方便，如果要是截取的区域跨越了拼接缝的话就麻烦了。 一劳永逸的方法当然还是将全景图贴到球面去做，假设 ...

全景图是2:1比例的图片，一般是多张图像拼接而成。全景图2:1的比例可以很方便的映射到球面，而球坐标可以很方便的实现各种有趣的投影。比如小行星，水晶球，局部透视投影等。 今天来说说怎么将全景图投影到小行星视图： 首先，要有一副2:1的全景图，如下： 风景秀丽是不是 ...

前一篇博客中讲到怎么由全景图转到小行星，这次换一种投影方式说下由全景图转到水晶球模式。 首先，还是要有一副全景图，风景秀丽是不是： 1. 将其按照经纬展开法，贴到单位球面上。图像第一行聚集在一起成为球体的北极点；图像的最后一行像素聚集在一起成为球的南极点。 2. 设定投影平面 ...

photo-sphere-viewer.js是一个基于three.js的全景插件 1、能添加热点；2、能调用陀螺仪；3、操作简单，提供一张全景图片即可（大多数手机都可以拍摄） 官网：https://photo-sphere-viewer.js.org/ 使用方法很简单，直接去官网参考 ...

1、导入谷歌官方提供的库： commonwidget、common、panowidget(全景图)、videowidget(视频) 或者添加依赖： 版本 ...