just started to learn the photo sphere viewer plug-in, in the Great God blog will see whether toggleDeviceOrientation (): enables gravity sensing direction to control whether, toggleStereo (): enables stereoscopic effects (can be used for WebVR). There are two methods that can be used for gravity sensing and vr functions, but there are no cases in the official documentation. Adding the gyroscope option to the PSV configuration does not work on the mobile side. As for the two methods, I use psv.toggleDeviceOrientation (); to show that there is no such method. Can this plug-in achieve this function? How to make it happen. Thank you very much.

var div = document.getElementById("your-pano");
    var x = $(".container").css("width");
    var PSV = new PhotoSphereViewer({
        panorama: "images/0600.jpg",
        container: div,
        //  
        gyroscope:true,
        navbar: true,
        size: {
            width:x,
            height:"400px"
        },

        // list of markers
        markers: [

            {
                // image marker that opens the panel when clicked
                id: "image",
                longitude: 0.2,
                latitude: -0.13770,
                image: "images/2.jpg",
                width: 32,
                height: 32,
                anchor: "bottom center",
                tooltip: "A image marker. <b>Click me!</b>",
                content: "Custom",
                onClick: function() {
                    console.log("aaaaaaa");
                }
            },
            {
                // image marker that opens the panel when clicked
                id: "image1",
                longitude: 0.6,
                latitude: -0.13770,
                image: "images/2.jpg",
                width: 32,
                height: 32,
                tooltip: "A image marker. <b>Click me!</b>",
            },
            {
                // html marker with custom style
                id: "text",
                longitude: 0,
                latitude: 0,
                html: "HTML <b>marker</b> ",
                anchor: "bottom right",
                scale: [0.5, 1.5],
                style: {
                    maxWidth: "100px",
                    color: "white",
                    fontSize: "20px",
                    fontFamily: "Helvetica, sans-serif",
                    textAlign: "center"
                },
                tooltip: {
                    content: document.getElementById("lorem-content").innerHTML,
                    position: "right"
                }
            },
            {
                // polygon marker
                id: "polygon",
                polygon_px: [
                    [3184, 794], [3268, 841], [3367, 1194],
                    [3327, 1307], [3065, 1221], [3097, 847]
                ],
                svgStyle: {
                    fill: "rgba(200, 0, 0, 0.2)",
                    stroke: "rgba(200, 0, 50, 0.8)",
                    strokeWidth: "2px"
                },
                tooltip: {
                    content: "A dynamic polygon marker",
                    position: "right bottom"
                }
            },
            {
                // polyline marker
                id: "polyline",
                polyline_rad: [
                    [5.924, 0.064], [5.859, -0.061], [5.710, -0.132],
                    [5.410, -0.287], [4.329, -0.490], [3.838, -0.370], [3.725, -0.241]
                ],
                svgStyle: {
                    stroke: "rgba(140, 190, 10, 0.8)",
                    strokeLinecap: "round",
                    strokeLinejoin: "round",
                    strokeWidth: "10px"
                },
                tooltip: "A dynamic polyline marker"
            },
            {
                // circle marker
                id: "circle",
                circle: 20,
                x: 2500,
                y: 1000,
                tooltip: "A circle marker"
            }
        ]
    });