Google VRView for Web - Добавление горячих точек

Question

Проект: Основной веб-сайт, отображающий панорамное изображение с помощью VRView Google для Интернета и добавления горячих точек.

Вопрос: Панорама показывает тонкие, не удалось добавить горячие точки, документация плохая + поиск в поисковых системах мало чем прибл. 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> 

Запрос: ли кто-нибудь был в состоянии реализовать эти точки доступа? Я также попытался добавить по нажатию кнопки, но безрезультатно. Пробовал и сервер laravel, и базовую реализацию html, но безрезультатно.

Поддержка Документация/Примеры:

• https://developers.google.com/vr/concepts/vrview-web
• http://googlevr.github.io/vrview/examples/hotspots/index.html

Answer 1

вы должны добавить свой код в Готовк

<script type="text/javascript"> 
 

 
window.addEventListener('load', onVrViewLoad) 
 
function onVrViewLoad() { 
 
    var vrView = new VRView.Player('#vrview', { 
 
    image: 'uploads/pano.jpg', 
 
    is_stereo: false 
 
    }); 
 
vrView.on('ready',function(){ 
 
    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>