I'm trying to make my geolocation app work and after a lot of verification and console.log() functions, everything should work. My problem is that it doesn't actually work. I only have a grey background instead of the StreetView I want.
Here is the code :
StreetView: function (latitude, longitude) {
$('#streetview').css({'width': $(window).width(), 'height': $(window).height()});
var lookTo = {lat: parseFloat(latitude), lng: parseFloat(longitude)};
var latlong = new google.maps.LatLng(parseFloat(latitude), parseFloat(longitude));
var panoOptions = {
position: lookTo,
panControl: false,
addressControl: false,
linksControl: false,
zoomControlOptions: false
};
// initialize a new panorama API object and point to the element with ID streetview as container
var pano = new google.maps.StreetViewPanorama(document.getElementById('streetview'), panoOptions);
// initialize a new streetviewService object
var service = new google.maps.StreetViewService;
// call the "getPanoramaByLocation" function of the Streetview Services to return the closest streetview position for the entered coordinates
console.log('Pano Positon :'+ pano.getPosition());
service.getPanoramaByLocation(pano.getPosition(), 50, function (panoData) {
// if the function returned a result
if (panoData != null) {
// the GPS coordinates of the streetview camera position
var panoCenter = panoData.location.latLng;
console.log('PanoCenter' + panoCenter);
// the "computeHeading" function calculates the heading with the two GPS coordinates entered as parameters
var heading = google.maps.geometry.spherical.computeHeading(panoCenter, latlong);
console.log('Heading : '+ heading);
// now we know the heading (camera direction, elevation, zoom, etc) set this as parameters to the panorama object
var pov = pano.getPov();
pov.heading = heading;
pano.setPov(pov);
// set a marker on the location we are looking at, to verify the calculations were correct
var marker = new google.maps.Marker({
map: pano,
position: lookTo
});
} else {
// no streetview found
console.log('not found');
}
});
}
I copied a part of code I find about Google API and there were comments. So it should be readable. If someone has an idea ...
