当前位置: 首页 > 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'}})

相关文章:

  • 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项目改动点
  • 我的科学观|梅彦昌:科技创新关键在于能否跑得快,而不是有没有钱
  • 极限拉扯上任巴西,安切洛蒂开启夏窗主帅大挪移?
  • 缺字危机:一本书背后有多少“不存在”的汉字?
  • 从600名外到跻身大满贯,孙发京:走过的路成就了现在的我
  • 牟海松任国家信访局副局长
  • 美国长滩港货运量因关税暴跌三成,港口负责人:货架要空了