PriOSS_Programming_Task/index.html at main · MoogSven/PriOSS_Programming_Task · 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
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

        <script>
            L_NO_TOUCH = false;
            L_DISABLE_3D = false;
        </script>

    <style>html, body {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
    <style>#map {position:absolute;top:0;bottom:0;right:0;left:0;}</style>
    <script src="https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.js"></script>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.6.0/dist/leaflet.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>

            <meta name="viewport" content="width=device-width,
                initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <style>
                #map_61af86f50a99ad67fde61237641b81fc {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
            </style>

</head>
<body>

            <div class="folium-map" id="map_61af86f50a99ad67fde61237641b81fc" ></div>

</body>
<script>

            var map_61af86f50a99ad67fde61237641b81fc = L.map(
                "map_61af86f50a99ad67fde61237641b81fc",
                {
                    center: [51.1657, 10.4515],
                    crs: L.CRS.EPSG3857,
                    zoom: 6,
                    zoomControl: true,
                    preferCanvas: false,
                }
            );


            var tile_layer_dede541f401615e48f79965d992e4320 = L.tileLayer(
                "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
                {"attribution": "Data by \u0026copy; \u003ca href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca href=\"http://www.openstreetmap.org/copyright\"\u003eODbL\u003c/a\u003e.", "detectRetina": false, "maxNativeZoom": 18, "maxZoom": 18, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


            var circle_marker_6329e2169c2daa7596cd116f7c3f76c3 = L.circleMarker(
                [52.52437, 13.41053],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_4978a76b427e6e4ecb12f951ff356786 = L.popup({"maxWidth": "100%"});


            var html_0d282f06b400a443dc0ce045a32e9470 = $(`<div id="html_0d282f06b400a443dc0ce045a32e9470" style="width: 100.0%; height: 100.0%;">Berlin 1</div>`)[0];
            popup_4978a76b427e6e4ecb12f951ff356786.setContent(html_0d282f06b400a443dc0ce045a32e9470);


        circle_marker_6329e2169c2daa7596cd116f7c3f76c3.bindPopup(popup_4978a76b427e6e4ecb12f951ff356786)
        ;


            var circle_marker_37f9645ec4a8a330f9f091bf8ed08988 = L.circleMarker(
                [53.55073, 9.99302],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_144e9255f0675f59d18cf1a9442298da = L.popup({"maxWidth": "100%"});


            var html_9d52fbf5b00946282c10376865f3dd8f = $(`<div id="html_9d52fbf5b00946282c10376865f3dd8f" style="width: 100.0%; height: 100.0%;">Hamburg 1</div>`)[0];
            popup_144e9255f0675f59d18cf1a9442298da.setContent(html_9d52fbf5b00946282c10376865f3dd8f);


        circle_marker_37f9645ec4a8a330f9f091bf8ed08988.bindPopup(popup_144e9255f0675f59d18cf1a9442298da)
        ;


            var circle_marker_c03756b418be0f943eb4ad24ce33731b = L.circleMarker(
                [51.71905, 8.75439],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 20, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_61d09779d07598433f0ea7ac9ad589f5 = L.popup({"maxWidth": "100%"});


            var html_03d6ed0afe73208e4b85f83245b60e59 = $(`<div id="html_03d6ed0afe73208e4b85f83245b60e59" style="width: 100.0%; height: 100.0%;">Paderborn 2</div>`)[0];
            popup_61d09779d07598433f0ea7ac9ad589f5.setContent(html_03d6ed0afe73208e4b85f83245b60e59);


        circle_marker_c03756b418be0f943eb4ad24ce33731b.bindPopup(popup_61d09779d07598433f0ea7ac9ad589f5)
        ;


            var circle_marker_4fe92cb5e741aba7d7d6788ada6d8daa = L.circleMarker(
                [52.03333, 8.53333],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_b9a97b2a148fe03a5296cb0482ab60be = L.popup({"maxWidth": "100%"});


            var html_5893f81cec72db8dcbc40551d8950545 = $(`<div id="html_5893f81cec72db8dcbc40551d8950545" style="width: 100.0%; height: 100.0%;">Bielefeld 1</div>`)[0];
            popup_b9a97b2a148fe03a5296cb0482ab60be.setContent(html_5893f81cec72db8dcbc40551d8950545);


        circle_marker_4fe92cb5e741aba7d7d6788ada6d8daa.bindPopup(popup_b9a97b2a148fe03a5296cb0482ab60be)
        ;


            var circle_marker_6def67385c7141cfb5ee0d14570ef338 = L.circleMarker(
                [48.13743, 11.57549],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_e1cd26c096810abc5ae136eb922b9dee = L.popup({"maxWidth": "100%"});


            var html_330d1ebcfa96a63b119039ccb6f97e4f = $(`<div id="html_330d1ebcfa96a63b119039ccb6f97e4f" style="width: 100.0%; height: 100.0%;">Munich 1</div>`)[0];
            popup_e1cd26c096810abc5ae136eb922b9dee.setContent(html_330d1ebcfa96a63b119039ccb6f97e4f);


        circle_marker_6def67385c7141cfb5ee0d14570ef338.bindPopup(popup_e1cd26c096810abc5ae136eb922b9dee)
        ;


            var circle_marker_1e5925ae78af215d201c1283c3048721 = L.circleMarker(
                [51.22172, 6.77616],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_b9b20b4f3d3205340038b600e11a3ab3 = L.popup({"maxWidth": "100%"});


            var html_edcff0109bab3c0313100c0e7cbf366e = $(`<div id="html_edcff0109bab3c0313100c0e7cbf366e" style="width: 100.0%; height: 100.0%;">Düsseldorf 1</div>`)[0];
            popup_b9b20b4f3d3205340038b600e11a3ab3.setContent(html_edcff0109bab3c0313100c0e7cbf366e);


        circle_marker_1e5925ae78af215d201c1283c3048721.bindPopup(popup_b9b20b4f3d3205340038b600e11a3ab3)
        ;


            var circle_marker_23e1528ebfc7e48da17729429dde6ade = L.circleMarker(
                [48.78232, 9.17702],
                {"bubblingMouseEvents": true, "color": "#3388ff", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3388ff", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10, "stroke": true, "weight": 3}
            ).addTo(map_61af86f50a99ad67fde61237641b81fc);


        var popup_728587a7070ac2b5ab6f155c2f4ca60a = L.popup({"maxWidth": "100%"});


            var html_78a4b285e65444461ec4420b1d86df56 = $(`<div id="html_78a4b285e65444461ec4420b1d86df56" style="width: 100.0%; height: 100.0%;">Stuttgart 1</div>`)[0];
            popup_728587a7070ac2b5ab6f155c2f4ca60a.setContent(html_78a4b285e65444461ec4420b1d86df56);


        circle_marker_23e1528ebfc7e48da17729429dde6ade.bindPopup(popup_728587a7070ac2b5ab6f155c2f4ca60a)
        ;


</script>