This repository has been archived by the owner on Jul 8, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoverlay.htm
72 lines (70 loc) · 2.81 KB
/
overlay.htm
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel ="stylesheet" type = "text/css" href= "css/bootstrap.css">
<link rel ="stylesheet" type = "text/css" href= "css/styles.css">
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDB8hSxJc0O5AOlzvYVAle7ARvFENvFqbI&sensor=true"></script>
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class= "brand" href= "index.htm">Device Manager</a>
<ul class="nav">
<li><a href="index.htm">Home</a><li>
<li class="active"><a href="overlay.htm">Add Overlay</a></li>
</ul>
</div>
</div>
</div>
<div>
<div id="map-canvas" class="half"></div>
<div class="half">
<div class="instructions">
<div class="step hide">
Select two reference points by clicking on the map.
</div>
<div class="step hide">
Select an image for the overlay:
<input type="file" id="img-loader" name="img-loader"/>
</div>
<div class="step hide">
Select two reference points on the image that correspond to those on the map.
</div>
<div class="step hide">
Fill in the following optional fields and press Save:<br>
<input type="text" id="add-name" placeholder="Name"><br>
<input type="text" id="add-description" placeholder="Description"><br>
<input type="text" id="add-altitude" placeholder="Altitude" value="0"><br>
<a href="#" id="add-save" class="btn btn-primary">Save</a>
<div class="error hide">
There was an error saving.
</div>
</div>
<div class="step success hide">
The overlay was saved.<br>
<a href="index.htm" class="btn btn-primary">View Map</a>
<a href="overlay.htm" class="btn btn-primary">Add Another</a>
</div>
</div>
<div class="scroller">
<canvas id="img-canvas"></canvas>
</div>
</div>
</div>
<script type = "text/javascript" src = "js/RotatedOverlay.js"></script>
<script type = "text/javascript" src = "js/map.js"></script>
<script type = "text/javascript" src = "js/device-api.js"></script>
<script type = "text/javascript" src = "js/overlay-create.js"></script>
<script type="text/javascript">
(function() {
Map.initializeMap("#map-canvas");
var columbia = new google.maps.LatLng(40.809038567298586, -73.96126449108124);
Map.objs.map.setCenter(columbia);
OverlayCreate.initialize();
})();
</script>
</body>
</html>