0
私はジオロケーションアプリケーションを動作させようとしており、多くの検証とconsole.log（）関数の後、すべてがうまくいくはずです。私の問題は、実際には動作しないということです。私は欲しいストリートビューの代わりに灰色の背景だけを持っています。ここで私のstreetviewアプリケーション用の灰色の背景
コードです：
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');
}
});
}
私は、GoogleのAPIについて見つけるとコメントがあったコードの一部をコピーしました。だから、それは読みやすいはずです。 誰かがアイデアを持っている場合...