javascript - 从 API 请求主干道/路边街景全景图而不是后巷

Question

有没有一种方法可以请求主干道 Google StreetView 全景数据而不是给定位置(纬度/经度)的后巷全景数据？

我正在使用 Google Maps Javascript API 从用户提供的家庭住址检索街景全景图。它适用于我尝试过的大多数地址，但我注意到加利福尼亚的很多特性也有后巷的街景，并且 API 接缝始终返回后巷全景而不是主干道(前面属性)全景图。

我不想向用户展示他们家的后巷全景，而是主要道路的全景。如果我在 maps.google.com 上查找相同的地址，我会看到房子的前面，但当我通过 API 请求相同的地址时，我会看到后巷。

我目前使用的流程是:

1. 地理编码地址
2. 在给定地理编码位置(纬度/经度)的情况下获取全景图
3. 计算标题并在页面上显示全景

测试地址:

1. 325 S Peck Dr, Beverly Hills, CA, USA, 90212
2. 333 S Rodeo Dr, Beverly Hills, CA, USA, 90212

如有任何想法或建议，我们将不胜感激。谢谢!

Answer 1

使用路线服务获取从所需地址到自身的路线。使用该位置而不是街景位置的地理编码器结果。将地理编码器结果(希望是 ROOFTOP 精度结果)用于要“查看”的地方。

related question: Facing the targeted building with Google StreetView示例:

• 325 S Peck Dr, Beverly Hills, CA, USA, 90212
• 333 S Rodeo Dr, Beverly Hills, CA, USA, 90212

代码片段:

var sv = new google.maps.StreetViewService();
var geocoder = new google.maps.Geocoder();
var directionsService = new google.maps.DirectionsService();
var panorama;
var address = "333 S Rodeo Dr, Beverly Hills, CA, USA, 90212";
var myLatLng;

function initialize() {

  panorama = new google.maps.StreetViewPanorama(document.getElementById("pano"));

  geocoder.geocode({
    'address': address
  }, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      myLatLng = results[0].geometry.location;

      // find a Streetview location on the road
      var request = {
        origin: address,
        destination: address,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
      };
      directionsService.route(request, directionsCallback);
    } else {
      alert("Geocode was not successful for the following reason: " + status);
    }
  });
}
google.maps.event.addDomListener(window, 'load', initialize);

function processSVData(data, status) {
  if (status == google.maps.StreetViewStatus.OK) {

    panorama.setPano(data.location.pano);

    var heading = google.maps.geometry.spherical.computeHeading(data.location.latLng, myLatLng);
    panorama.setPov({
      heading: heading,
      pitch: 0,
      zoom: 1
    });
    panorama.setVisible(true);

  } else {
    alert("Street View data not found for this location.");
  }
}

function directionsCallback(response, status) {
  if (status == google.maps.DirectionsStatus.OK) {
    var latlng = response.routes[0].legs[0].start_location;
    sv.getPanoramaByLocation(latlng, 50, processSVData);
  } else {
    alert("Directions service not successfull for the following reason:" + status);
  }
}

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry&key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="pano" style="width: 425px; height: 400px;float:left"></div>