使用未托管在谷歌服务器上的图像嵌入谷歌PhotoSphere (gapi.panoembed)
谷歌已经很容易通过plusone.js应用程序接口将安卓手机上的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>然而，这似乎只有在图像the中传递的图像托管在Google+中时才能起作用。有没有一种方法可以使用这些图片，而不是先把图片交给谷歌？我在我的Android手机上拍摄全景图，可以在我的设备上毫无问题地观看360度的魔术。我从我的设备上复制图像并上传到我的web服务器，但是如果我链接到我自己的图像副本，“神奇的谷歌东西”就不会发生。如果我随后将图像上传到Google+，然后查看它，获取URL并粘贴该in...then，它就可以完美地工作。我当然想跳过Google+的步骤，只使用我的图片，而不是把它们交给谷歌。
你知道如何在不是谷歌托管的图片上工作吗？
回答 2
Stack Overflow用户
发布于 2013-10-31 04:59:28
github上的这个项目可能就是你要找的：Photosphere - Github
Stack Overflow用户
发布于 2014-10-13 19:27:14
如果你使用AngularJs，我在这里开发了一个小指令：https://github.com/Gullfaxi171/angular-photosphere-directive
你只需要输入：
<photosphere src="path/img.jpg"></photosphere>在HTML中
https://stackoverflow.com/questions/18394138
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号