2

我正在使用代码将谷歌地图街景照片嵌入网站。我从指南中获取代码：

function initialize() {
panorama = new google.maps.StreetViewPanorama(
  document.getElementById('street-view'),
  {
    position: {lat: myLat, lng: myLng},
    pov: {heading: 165, pitch: 0},
    zoom: 1
  });
}

代替 myLat 和 myLng，我输入了从照片 url 获取的纬度和经度。现在这项工作适用于我发现的所有类型的照片（街景照片，“看里面”照片），除了一个“PHOTO SPHERE”，我发现有两种类型的照片球见这里

现在，谷歌最近更新了谷歌地图，我认为“PHOTO SPHERE”是新的，而“Photo Sphere”是最古老的，但如果我把纬度和经度放在第二个，代码就可以了，新的就不行了t工作，我该如何解决？

示例：如果我使用此网址：http ://www.google.com/maps/@0.5676777,37.527536,3a,75y,272.82h,93.02t/data=!3m5!1e1!3m3!1st4o4xj2l6HRAma2KT52brg!7i13312! 8i6656 0.5676777 作为 myLat 和 37.527536 作为 myLng，照片显示在网站上

如果我接受这个：http ://www.google.it/maps/@35.91208,14.498901,3a,89.9y,2.16h,87.34t/data=!3m8!1e1!3m6!1s-bkrM3HFU1vg%2FVhjysw39NSI%2FAAAAAAAAAAPk% 2F2PLOjiwhbh4!2e4!3e11!6s%2F%2Flh3.googleusercontent.com%2F-bkrM3HFU1vg%2FVhjysw39NSI%2FAAAAAAAAAAPk%2F2PLOjiwhbh4%2Fw203-h101-nk-no%2F!7i10000!8i5000

35.91208：myLat，14.498901：myLng

该代码不起作用，并且没有显示照片 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Street View</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #street-view {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="street-view"></div>
    <script>
var panorama;
function initialize() {
  panorama = new google.maps.StreetViewPanorama(
      document.getElementById('street-view'),
      {
        position: {lat: 35.91208, lng: 14.498901},
        pov: {heading: 165, pitch: 0},
        zoom: 1
      });
}

    </script>
    <script async defer
         src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initialize">
    </script>
  </body>
</html>

4

0 回答 0