谷歌街景在一定程度上围绕着一个点展开,并看到它的视觉含义

google street view revolve from a single point through some degrees and see its visual implications

本文关键字:视觉 一个 一定程度 谷歌街      更新时间:2023-09-26

嗨,我是谷歌街景api和javascript的新手。我正试图写一个代码,通过它我可以在特定的经度和纬度旋转街景中的图像。角度无关紧要。。。。这是代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Street View service</title>
<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
//this for loop is for rotating the image.
for(var i=0;i<15;i++) {
function initialize() {

 var fenway = new google.maps.LatLng(42.345573,-71.098326);
  var mapOptions = {
  center: fenway,
  zoom: 14,
   mapTypeId: google.maps.MapTypeId.ROADMAP
   };
   var map = new google.maps.Map(
    document.getElementById('map-canvas'), mapOptions);
    var panoramaOptions = {
   position: fenway,
   pov: {
  heading: 0+10*i,
  pitch: 10
  }
 };
  var panorama = new        google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions);
 map.setStreetView(panorama);

//此循环用于等待加载图像。。我知道这不是有效的,但只是想给足够的时间加载图像对于(var k=0;k<10000;k++){}

}

google.maps.event.addDomListener(窗口,"加载",初始化);}

</script>

<div id="pano" style="position:absolute; left:10px; top: 8px; width: 1300px; height: 670px;"></div>
<div id="map-canvas" style="left:1100px; top: 450px;width: 200px; height: 200px"></div>

当我执行整个代码时。。只有特定角度的图像才会出现。。它不旋转。

你能帮我吗?:)

在这个链接中查看我的问题和我自己的答案。它不会以交互方式旋转,但街景视图是为观察点而设置的。我希望这正是你所需要的。

谷歌地图Api街景全景选项Lon Lat 的视点设置