tangible-landscape.github.io/photosphere.html at master · tangible-landscape/tangible-landscape.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE HTML>
<!--
	Template copyright and license:
	Spatial by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
	<head>
		<title>Tangible Landscape</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />

	<body>

				<div id="photosphere"></div>

				<!-- PhotoSphereViewer -->
				<link rel="stylesheet" href="js/photo-sphere-viewer.min.css">
				<script src="js/three.min.js"></script>
				<script src="js/D.min.js"></script>
				<script src="js/uevent.min.js"></script>
				<script src="js/doT.min.js"></script>
				<script src="js/photo-sphere-viewer.min.js"></script>
				<script>
				  var viewer = PhotoSphereViewer({
						panorama: 'images/360/geoviz_1.jpg',
				    container: 'photosphere',
				    caption: 'Geovisualization Lab, Center for Geospatial Analytics, NCSU',
				    navbar: 'autorotate zoom download caption fullscreen',
				    size: {
				      height: 300
				    }
					});
					viewer.toggleFullscreen()
				</script>

	</body>
</html>