使用热点单击更改内容的Google VR视图

时间:2018-06-22 19:33:02

标签: google-vr

一旦我在网站上嵌入了vr视图,如何实现对热点的点击?

function onVrViewLoad() {

var v;

v = new VRView.Player('#vrview', {
    image: '/images/firstImage.jpg',
    is_stereo: false
});

v.on('ready', function(){
    v.addHotspot('hotspotOne', {
        pitch: 0, // In degrees. Up is positive.
        yaw: 180, // 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.
    });
});

v.on('click', function(event) {
    if (event.id == 'hotspotOne') {
        v.setContentInfo({
            image: '/images/secondImage.jpg',
            is_stereo: false
        });
    }
});}

热点会显示并可以单击,但不会更改图像。如果我将v.setContentInfo()替换为window.location.href ='/ secondImage.html',其中我已用该图像设置了另一个vr查看器,则它将加载页面。因此,我知道click事件正在正确注册,但setContentInfo()不是。

1 个答案:

答案 0 :(得分:1)

尽管文档说使用setContentInfo(),但我发现它实际上是有效的setContent()。这让我头疼了一段时间!

SELECT * FROM c where c.customerSites[0].pricingGroup[0].itemCode = 2400953