Question

我正在使用marzipano工具并开始出现错误：由于缺乏浏览器支持，热点无法嵌入sphere。

不明白为什么？最初没有来

data.forEach(function(hotspot, index) {
                const yaw1 = hotspot.yaw * that.degrees2radians;
                const pitch1 = hotspot.pitch * that.degrees2radians;
                const element = that.createInfoHotspotElement(hotspot, index);

                // Get the hotspot container for scene.
                const container = that.scene.hotspotContainer();

                console.log(hotspot);

                element && container.createHotspot(element, {
                    yaw: yaw1,
                    pitch: pitch1
                }, {
                        perspective: {
                            radius: 1640
                        }
                    });
            });

当我删除透视图对象时，它工作正常。

请帮助

Answer 1

经过两天的苦苦挣扎，我才知道发生此错误的原因。

实际上，在我正在研究的项目中，由于错误的HTML和CSS架构，渲染期间ID（ marzipano_test_css3d_support ）的marzipano DIV 元素不是能够获取它在内部创建的 height （下面是代码段）

84: [function(t, e, i) {
        "use strict";
        function r() {
            var t = s("perspective")
              , e = document.createElement("div")
              , i = "undefined" != typeof e.style[t];
            if (i && "WebkitPerspective" === t) {
                var r = "__marzipano_test_css3d_support__"
                  , n = document.createElement("style");
                n.textContent = "@media(-webkit-transform-3d){#" + r + "{height: 3px;})",
                document.getElementsByTagName("head")[0].appendChild(n),
                e.id = r,
                document.body.appendChild(e),
                i = e.offsetHeight > 0,
                n.parentNode.removeChild(n),
                e.parentNode.removeChild(e)
            }
            return i
        }
        function n() {
            return o !== undefined ? o : o = r()
        }
        var o, s = t("../util/dom").prefixProperty;
        e.exports = n
    }

因此，i = e.offsetHeight> 0返回false。

我们修复了一些CSS属性，现在该工具可以正常工作了。

希望这会有所帮助

错误：由于缺乏浏览器支持，热点无法嵌入sphere（Marzipano）

1 个答案: