从 API 请求主干道/路边 StreetView 全景图而不是后巷
Request main road / curbside StreetView panoramas instead of back alleys from API
是否可以请求主干道 Google 街景全景数据而不是给定位置 (latitude/longitude) 的后巷全景数据?
我正在使用 Google 地图 Javascript API 从用户提供的家庭住址检索街景全景图。它适用于我尝试过的大多数地址,但我注意到加利福尼亚的很多房产也有后巷的街景,并且 API 接缝始终返回后巷全景而不是主干道(前方属性)全景图。
我不想向用户显示他们家的后巷全景,而是主要道路全景。如果我在 maps.google.com 上查找相同的地址,我会看到房子的前面,但是当我通过 API 请求相同的地址时,我会看到后巷。
我目前使用的流程是:
- 地理编码地址
- 根据地理编码位置获取全景图(lat/long)
- 计算标题并在页面上显示全景图
测试地址:
- 325 S Peck Dr, Beverly Hills, CA, USA, 90212
- 333 S Rodeo Dr, Beverly Hills, CA, USA, 90212
如有任何想法或建议,我们将不胜感激。谢谢!
使用路线服务获取从所需地址到自身的路线。使用该位置而不是街景位置的地理编码器结果。使用地理编码器结果(希望是 ROOFTOP 精度结果)查看地点 "at".
related question: Facing the targeted building with Google StreetView
示例:
代码片段:
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>
是否可以请求主干道 Google 街景全景数据而不是给定位置 (latitude/longitude) 的后巷全景数据?
我正在使用 Google 地图 Javascript API 从用户提供的家庭住址检索街景全景图。它适用于我尝试过的大多数地址,但我注意到加利福尼亚的很多房产也有后巷的街景,并且 API 接缝始终返回后巷全景而不是主干道(前方属性)全景图。
我不想向用户显示他们家的后巷全景,而是主要道路全景。如果我在 maps.google.com 上查找相同的地址,我会看到房子的前面,但是当我通过 API 请求相同的地址时,我会看到后巷。
我目前使用的流程是:
- 地理编码地址
- 根据地理编码位置获取全景图(lat/long)
- 计算标题并在页面上显示全景图
测试地址:
- 325 S Peck Dr, Beverly Hills, CA, USA, 90212
- 333 S Rodeo Dr, Beverly Hills, CA, USA, 90212
如有任何想法或建议,我们将不胜感激。谢谢!
使用路线服务获取从所需地址到自身的路线。使用该位置而不是街景位置的地理编码器结果。使用地理编码器结果(希望是 ROOFTOP 精度结果)查看地点 "at".
related question: Facing the targeted building with Google StreetView 示例:
代码片段:
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>