var panorama;
var timer;
var start_n = 35.667931;
var start_e = 139.761552;
var isMoving = true;
var map;
var cnt=0;
function load() {
panorama = new GStreetviewPanorama(document.getElementById("pano"));
panorama.setLocationAndPOV(new GLatLng(start_n, start_e), {yaw: 225, pitch: 0, zoom: 0});
timer = window.setInterval(moveNext, 2000);
map = new GMap(document.getElementById('map'));
map.centerAndZoom(new GPoint(start_e, start_n), -1);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
GEvent.addListener(panorama, "initialized", function(location) {
lat = location.latlng.lat();
lng = location.latlng.lng();
document.getElementById('nowPos').innerHTML = lat + ' / ' + lng;
map.panTo(location.latlng);
var marker = new GMarker(new GPoint(lng, lat));
map.clearOverlays();
map.addOverlay(marker);
}
);
GEvent.addListener(panorama, "yawchanged", function(yaw) {
document.getElementById('dir').value = yaw;
}
);
}
function moveNext() {
if(isMoving){
var dir = document.getElementById('dir').value;
panorama.followLink(dir);
cnt=cnt+1;
}
if(cnt>20){
isMoving = false;
document.getElementById('moveSwitch').value = '進む';
}
}
function toggleSwitch(){
isMoving = (! isMoving);
if(isMoving){
cnt=0;
document.getElementById('moveSwitch').value = '停止';
}
else{
document.getElementById('moveSwitch').value = '進む';
}
}
function btn1() {
var dir = document.getElementById('dir').value;
var pov=panorama.getPov();
var _heading=pov["heading"];
_heading=_heading+5;
if(_heading>=270) _heading=0;
document.getElementById('dir').value=_heading;
panorama.setPov({heading:_heading, pitch:0, zoom:0});
}
function btn2() {
var dir = document.getElementById('dir').value;
dir=(dir+30)%360;
document.getElementById('dir').value=dir;
panorama.setPov({heading:150, pitch:0, zoom:0});
map.setStreetView(panorama);// マップとストリートビューを一致させる為の記述
}
dir: now: