问题标签 [pannellum]

我使用 Pannellum 构建了一张全景图，并在其上方放置了一张图像。现在的问题是鼠标和触摸事件被应用于图像并且没有到达全景查看器以控制它。我可以想象一个解决方案，将透明全景放在首位，以便鼠标事件控制它。然后将真正的全景放在所有下方并将动作镜像到它。有更好的解决方案吗？我读过关于事件冒泡的文章，但还不明白。

我在我的 Wordpress 网站上工作，到了我想在页面和帖子中添加全景照片（360 度）的地步，我已经搜索了插件，似乎没有人可以正确地完成这项工作，过了一点搜索用于整体目的的工具我来到几个基于three.js的查看器，例如pannellum，我尝试将js / css文件上传到wp-content，然后使用wp_enqueue_script（），wp_enqueue_style（）在function.php中，然后使用iframe作为这些工具的演示，它没有工作，任何帮助将不胜感激。

我正在使用Pannellum 全景查看器进行校园游览体验。为了改进对移动设备的支持，我想使用Pannellum 的多分辨率格式 ，使用包含的python 脚本来生成它的形式图像。

我是一个 mac 用户，对 python 的了解很少，并且能够从终端执行脚本（耶！）

python脚本的注释说明了要求：

我正在运行 Python 2.7.10，我确实安装了 Pillow 包并从他们的sourceforge mirror下载的“HuginStitchProject.app”（来自包内容）中获得了“nona”可执行文件。

从包含前面提到python generate.py basketball_court.jpg的可执行文件的文件夹中执行代码时，文件 和，我收到以下我无法解决的错误：nona*.jpggenerate.py

我看到了OSError: [Errno 2] No such file or directory，我缺少哪个文件？它看不到哪个文件？

任何帮助将不胜感激 ：）

编辑：我很确定我没有任何可执行文件不是依赖项。我什至不知道可执行文件应该是什么样子。我应该寻找nona.py,nona.exe还是nona.sh其他东西？

这是我要在 jquery 函数中导入的hotspot.json 文件。我遇到的问题是热点值上的引号。没有它们，json 文件无效，但现在无法正常工作。

这就是我此时导入 json 文件的方式。

在这一点上，我不知道从哪里开始。我是否需要更改 json 文件中的某些内容或修复 js 文件中的问题？有人可以帮我解决这个问题吗？

谁能建议我一个简短的例子，说明如何在热点和图像加载事件上绑定点击事件。我尝试使用“clickHandlerFunc”属性，但无法在热点或图像上添加点击处理程序。请建议我，使用“mpetroff/pannellum”panorma 的任何基本点击事件。我的要求是在加载图像或点击热点时获取图像数据。

谢谢！

我正在研究地图热点。哪些需要完全按照手册进行更正。但从我的代码。有更多字符干扰插件解释。

这是我的json：

在每组新的词汇表中，都会有一个额外的“{}”进来。

这是我的PHP：

我确定php循环一定有问题。但我看不到。这是插件页面中的示例。

那么问题来了，如何去掉json代码中多余的“[”和“{”？我认为这没关系，但它是。当我把原始代码放在那里时。它正在工作。然后我认为这就是问题所在。

我正在尝试使用 pannellum。我怎样才能在另一个函数中获得热点俯仰和偏航。

我想在下面的函数Itried下面的函数中得到俯仰和偏航（8和20）

但是这个根据pannellum查看器的运动给出动态数据。我怎样才能得到与上面提到的完全相同的俯仰和偏航？

当我尝试使用 javascript 调用 document.getElementById(elemId).style.visibility = visible/hidden 隐藏/显示 DOM 中的元素时遇到问题。

这是一个非常奇怪的行为，当我通过 id 获取 DOM 元素并将可见性设置为可见时，在控制台中我可以看到内联样式已被修改但屏幕上的元素仍处于隐藏状态。

我将链接我的问题的小提琴示例，希望有人可以提供帮助

这是我用来隐藏/显示 DOM 元素的功能

无论如何，即使直接呼叫document.getElementById('2').style.visibility = 'visible'也不起作用

PS我想要实现的是在感叹号上显示跨度，即对于css默认值，隐藏

小提琴演示

我正在使用 Pannellum.js 在浏览器上将 360 度图像详细说明为 equirectangular 图像。当我尝试显示/隐藏我动态生成的一些元素时，我的主要问题是在 DOM 上。我正在尝试使用 javascript 调用 document.getElementById(elemId).style.visibility = visible/hidden 来实现这一目标。

特别是我想要实现的是在感叹号上显示跨度，即对于css默认值，隐藏。（见小提琴）。

在控制台中，我可以看到内联样式已被修改，但屏幕上的元素仍处于隐藏状态。

这是我用来隐藏/显示 DOM 元素的功能

这是我的示例的链接

小提琴演示

我也有类似的例子，它按预期工作，但在这种情况下，我没有生成动态内容。

小提琴演示按预期工作

我尝试在我的 React 组件中使用Pannellum NPM 包。

Pannellum 的 API 可以这样使用：

我想到了以下代码：

会工作。然而事实并非如此。我明白了TypeError: __WEBPACK_IMPORTED_MODULE_2_pannellum___default.a.viewer is not a function。

还尝试了不同的 import statements: import { pannellum } from 'pannellum';，const pannellum = require('pannellum');但这些也不起作用。

有趣的是，Pannellum 的 API javascript 代码是捆绑在一起的，一旦我注释掉componentDidMount()并在页面加载后尝试通过 Chrome 开发工具控制台使用 API，它就可以工作。但是没有应用 CSS 样式。

我显然做错了什么。我看过360-react-pannellum包源代码，但我需要访问整个 API，而不仅仅是渲染，所以它不适合我的需要。

谢谢您的帮助。