Google Maps Api StreetView PanoramaOptions Point of View Setting from Lon Lat

本秂侑毒 提交于 2019-11-28 01:46:34
Vaughn

My implementation of kiks73's solution.

Make sure to add the geometry library when loading the maps api:

https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=visualization,places,geometry&sensor=true

var dist = 50;

service.getPanoramaByLocation(targetLatLng, dist, function(panoData){
    panoramaLatLng = panoData.location.latLng;
    initStreetView(targetLatLng, panoramaLatLng)    
});

function initStreetView(targetLatLng, panoramaLatLng){

    var panoramaOptions = {
        position: targetLatLng
    };

    var streetView = new google.maps.StreetViewPanorama(document.getElementById('streetView'),panoramaOptions);
    var heading = google.maps.geometry.spherical.computeHeading(panoramaLatLng, targetLatLng);
    map.setStreetView(streetView);      
    streetView.setPov({heading:heading, pitch:0});                  

}               

Problem solved:

// d is the position of the house or fisical element where I want to point the view
var d = {lat: 43.538524840485, lng: 10.322718769311};
var whereToLookLatLng = new google.maps.LatLng(parseFloat(d.lat), parseFloat(d.lng));
var panorama = new google.maps.StreetViewPanorama(
    document.getElementById('pano'),
    panoramaOptions
);
map.setStreetView(panorama);

var service = new google.maps.StreetViewService;
// With this function I get the panorama, if available, next the house or fisical element where I want to point the view 
service.getPanoramaByLocation(panorama.getPosition(), 50, 
    function(panoData) {
        if (panoData != null) {
            // MamLatLng is the position of the point of view
            var ManLatLng = panoData.location.latLng;
            // Now I calculate the heading to point the view in the direction of whereToLookLatLng
            var heading = google.maps.geometry.spherical.computeHeading(ManLatLng, whereToLookLatLng);
            var pov = panorama.getPov();
            pov.heading = heading;
            panorama.setPov(pov);
        }
    });
}
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!