Question

我想为点击事件计算360度图像的以下正确值：

pitch：//以度为单位。向上是积极的。偏航：//以度为单位。右边是积极的。 radius：//圆形目标的半径，以米为单位。 distance：//目标距摄像机的距离，以米为单位。

在https://developers.google.com/vr/develop/web/vrview-web#hotspots上找不到任何内容

尝试以下代码：

<!doctype html>
<html>
    <head>
        <title>VR Test</title>
        <script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>
        <style>
        </style>  

    </head>
    <body> 
        <div id='vrview'></div>
        <script>
            var vrView;
            window.addEventListener('load', onVrViewLoad);


            function onVrViewLoad() {
                // Selector '#vrview' finds element with id 'vrview'.
                vrView = new VRView.Player('#vrview', {
                    image: 'https://storage.googleapis.com/vrview/examples/coral.jpg',
                    width: '100%',
                    height: '500px',
                    is_stereo: true,
                    is_debug: true
                });

                vrView.on('click', onHotspotClick);
                vrView.on('getposition', onGetPosition);

                vrView.addHotspot('hotspot-one', {
                    pitch: 30, // In degrees. Up is positive.
                    yaw: 30, // In degrees. To the right is positive.
                    radius: 100, // Radius of the circular target in meters.
                    distance: 2, // Distance of target from camera in meters.
                });

            }


            function onGetPosition(e) {
                console.log('position',e.id);
            }

            function onHotspotClick(e) {
                vrView.getPosition();
                console.log('onHotspotClick', e.id);
            }
        </script>
    </body>
</html>

预期结果应该是一些ID，其中包含一些在点击事件中可以看到“偏航”和“俯仰”值的对象。

上面代码的实际结果是：

onHotspotClick未定义

Answer 1

问题出在脚本标签上，我错过了添加类型<script type="text/javascript">，这在图像上添加了一个标记。

如何在Google VR View Web中的鼠标单击上查找热点值（俯仰，偏航）

1 个答案: