如何在网站中嵌入光球？

Question

我用谷歌街景应用程序拍摄了一个光球，并在谷歌地图上分享了它。

当我试图让代码嵌入到网站上(当我在浏览器上可视化时点击“共享或集成”选项)，我只能选择共享链接。如何获得嵌入它的HTML代码？

以下是到光球的链接：bfWvfbrUUkkA04-jtntYU4PZXuzR9w!2e4!3e11!6s%2F%2Flh4.ggpht.com%2F-xnB-GGXEh-Q%2FVv0xzYTJj5I%2FAAAAAAAAAAA%2Fut7S6Ntzdyg%2Fno%2Fphoto.jpg!7i12800!8i3206

Answer 1

基本上，您可以通过创建一个StreetViewPanorama嵌入这些全景。

您必须通过position-property提供位置。

(将是{lat: 45.318904,lng:5.605167})

或者是通过pano-property的全景ID。(将是F:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw)

对于给定的光球，当我将(仍未记录在案的) google.maps.streetViewViewer-property设置为photosphere时，它只对我起作用(不要问我为什么)

​

 google.maps.event.addDomListener(window, 'load', function() {

   google.maps.streetViewViewer = 'photosphere';
   new google.maps.StreetViewPanorama(document.getElementById('pano'), {

     pano: 'F:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw'
   });
 });

html,
body,
#pano {
  margin: 0;
  padding: 0;
  height: 100%;
}

<script src="http://maps.google.com/maps/api/js?v=3"></script>
<div id="pano"></div>

​