-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (48 loc) · 1.9 KB
/
index.html
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://www.google.com/jsapi?key=ABQIAAAARj35C5ezVQD6dIYcMDH_HhQAZKjAJ663yKG_MT-w5kAg8R-qkxTqGazZUc4S2Qcoj17j8iy_xgI2Zw"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"></script>
<script src="geobrowser.js"></script>
<script>
google.load("feeds", "1");
google.setOnLoadCallback(newGeoBrowser);
</script>
<style type="text/css">
#slideShow {
width : 54%;
padding-left : 15px;
float:left;
font-size:24px;
}
#info, #slideshow {
font-family:arial, helvetica;
font-weight:bold;
}
#info {padding-bottom : 7px; font-size:26px; }
#map_canvas {
width:100%;
height:91%;
}
</style>
</head>
<body>
<div style="width:44%; height:100%; float:left;">
<!--input type="button" value="Toggle Street View" onclick="toggleStreetView();"></input-->
<div id="info" style="width:100%; height:9%;">Psychogeography Of San Francisco's Temporary Autonomous Zones </div>
<div id="map_canvas"></div>
</div>
<div id="slideShow" style="">
<h1>Things to do:</h1>
<OL>
<LI>Zoom all the way in with the map's "+" button.
<LI>Click a Lettered Marker to start a virtual reality geo slideshow.
<LI>The Jasper moves to the spacetime coordinates of each photo. Tracing the Trail of his line of flight.
<LI>Experiment with the Map Buttons and Enjoy!
<LI>Try dragging little yellow man icon onto the map.
</OL>
The figure on the map is the photographer, Jasper. The Jasper marks the space and time where Jasper took each photo. Jasper's line of flight is performed for you in the Google Maps Virtual Reality. For more info visit <a href="http://jasperswardrobe.com">jasperswardrobe.com</a>
</div>
</body>
</html>