首页 > 解决方案 > 如何将 google vr 视图添加到网页?

问题描述

如何将 360 度图像插入我的网站?我所做的一切都出错了。

我做了

<iframe src="https://storage.googleapis.com/vrview/2.0/embed?image=https://photos.app.goo.gl/xmYQr37QDiBT6eTN9">
</iframe>

我收到错误:AccessDeniedAccess denied.Anonymous 调用者没有 storage.objects.get 访问 vrview/2.0/embed。我做了:

function onVrViewLoad() {
  // Selector '#vrview' finds element with id 'vrview'.
  var vrView = new VRView.Player('#foto', {
    image: 'https://photos.app.goo.gl/iVLv5RNhNchZEoZu7',
    is_stereo: true
  });
}

我得到错误:

Failed to load https://photos.app.goo.gl/iVLv5RNhNchZEoZu7: 

从“ https://photos.app.goo.gl/iVLv5RNhNchZEoZu7 ”重定向到“ https://photos.google.com/share/AF1QipMzRd9bGCldvXVeJ1Nr1t1_93yCmlOP8dmJHytoNqH5NrAF8h-hvralJTumn_sq9A?key=RGtDaF9aMkFGN283QzZacTI0ZDAtUHJxY1hPREF3' 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。因此,不允许访问来源“ https://storage.googleapis.com ”。

我花了一整天,并没有发现我错在哪里......

标签: htmlviewgoogle-vr

解决方案


推荐阅读