如何在网站中嵌入光球？

Question

我用 google 街景应用拍了一张全景照片，并在 google 地图上分享了它。

当我尝试获取代码以将其嵌入网站时（当我在浏览器中显示它时单击 "share or integrate" 选项），我只能选择共享 link。我怎样才能得到 HTML 代码来嵌入它？

这里是 link 光球层： https://www.google.com/maps/@45.3189037,5.605167,3a,75y,109.64h,85.35t/data=!3m8!1e1!3m6!1s-xnB-GGXEh-Q%2FVv0xzYTJj5I%2FAAAAAAAAHnY%2Fgt_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-属性
提供位置（将是 {lat: 45.318904,lng:5.605167}）

或通过 pano-属性的全景图 ID。（将是 F:-xnB-GGXEh-Q/Vv0xzYTJj5I/AAAAAAAAHng/_boZWR43M0QLwPNphf-ROOJLOqaPUEeQw）

对于给定的光球，当我将（仍未记录）google.maps.streetViewViewer-属性设置为 photosphere[=20 时，它只对我有效（不要问我为什么） =]

 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>

如何在网站中嵌入光球？

How to embed a photosphere in a website?

google-maps

google-maps-embed