Question

我正在尝试使用Laravel和Marzipano进行自己的虚拟导览，但是我无法使照片显示在页面上。页面变为空白，当我单击鼠标时，鼠标变为典型的360度照片十字。我不知道问题出在哪里，因为这是我第一次使用它，而我从未使用过类似的东西。这是我的代码：

<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Trial</title>
    <script type="text/javascript" src="{{ url('js/marzipano/marzipano.js') }}"></script>

</head>
<body>
    <div id="domID"></div>
    <script type="text/javascript">
        var panoElement = document.getElementById("domID");
        var opts = {
            controls: {
                mouseViewMode: "drag"
            }
        }

        var viewer = new Marzipano.Viewer(panoElement, opts);

        var levels = [
            { tileSize: 512, size: 512 },
            { tileSize: 512, size: 1024 }
        ];

        var geometry = new Marzipano.CubeGeometry(levels);
        var source = Marzipano.ImageUrlSource.fromString("imgs/R0010598.JPG");
        var view = new Marzipano.RectilinearView();

        var scene = viewer.createScene({
            source: source,
            geometry: geometry,
            view: view
        });

        scene.switchTo();
    </script>
</body>
</html>

谢谢。

Answer 1

在LocalHost上运行它。尝试在诸如LiveServer之类的VS代码上节省一些时间。转到HTML页面，然后单击屏幕右下角的GoLive。在项目中添加marzipano.js并要求它。

我无法在本地实施Marzipano Tour 360

1 个答案: