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

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

首先,我不是程序员/编码员,我是 HTML/JavaScript 方面的菜鸟。因此,如果可能的话,请保持简单的答案;-)

我正在从事一种业余爱好艺术项目。目标是比较不同日期的街景全景并创建这些照片库。我想要一个尽可能清晰的街景全景,所以没有 UI。

我现在拥有的:

<!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 pano 日期?

最佳答案

您无法选择特定日期。

StreetViewPanoramaData对象表示与全景图ID匹配的街景数据。

这意味着:

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

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

关于javascript - 如何选择特定的街景全景日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35704803/

相关文章:

javascript - Accordion 打开时交换背景图像

google-maps - 谷歌地图API绘制行驶路线,如果失败则绘制直线

html - 告诉从表单提交的字段的顺序

Javascript/html - 文件上传

android - Google map 只显示在我的设备上

java - 导航说明

javascript - 获取从 xml 到 xslt 的输入最小值

javascript - 从 JSON 数组获取第一项时出现问题

javascript - ng-model 导致 AngularJS 输出中的计算失败

javascript - 在我移动光标之前,jQuery 函数不响应 ".click"?