Max*_*tin 16 javascript google-maps google-maps-api-3 google-street-view
如今,越来越多的企业使用街景来展示室内公寓.
我的程序提供了根据所选业务显示街景的功能.但我不想在室内露面.只在户外.因为室内阻止我移动,只能转动360度.
如果我要在室内或室外展示,有谁知道如何从街景API获取一些价值?
非常感谢你,
这是我到目前为止的代码片段,根据选定的地址打开街景:
function load_map_and_street_view_from_address(address) {
var geocoder = new google.maps.Geocoder();
geocoder.geocode( {
'address': address
}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
var gps = results[0].geometry.location;
create_map_and_streetview(gps.lat(), gps.lng(), 'map_canvas', 'pano');
}
});
}
function create_map_and_streetview(lat, lng, map_id, street_view_id) {
var googlePos = new google.maps.LatLng(lat,lng);
addLatLng = new google.maps.LatLng(lat,lng);
var service = new google.maps.StreetViewService();
service.getPanoramaByLocation(addLatLng, 50, showPanoData);
}
function showPanoData(panoData, status) {
if (status != google.maps.StreetViewStatus.OK) {
$('#pano').html('No StreetView Picture Available').attr('style', 'text-align:center;font-weight:bold').show();
return;
}
$('#pano').show();
var angle = computeAngle(addLatLng, panoData.location.latLng);
var panoOptions = {
position: addLatLng,
addressControl: false,
linksControl: false,
panControl: false,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
pov: {
heading: angle,
pitch: 10,
zoom: 1
},
enableCloseButton: true,
visible:true
};
panorama.setOptions(panoOptions);
}
function computeAngle(endLatLng, startLatLng) {
var DEGREE_PER_RADIAN = 57.2957795;
var RADIAN_PER_DEGREE = 0.017453;
var dlat = endLatLng.lat() - startLatLng.lat();
var dlng = endLatLng.lng() - startLatLng.lng();
var yaw = Math.atan2(dlng * Math.cos(endLatLng.lat() * RADIAN_PER_DEGREE), dlat)
* DEGREE_PER_RADIAN;
return wrapAngle(yaw);
}
function wrapAngle(angle) {
if (angle >= 360) {
angle -= 360;
} else if (angle < 0) {
angle += 360;
}
return angle;
};
Run Code Online (Sandbox Code Playgroud)
主要的想法是获取全景位置并验证距离最近360度的地方的距离.
我似乎无法找到任何正式的API(可能在将来他们将实现一个),我不认为你可以确定室内瓷砖将是空的描述.
我发现为我工作的是使用此API:运行HTTP GET到此地址:" http://cbk0.google.com/cbk?output=xml&ll=52.358445,4.88103 ",其中ll = LONG,LAT
这是用于查找目标位置pano_id的内部API.它还为我们提供了一些有关我们可以用它做什么的信息:缩放级别,您正在使用的街道等.
我注意到所有具有室内街景图像的坐标的结果都scene="_number" level_id="_id" 在data_properties全景图的标签中.因此,对于每个位置,您都可以运行此请求,并在结果XML的data_properties中查找这些值
一些例子:
indoors:
http://cbk0.google.com/cbk?output=xml&ll=52.358445,4.88103
http://maps.google.com/cbk?output=xml&ll=32.051626,34.7613
outdoors:
http://cbk0.google.com/cbk?output=xml&ll=52.358766,4.880494
http://maps.google.com/cbk?output=xml&ll=32.07782,34.785789
Run Code Online (Sandbox Code Playgroud)
来源:黑客谷歌街景
更新
似乎要让本地企业正确使用pano_id,您需要添加&it=all到请求示例中:
http://cbk0.google.com/cbk?output=xml&hl=x-local&ll=34.058593,-118.240673&it=all
Run Code Online (Sandbox Code Playgroud)
这是这个地方的正确pano_id,您可以使用此API进行验证
http://cbk0.google.com/cbk?output=tile&panoid=70o9Pukc2KSjO-PfeHussw&zoom=3&x=5&y=1
Run Code Online (Sandbox Code Playgroud)