问题标签 [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.

0 投票
1 回答
612 浏览

javascript - 运行 javascript 库(照片球查看器)的问题

我想在我的项目中使用Photo Sphere Viewer 。所以我跑了

它似乎已经下载了模块。

然后在我的项目中,我做了:

但我得到错误:

编译失败。

谁能帮我找出问题所在?

PS。我认为以下行导致问题(在 photo-sphere-viewer.js 内):

但我什至很惊讶为什么它会进入这个if,因为我不知道我已经require.js安装了。

聚苯乙烯。我有一个由创建的反应应用程序create-react-app

0 投票
2 回答
2194 浏览

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”。

0 投票
1 回答
706 浏览

jquery - Photo Sphere 查看器使浏览器变慢

我正在使用 Photo Sphere Viewer 来显示 360 度图像。我在底部有一个带有其他 360 度图像的菜单。当我单击这些图像之一时,光球会更改查看器中的图像。更改图像大约 3 次或更多次后,浏览器变慢。

我正在使用的方法是来自 jquery 的“empty()”来擦除旧的全景图像,然后再次加载“photoSphereViewer”,我认为这就是问题所在。出于某种原因,当我使用空时不会删除缓存上的图像,一段时间后它会变慢。我知道存在一种使用“setPanorama”更改全景的方法,但是当我尝试时,控制台显示 PSV(变量)不是函数的错误。

使用旧方法(清空容器并添加新全景图)可以工作,但我遇到了这个性能问题。所以我需要找到一种方法来清理缓存或设置全景图,而不是每次都重新创建它。任何想法?谢谢!!

0 投票
1 回答
857 浏览

reactjs - 将 Photo Sphere Viewer 与 React 一起使用

我已按照指南进行操作,但我仍然是这方面的新手。我创建了一个基本的 react.js 应用程序,并安装了 uevent、3 和 photo-sphere-viewer 作为指南请求。然后我使用来自 Tiberiu Maxim的代码来展示 360 全景图。

我得到这个错误。

要重新创建它,请运行此

然后将 app.js 覆盖为

0 投票
2 回答
318 浏览

javascript - viewer.getPlugin(PhotoSphereViewer.MarkersPlugin) 返回 null

我使用PhotosphereViewer 来显示全景图像。

我使用以下代码成功初始化查看器 -

初始化查看器后,我使用以下命令获取对 MarkersPlugin 的引用 -

知道为什么markersPlugin总是 null 吗?

0 投票
1 回答
55 浏览

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)

关于我做错了什么或我需要做什么的任何想法?

谢谢!

0 投票
1 回答
64 浏览

javascript - 在 React/Next JS 中使用带有 photo-sphere-viewer 的标记

我正在努力找出如何在我的 Next JS 应用程序中使用标记。

我有一个基本的全景图和这个代码......

所以这一切都很好,但我不知道标记是如何进入的。我已经尝试过与标记文档中的完全一样

],

但是得到PSVError: Un undefined value was given for plugins.

而且也只是使用

但我只是得到 PSVError: Unknown option markers

任何想法都会有很大帮助

0 投票
0 回答
33 浏览

javascript - 以编程方式单击 Photo Sphere 查看器标记

我正在尝试同时使用Photo Sphere Viewer和 Markers。我需要能够以编程方式单击标记。我希望在像这样查看标记时创建一个功能来单击它们:

这只是为 click 函数返回 undefined 。

我原以为会有一个点击标记的功能,但我认为没有。

任何帮助,将不胜感激。谢谢