一个轻量的网页应用,用于展示无人机拍摄的等距矩形(equirectangular)全景图片,支持鼠标/手势拖拽、缩放、PC/手机自适应。
- 全景图加载与显示(默认示例图,可本地上传)
- 鼠标/触摸拖拽查看、滚轮缩放(以及自带惯性)
- 自适应布局,PC 和移动端均良好显示
- 保持原始比例不失真(要求全景为 2:1 equirectangular)
- 缩放控制按钮与重置视角
- 直接双击
index.html 在浏览器打开
- 或在项目根目录启动本地静态服务(可选):
- Python:
python -m http.server 8000
- Node:
npx serve
- 请在app.js里 “const DEFAULT_PANO” 插入图片url
- 推荐格式为
jpg/png
- 为避免失真,请保证图片为 等距矩形(2:1) 全景图(例如 8000x4000)
- 初始视野(HFOV)为 90,缩放范围 50–120
- 可根据需要在
app.js 的 initial 对象中调整
- 现代浏览器(Chrome / Edge / Safari / Firefox)
- 移动端触摸与手势操作已默认支持
- 本代码由莆田市闽云信息技术有限公司编写,请不要删除代码中的原作者注释!!!
- 该代码基于'pannellum'编写
- 如果你有更好的想法,随时欢迎联系