问题标签 [photosphereviewer]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 运行 javascript 库(照片球查看器)的问题
我想在我的项目中使用Photo Sphere Viewer 。所以我跑了
它似乎已经下载了模块。
然后在我的项目中,我做了:
但我得到错误:
编译失败。
谁能帮我找出问题所在?
PS。我认为以下行导致问题(在 photo-sphere-viewer.js 内):
但我什至很惊讶为什么它会进入这个if
,因为我不知道我已经require.js
安装了。
聚苯乙烯。我有一个由创建的反应应用程序create-react-app
javascript - React 纯 Javascript 上的 Photo Sphere Viewer
我正在尝试在我的 React 组件上实现 Photo Sphere Viewer,我已经使用 Google Maps API 完成了它并且效果很好,但是我使用的是相同的技术,没有结果。如果有任何其他选项可以在 React 上实现 360 照片查看器(已经使用 Pannellum,不喜欢它,没用),我愿意接受建议。
https://photo-sphere-viewer.js.org/
我从以下网址获得了 html 代码:https ://github.com/JeremyHeleine/Photo-Sphere-Viewer/blob/master/examples/example.html
我想得到这样的东西。
当我尝试使用“import from”语法直接导入脚本(three.min.js、photo-sphere-viewer.min.js)时,我收到一个未定义的错误“PhotoSphereViewer”。
jquery - Photo Sphere 查看器使浏览器变慢
我正在使用 Photo Sphere Viewer 来显示 360 度图像。我在底部有一个带有其他 360 度图像的菜单。当我单击这些图像之一时,光球会更改查看器中的图像。更改图像大约 3 次或更多次后,浏览器变慢。
我正在使用的方法是来自 jquery 的“empty()”来擦除旧的全景图像,然后再次加载“photoSphereViewer”,我认为这就是问题所在。出于某种原因,当我使用空时不会删除缓存上的图像,一段时间后它会变慢。我知道存在一种使用“setPanorama”更改全景的方法,但是当我尝试时,控制台显示 PSV(变量)不是函数的错误。
使用旧方法(清空容器并添加新全景图)可以工作,但我遇到了这个性能问题。所以我需要找到一种方法来清理缓存或设置全景图,而不是每次都重新创建它。任何想法?谢谢!!
reactjs - 将 Photo Sphere Viewer 与 React 一起使用
我已按照指南进行操作,但我仍然是这方面的新手。我创建了一个基本的 react.js 应用程序,并安装了 uevent、3 和 photo-sphere-viewer 作为指南请求。然后我使用来自 Tiberiu Maxim的代码来展示 360 全景图。
我得到这个错误。
要重新创建它,请运行此
然后将 app.js 覆盖为
javascript - viewer.getPlugin(PhotoSphereViewer.MarkersPlugin) 返回 null
我使用PhotosphereViewer 来显示全景图像。
我使用以下代码成功初始化查看器 -
初始化查看器后,我使用以下命令获取对 MarkersPlugin 的引用 -
知道为什么markersPlugin
总是 null 吗?
javascript - “PhotoSphereViewer:无效的 XMP 数据”和“WebGL:INVALID_VALUE:texImage2D:错误的图像数据”
我正在使用Photo Sphere Viewer来显示像 facebook 一样的全景照片,但遇到了一些问题。
这是我的代码:
这是我的代码:
当我运行此代码时,我在 JS 控制台中遇到错误:
- PhotoSphereViewer:无效的 XMP 数据(来自 psv.js:11)
- WebGL:INVALID_VALUE:texImage2D:错误的图像数据(来自three.min.js:130)
关于我做错了什么或我需要做什么的任何想法?
谢谢!
javascript - 在 React/Next JS 中使用带有 photo-sphere-viewer 的标记
我正在努力找出如何在我的 Next JS 应用程序中使用标记。
我有一个基本的全景图和这个代码......
所以这一切都很好,但我不知道标记是如何进入的。我已经尝试过与标记文档中的完全一样
],
但是得到PSVError: Un undefined value was given for plugins.
而且也只是使用
但我只是得到
PSVError: Unknown option markers
任何想法都会有很大帮助
javascript - 以编程方式单击 Photo Sphere 查看器标记
我正在尝试同时使用Photo Sphere Viewer和 Markers。我需要能够以编程方式单击标记。我希望在像这样查看标记时创建一个功能来单击它们:
这只是为 click 函数返回 undefined 。
我原以为会有一个点击标记的功能,但我认为没有。
任何帮助,将不胜感激。谢谢