-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (108 loc) · 4.49 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Geoportal SZCZYTNO</title>
<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@300&family=Ubuntu&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./lib/css/ol.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="wrap">
<div class="mobileHeader active">
<header>
<img class='herb' src="./images/herb-szczytno-28213.jpg" alt="Herb Miasta Szczytno">
<p class="title">Geoportal Miasta Szczytno</p>
</header>
<button class="continue">Przejdź do portalu</button>
</div>
<div id="map">
</div>
<div class="layerList">
<p class="important">Główne warstwy</p>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="OSM" checked><label for="OSM">OpenStreetMap</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="MPZP"><label for="MPZP">Miejscowe Plany
Zagospodarowania Przestrzennego</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="SUIKZP"><label for="SUIKZP">Studium Uwarunkowań i Kierunków
Zagospodarowania Przestrzennego</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="orto"><label for="orto">Ortofotomapa</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="dzialki"><label for="dzialki">Działki</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="building"><label for="building">Budynki</label>
</div>
<p class="optional">Dodatkowe warstwy</p>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="bus"><label for="bus">Przystanki autobusowe</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="road"><label for="road">Drogi</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="train"><label for="train">Linie kolejowe</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="fuel"><label for="fuel">Stacje paliw</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="parking"><label for="parking">Miejsca parkingowe</label>
</div>
<div class="layer">
<input type="checkbox" name="checkboxButton" id="add"><label for="add">Dodatkowe punkty</label>
</div>
</div>
<div class="tools active">
<div class="tool layer">
<img src="./data/ikony svg/warstwa_ico.svg" alt="Lista warstw">
</div>
<div class="tool info">
<img src="./data/ikony svg/info_ico.svg" alt="Info">
</div>
<div class="tool measure">
<img src="./data/ikony svg/pomiar_ico.svg" alt="Pomiar">
</div>
<div class="tool geolocation">
<img src="./data/ikony svg/geo_ico.svg" alt="Geolokacja">
</div>
</div>
<div class="geoportalDesktop">
<img src="./images/godlo.png" alt="">
<h1 class="desktopTitle">Geoportal Miasta Szczytno</h1>
<p>by mgr inż. Bartosz Cylwik 2020</p>
</div>
<div class="mpzpOverlay overlay">
<p class="oznaczenie">Oznaczenie konturu <span class="oznaczenie"></span> </p>
<p class="przeznaczenie1">Przeznaczenie główne <span class="przeznaczenie1"></span></p>
<p class="przeznaczenie2">Przeznaczenie dodatkowe <span class="przeznaczenie2"></span></p>
<p class="nrUchwaly">Numer uchwały <span class="nrU"></span></p>
<p class="nazwa">Nazwa planu <span class="nazwa"></span></p>
<a class ='legenda' href="#" target='_blank'>Legenda</a>
<a class ='uchwala' href="#" target='_blank'>Uchwała</a>
</div>
<div class="generalOverlay overlay">
<p class="fclass">Obiekt <span class="fclass"></span></p>
<p class="name">Opis <span class="name"></span></p>
</div>
<div class="distance"></div>
<div class="chooseMeasureMethod">
<button class="drawLine">Odległość</button>
<button class="drawArea">Powierzchnia</button>
</div>
</div>
<script src="./lib/build/ol.js"></script>
<script src="./js/style.js"></script>
<script src="./js/main.js"></script>
<script src="./js/geolocation.js"></script>
</body>
</html>