如何选择特定的街景全景日期?

时间:2016-02-29 16:41:23

标签: javascript html google-maps google-street-view

首先,我不是程序员/编码员,我是一个完整的noob HTML / JavaScript智者。如果可能的话,请保持简单的答案; - )

我正在从事某种爱好艺术项目。目标是比较不同日期的街景全景图并创建这些照片库。我希望有一个尽可能清晰的街景全景,所以没有用户界面。

我现在拥有的:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Street View controls</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      function initPano() {
        // Note: constructed panorama objects have visible: true
        // set by default.
        var panorama = new google.maps.StreetViewPanorama(
            document.getElementById('map'), {
              position: {lat: 40.717215, lng: -74.0061689},
              addressControlOptions: {
                position: google.maps.ControlPosition.BOTTOM_CENTER
              },
              linksControl: false,
			  addressControl: false,
              panControl: false,
              enableCloseButton: false
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAA3Rw1Ei8m79RwB_oapYe4rK5LgAbE7cg&signed_in=true&callback=initPano">
    </script>
  </body>
</html>

这个HTML产生了一个很好的清晰街景全景,没有任何UI。但我现在想从特定的日期开始调整SV全景。

我发现了这个: https://github.com/amenadiel/google-maps-documentation/blob/master/docs/StreetViewPanoramaData.md

https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanoramaData

我不知道如何/在哪里将这段代码放在我的HTML中。 - 你能告诉我它需要去哪里吗? - 也许你可以创建一个HTML模板,我只需要指定latlongs / sv全景日期?

1 个答案:

答案 0 :(得分:1)

您无法选择特定日期。

StreetViewPanoramaData对象REPRESENTS与全景ID匹配的街景数据。

这意味着:

  • 版权:此照片的版权归
  • 所有
  • imageDate:拍摄这张照片时。
  • 链接:下一个全景ID是什么。
  • 位置:这是哪里。
  • tiles:平铺数据。

StreetViewPanoramaData通常用于创建自定义街景视图。