-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
101 lines (98 loc) · 4.56 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<html>
<head>
<title>TMNCorps Challenge Map</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/plugins/Leaflet-cluster-markers/css/MarkerCluster.css">
<link rel="stylesheet" href="./assets/plugins/Leaflet-cluster-markers/css/MarkerCluster.Default.css">
<link rel="stylesheet" href="./assets/plugins/leaflet/leaflet.css" />
<link rel="stylesheet" href="./assets/plugins/leaflet-awesome-markers/leaflet.awesome-markers.css" />
<link rel="stylesheet" href="./assets/plugins/leaflet-extra-markers/css/leaflet.extra-markers.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
<script src='https://code.jquery.com/jquery-1.11.0.min.js'></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="./assets/plugins/leaflet/leaflet-src.js"></script>
<script src="./assets/plugins/Leaflet-cluster-markers/JS/leaflet.markercluster.js"></script>
<script src="./assets/plugins/leaflet-awesome-markers/leaflet.awesome-markers.js"></script>
<script src="./assets/plugins/leaflet-extra-markers/js/leaflet.extra-markers.min.js"></script>
<script src="./assets/plugins/esri-leaflet/esri-leaflet.js"></script>
<script src="./assets/plugins/esri-leaflet/esri-leaflet-clustered-feature-layer-src.js"></script>
<script>
L_PREFER_CANVAS = true;
</script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3" id="Info" style="height: 100%;">
<div id="header" class="ribbon">
<h2>The National Map Corps </br> Challenge Map</h2>
<!-- <hr> -->
<h2> Illinois: Schools </h2>
</div>
<div id="layerControl" style="padding-top: 15px">
</div>
<div class="info" style="margin-top: 15px">
<h4>Legend</h4>
<div class="markers-box">
<div class="markers-legend" id="tobechecked">
<i class="fa fa-exclamation"></i>
</div>
<div class="markers-descri" id="tobecheckedDescr">
Points that need to be checked <div id="tobecheckedCounter"></div>
</div>
</div>
<div class="markers-box">
<div class="markers-legend" id="tobepeerreviwed">
<i class="fa fa-times"></i>
</div>
<div class="markers-descri" id="tobepeerreviwedDescr">
Points that need to be peer-reviewed <div id="tobepeerreviwedCounter"></div>
</div>
</div>
<div class="markers-box">
<div class="markers-legend" id="finished">
<i class="fa fa-check"></i>
</div>
<div class="markers-descri" style="padding-top:10px" id="finishedDescr">
Finished points <div id="finishedCounter"></div>
</div>
</div>
</div>
<div class="info" style="margin-top: 15px">
<a href="#" data-toggle="modal" data-target="#myModal">
<h4>About</h4>
</a>
</div>
<div class="info" style="margin-top: 15px">
<h5>Updated in real-time</h5>
</div>
</div>
<div class="col-sm-9" id="map" style="height: 100%;">
<script src="./School_script.js"></script>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog" tabindex="-1">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">About</h4>
</div>
<div class="modal-body">
<h4> Zoom In to the map to see individual points </h4>
<h4>New to The National Map Corps? Check out our <a href="https://my.usgs.gov/confluence/display/nationalmapcorps/Home" target="_blank">home page</a> for more information.</h4>
<h4> For more information, please visit our <a href="https://my.usgs.gov/confluence/display/nationalmapcorps/Mapping+Challenges" target="_blank">Mapping Challenge Page!</a> </h4>
</div>
</div>
</div>
</div>
</body>
</html>