krpano.stageheight; var maplayer = krpano.get("layer[map]"); if (maplayer) { var curstate = maplayer.state; if (curstate == "visible" || curstate == "zoomin") { krpano.set("layer[fsicon].crop", "64|0|64|64"); maplayer.state = "zoomout"; krpano.actions.tween(is_landscape ? "area.width|layer[map].x" : "area.height|layer[map].y", "100%|-40%", 0.5, "default", function() { maplayer.state = "hidden"; maplayer.visible = false; }); } else if (curstate == "hidden" || curstate == "zoomout") { krpano.set("layer[fsicon].crop", "0|0|64|64"); maplayer.state = "zoomin"; maplayer.visible = true; krpano.actions.tween(is_landscape ? "area.width|layer[map].x" : "area.height|layer[map].y", "60%|0%", 0.5, "default", function() { maplayer.state = "visible"; }); } } ]]> krpano.stageheight; var state = maplayer.state; if (is_landscape) // landscape layout { krpano.area.width = state == "visible" ? "60%" : state == "hidden" ? "100%" : krpano.area.width; krpano.area.height = "100%"; maplayer.align = "righttop"; maplayer.x = state == "visible" ? "0%" : state == "hidden" ? "-40%" : maplayer.x; maplayer.y = 0; maplayer.width = "40%"; maplayer.height = "100%"; } else // portrait layout { krpano.area.width = "100%"; krpano.area.height = state == "visible" ? "60%" : state == "hidden" ? "100%" : krpano.area.height; maplayer.align = "leftbottom"; maplayer.x = 0; maplayer.y = state == "visible" ? "0%" : state == "hidden" ? "-40%" : maplayer.y; maplayer.height = "40%"; maplayer.width = "100%"; } } ]]> lat/lng information var range = [1,-1,1,-1]; krpano.scene.getArray().forEach( function(scene) { var lng = Number(scene.lng); var lat = Number(scene.lat); if (!isNaN(lng) && !isNaN(lat)) { // add a map-spot var spot = map.addhotspot(); spot.url = "%CURRENTXML%/vtourskin_mapspot.png"; spot.edge = activespot.edge; spot.x = activespot.x; spot.y = activespot.y; spot.scale = activespot.scale; spot.zorder = 1; spot.ath = lng_to_ath(lng); spot.atv = lat_to_atv(lat); spot.capture = false; spot.onclick = function() { activespot.ath = spot.ath; activespot.atv = spot.atv; activespot.visible = true; krpano.actions.loadscene(scene.name,null,'MERGE','BLEND(0.5)'); map.actions.lookto(spot.ath, spot.atv, 0.00000001, 'tween(default,1.0)' ); }; if (spot.ath < range[0]) range[0] = spot.ath; if (spot.ath > range[1]) range[1] = spot.ath; if (spot.atv < range[2]) range[2] = spot.atv; if (spot.atv > range[3]) range[3] = spot.atv; if (scene.name == krpano.xml.scene) { activespot.ath = spot.ath; activespot.atv = spot.atv; activespot.visible = true; } } }); // select the view area and zoom to see all hotspots map.view.hlookat = (range[0] + range[1]) / 2; map.view.vlookat = (range[2] + range[3]) / 2; map.view.fovtype = "VFOV"; map.view.fov = 2 * Math.max(range[1] - range[0], range[3] - range[2]); function see_all_hotspots() { map.actions.lookto((range[0] + range[1]) / 2, (range[2] + range[3]) / 2, 1.5 * Math.max(range[1] - range[0], range[3] - range[2]),'tween(default,1)'); }; // custom contextmenu map.contextmenu.fullscreen = false; map.contextmenu.versioninfo = false; ]]>