Javascript 谷歌VRView网站-添加热点

项目：基本网站，使用谷歌的VRView for Web显示全景图像，并添加热点

问题：全景显示良好，无法添加热点，文档质量差+谷歌搜索在大约1.5小时内几乎没有结果

代码：

<script type="text/javascript">

window.addEventListener('load', onVrViewLoad)
function onVrViewLoad() {
  var vrView = new VRView.Player('#vrview', {
    image: 'uploads/pano.jpg',
    is_stereo: false
  });

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

</script>

<div id="vrview">
</div>

window.addEventListener（'load'，onVrViewLoad）
函数onVrViewLoad（）{
var vrView=new vrView.Player（“#vrView”{
图片：“uploads/pano.jpg”，
你的立体声是假的吗
});
vrView.addHotspot（'hotspot-one'{
俯仰：30，//以度为单位。向上为正。
偏航：20，//以度为单位。向右为正。
半径：0.05，//圆形目标的半径，单位为米。
距离：2，//目标与摄像机的距离，单位为米。
});
}

请求：有人能够实现这些热点吗？我也尝试过点击按钮添加，但没有效果。在laravel服务器和基本html实现中都进行了尝试，但没有成功

支持文档/示例：

---

您必须将代码添加到on ready中

window.addEventListener（'load'，onVrViewLoad）
函数onVrViewLoad（）{
var vrView=new vrView.Player（“#vrView”{
图片：“uploads/pano.jpg”，
你的立体声是假的吗
});
vrView.on（'ready'，function（）{
vrView.addHotspot（'hotspot-one'{
俯仰：30，//以度为单位。向上为正。
偏航：20，//以度为单位。向右为正。
半径：0.05，//圆形目标的半径，单位为米。
距离：2，//目标与摄像机的距离，单位为米。
});
}
});

您必须将代码添加到on ready中

window.addEventListener（'load'，onVrViewLoad）
函数onVrViewLoad（）{
var vrView=new vrView.Player（“#vrView”{
图片：“uploads/pano.jpg”，
你的立体声是假的吗
});
vrView.on（'ready'，function（）{
vrView.addHotspot（'hotspot-one'{
俯仰：30，//以度为单位。向上为正。
偏航：20，//以度为单位。向右为正。
半径：0.05，//圆形目标的半径，单位为米。
距离：2，//目标与摄像机的距离，单位为米。
});
}
});

兄弟你能帮帮我吗兄弟你能帮帮我吗