当前位置: 首页 > news >正文

photo-sphere-viewer 4.8.1在vue中使用

photo-sphere-viewer 加载单张平面图

import { Viewer } from 'photo-sphere-viewer'this.viewer = new Viewer({panorama: ‘完整的url,也可以是一个base64’,// Containercontainer: document.getElementById('viewer1'),navbar: true,// Resize the panoramasize: {width: '100%',height: this.height + 'px'}})

photo-sphere-viewer 加载6张贴图,需要使用adaper

import { Viewer } from 'photo-sphere-viewer'
import { CubemapAdapter } from 'photo-sphere-viewer/dist/adapters/cubemap'this.viewer = new Viewer({panorama: ['左','前',‘右’,‘后’,‘上’,‘下’],adapter: CubemapAdapter,// Containercontainer: document.getElementById('viewer1'),navbar: true,// Resize the panoramasize: {width: '100%',height: this.height + 'px'}})
http://www.dtcms.com/a/138949.html

相关文章:

  • Vim使用完全指南:从基础到高效编辑
  • 了解高速设计的信号完整性仿真
  • 计算机视觉算法实战——基于YOLOv8的农田智能虫情测报灯害虫种类识别系统开发指南
  • C++的基本的输入输出流学习
  • 【CODESYS学习笔记001】MODBUS-TCP 与 标准TCP通信的优缺点对比
  • Diffusion Models for Imperceptible and TransferableAdversarial Attack--阅读笔记
  • 国内网络设备厂商名单(List of Domestic Network Equipment Manufacturers)
  • Java面试(2025)—— Spring
  • Git创建分支操作指南
  • 【网工第6版】第3章 局域网①
  • Gparted重新分配swap空间之后,linux电脑读不到swap空间
  • 为什么要外参标定?
  • 网络编程 - 1
  • linux——iptables防火墙
  • 考研系列-计算机网络-第一章、计算机网络体系结构
  • OPAL:机器人学习中编码物理系统的因果理解
  • 如何自学机器学习?零基础到实战的完整路径
  • 如何对Flutter应用程序进行单元测试
  • 【软件工程大系】基于构件的软件工程(CBSE)
  • 【cocos creator 3.x】cocos creator2.x项目升级3.x项目改动点
  • genhtml 工具使用说明
  • 何时选择for,何时使用while?
  • 进行性核上性麻痹:合理饮食,提升生活质量
  • 【天梯赛练习】L2-035 完全二叉树的层序遍历
  • C++学习:六个月从基础到就业——面向对象编程:重载运算符(上)
  • Scala 入门指南
  • C++23 新预处理器指令详解:#elifdef、#elifndef 和 #warning
  • 数据结构与算法[零基础]---5.图
  • WIN11运行游戏时出现“ms-gamingoverlay”弹框的问题
  • package.json 中的那些版本数字前面的符号是什么意思?