2

Google 通过 plusone.js api 可以很容易地将 Android 手机中的 360 度全景照片（称为“PhotoSpheres”）直接嵌入到您自己的网站上

一个非常基本的例子是：

<html>
  <head>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
  </head>
  <body>
    <g:panoembed imageurl="https://lh5.googleusercontent.com/-kr97Eucg6sM/UKGEuvo_eBI/AAAAAAAAi0s/adq8uqyhm_k/photo.jpg" fullsize="4096,2048" croppedsize="4096,1380" offset="0,480" displaysize="600,400"/>
    <script>
      gapi.panoembed.go();
    </script>
  </body>
</html>

但是，这似乎只有在 imageurl 中传递的图像托管在 Google+ 中时才有效。有没有办法在不先将图像提供给 Google 的情况下使用这些图像？我在我的安卓手机上拍摄全景，可以毫无问题地在我的设备上观看 360 度的魔法。我从我的设备上复制图像并将其上传到我的网络服务器，但是如果我链接到我自己的图像副本，“神奇的谷歌东西”就不会发生。如果我然后将图像上传到 Google+，然后查看它并获取 URL 并将其粘贴到......那么它就可以完美运行。我肯定想跳过 Google+ 步骤，只使用我的图片而不将它们提供给 Google。

知道如何在非 Google 托管的图像上使用此功能吗？

4

2 回答 2

2

github上的这个项目可能就是你要找的： Photosphere - Github

于 2013-10-30T20:59:27.773 回答
1

如果您使用 AngularJs，我在这里开发了一个小指令：https ://github.com/Gullfaxi171/angular-photosphere-directive

你只需要输入：

<photosphere src="path/img.jpg"></photosphere>

在您的 HTML 中

于 2014-10-13T11:27:13.707 回答