获取谷歌街景API的POV

Question

我目前正在使用谷歌街景全景嵌入，我想获得特定地址的POV(更具体地说是标题)。

谷歌通过maps.google.com做到这一点，在那里，给定一个地址，它会把你拉到街景中，它会面向正确的方向。然而，我似乎找不到通过API找到POV标题的方法的文档。

我可以让街景嵌入与LatLng一起工作，但相机通常面向错误的方向。什么好主意吗?

编辑:清晰

我想设置POV，但是我不知道该设置什么值

Answer 1

所需地址的latLng与全景位置(拍摄图像的街景车的位置)的latLng不相同。据我所知，API不会在地址的正确方向上设置标题，你必须自己设置。

我就是这样做的，我使用StreetViewService来找到最近的全景镜头，然后使用这里的computeHeading方法计算Pov的标题

Answer 2

正如manubkk所说，我使用以下代码来获得正确的SV标题

var $this = $(this),
  _lat = $this.data("lat"),
  _lng = $this.data("lng"),
  streetViewMaxDistance = 100;
var point = new google.maps.LatLng(_lat,_lng);
var streetViewService = new google.maps.StreetViewService();
var panorama = spaces.map.map.getStreetView();
// We get the map's default panorama and set up some defaults.
    // Note that we don't yet set it visible.

//panorama = spaces.map.map.getStreetView();
streetViewService.getPanoramaByLocation(point, streetViewMaxDistance, function (streetViewPanoramaData, status) {
    if(status === google.maps.StreetViewStatus.OK){
      var oldPoint = point;
          point = streetViewPanoramaData.location.latLng;
        var heading = google.maps.geometry.spherical.computeHeading(point,oldPoint);
        panorama.setPosition(point);
        panorama.setPov({
           heading: heading,
            zoom: 1,
            pitch: 0
        });
        panorama.setVisible(true);
    }else{
      $this.text("Sorry! Street View is not available.");
        // no street view available in this range, or some error occurred
    }
});

Answer 3

这样做的原因是，街景视角默认是拍摄图像时卡车面对的方向(参见图)。你需要得到卡车的位置和房子的位置，并计算从第一个位置到第二个位置的"航向":

// adrloc=target address
// svwloc=street-view truck location
svwService.getPanoramaByLocation(adrloc,svwdst,function(dta,sts) {
    if(sts==google.maps.StreetViewStatus.OK) {
        var svwloc=dta.location.latLng;
        var svwhdg=google.maps.geometry.spherical.computeHeading(svwloc,adrloc);
        var svwmap=avwMap.getStreetView();
        svwmap.setPosition(svwloc);
        svwmap.setPov({ heading: svwhdg, pitch: 0 });
        svwMarker=new google.maps.Marker({ map:svwmap, position: adrloc });
        svwmap.setVisible(true);
        }
    else {
        ...
        }

使用街景的另一个技巧/陷阱是，你需要通过不断地呼叫getPanoramaByLocation来获得离你的地址位置最近的街景，直到你成功或达到某个最大距离。我使用下面的代码来解决这个问题:

var SVW_MAX=100; // maximum street-view distance in meters
var SVW_INC=10;  // increment street-view distance in meters
var svwService=new google.maps.StreetViewService(); // street view service
var svwMarker=null; // street view marker
// NOTE: avwMap is the aerial view map, code not shown
...
resolveStreetView(avwMap.getCenter(),SVW_INC); 
...
var resolveStreetView=function(adrloc,svwdst) {
    svwService.getPanoramaByLocation(adrloc,svwdst,function(dta,sts) {
        if(sts==google.maps.StreetViewStatus.OK) {
            var svwloc=dta.location.latLng;
            var svwhdg=google.maps.geometry.spherical.computeHeading(svwloc,adrloc);
            var svwmap=avwMap.getStreetView();
            svwmap.setPosition(svwloc);
            svwmap.setPov({ heading: svwhdg, pitch: 0 });
            svwMarker=new google.maps.Marker({ map:svwmap, position: adrloc });
            svwmap.setVisible(true);
            }
        else if(svwdst<SVW_MAX) {
            resolveStreetView(adrloc,svwdst+SVW_INC);
            }
        });
    }

Answer 4

我发现这个页面很有帮助，谢谢大家。我仍然需要从这个和一些资源中拼凑出完整的解决方案，所以我想我将在这里为您提供。

<script>
var panorama;
  function loadStreetView() {
    var _lat = your_lat;
    var _lng = your_long;
    var target = new google.maps.LatLng(_lat,_lng);
    var sv = new google.maps.StreetViewService();
    panorama = new google.maps.StreetViewPanorama(document.getElementById('hero-street-view'));
    var pano = sv.getPanoramaByLocation(target, 50, function(result, status) {
      if (status == google.maps.StreetViewStatus.OK) {
        var heading = google.maps.geometry.spherical.computeHeading(result.location.latLng, target);
        panorama.setPosition(result.location.latLng);
        panorama.setPov({
           heading: heading,
           pitch: 0,
           zoom: 1
         });
        panorama.setVisible(true);
      }
      else {
        console.log("Cannot find a street view for this property.");
        return;
      }
    });
  }
  </script>
  <script async defer
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=geometry&callback=loadStreetView">
  </script>

Answer 5

如果你想将POV设置为街道或90度左右的街道，我已经实现了一个解决方案。

Google街景标题问题

Answer 6

无法判断是否要获取或设置POV

设置遵循这里的说明:http://code.google.com/apis/maps/documentation/javascript/services.html#StreetViewPanoramas

var panoramaOptions = {
  position: fenway,
  pov: {
    heading: 34,
    pitch: 10,
    zoom: 1
  }
};

:

alert( panoramaOptions.pov.heading );