simra-project.github.io/map.html at master · simra-project/simra-project.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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html>

<head>

	<title>SimRa Analysepipeline</title>

	<meta charset="utf-8" />

	<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon_io/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon_io/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon_io/favicon-16x16.png">
	<link rel="manifest" href="resources/favicon_io/site.webmanifest">

	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="" />
	<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script>

	<link rel="stylesheet" href="resources/map.css">

</head>

<body>

	<div id='map' style="z-index:39"></div>

	<div class="modal is-active">
		<div class="modal-background" style="background-color:rgba(150,150,150,.86)"></div>
		<div class="modal-content">
			<article class="message">
				<div class="message-header">
					<p id="regionTitle"> </p>
				</div>
				<div class="message-body">
					<p id="regionDate"></p>
					<p id="regionDescription"></p>
					<p>Der Gefahrenscore (siehe auch Legende unten rechts) beschreibt den Anteil an
						Gefahrensituationen bezogen auf die Gesamtzahl an Fahrten im jeweiligem Segment, wobei Gefahrensituationen, die als <i>beängstigend</i> markiert wurden, mit dem Faktor 4.4 berücksichtigt werden.</p>
					<p>Für Detailinformationen zu einem einzelnem Segment, kann die Maus über dieses gehalten werden. Durch Klicken auf ein Segment wird dieses vergrößert und zentriert. Die dabei erscheinenden Markierungen entsprechen den Orten, an
						denen <span style="color: #0000cc">Gefahrensituationen</span> und <span style="color: #cc0000"><i>beängstigende</i> Gefahrensituationen</span> gemeldet wurden.</p>
					<p>Die Markierungen sind ebenfalls auswählbar, wodurch weitere Informationen eingeblendet werden.</p>

					<p>Karte für andere Regionen finden Sie auf der <a href="dashboard/index.html">Übersichtsseite</a>.</p>
				</div>
			</article>
		</div>
		<button class="modal-close is-large" aria-label="close"></button>
	</div>
</body>

<script src="resources/map-region.js"></script>
<script src="resources/map.js"></script>

</html>