-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmap_with_arrows3.html
334 lines (186 loc) · 14.8 KB
/
map_with_arrows3.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
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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!DOCTYPE html>
<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.9.3/dist/leaflet.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.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.9.3/dist/leaflet.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.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_8af58c9179ecec59413a7af9f86c9cd1 {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
.leaflet-container { font-size: 1rem; }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-minimap/3.6.1/Control.MiniMap.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-minimap/3.6.1/Control.MiniMap.css"/>
</head>
<body>
<div class="folium-map" id="map_8af58c9179ecec59413a7af9f86c9cd1" ></div>
</body>
<script>
var map_8af58c9179ecec59413a7af9f86c9cd1 = L.map(
"map_8af58c9179ecec59413a7af9f86c9cd1",
{
center: [25.769807444444446, -80.18268833333333],
crs: L.CRS.EPSG3857,
zoom: 12,
zoomControl: true,
preferCanvas: false,
}
);
var tile_layer_9ab276b7d61a3840fb144d13c479dca1 = L.tileLayer(
"https://tile.openstreetmap.org/{z}/{x}/{y}.png",
{"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", "detectRetina": false, "maxNativeZoom": 19, "maxZoom": 19, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
);
tile_layer_9ab276b7d61a3840fb144d13c479dca1.addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var marker_882f6c99c91531ff75afe88d629e2e1b = L.marker(
[25.77998, -80.190814],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_390cf26feb532d0080a542eca18b10a3 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_882f6c99c91531ff75afe88d629e2e1b.setIcon(icon_390cf26feb532d0080a542eca18b10a3);
var popup_0e3d10e9198c798bd78d34fa759e1eb3 = L.popup({"maxWidth": "100%"});
var html_9c774d8628799fcec0e5e42e5c72e57f = $(`<div id="html_9c774d8628799fcec0e5e42e5c72e57f" style="width: 100.0%; height: 100.0%;">File: image_27.jpg<br>Date Created: 2023-01-01 11:18:00</div>`)[0];
popup_0e3d10e9198c798bd78d34fa759e1eb3.setContent(html_9c774d8628799fcec0e5e42e5c72e57f);
marker_882f6c99c91531ff75afe88d629e2e1b.bindPopup(popup_0e3d10e9198c798bd78d34fa759e1eb3)
;
var marker_f7cbb2bef13572bc7d39d9b578270819 = L.marker(
[25.778539, -80.190942],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_a78a7add720b097958424ea5876b1ed9 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_f7cbb2bef13572bc7d39d9b578270819.setIcon(icon_a78a7add720b097958424ea5876b1ed9);
var popup_3a7ea9c182ae081731bfb24fcc45b382 = L.popup({"maxWidth": "100%"});
var html_c46f153be741591b97ec6fc055218dfd = $(`<div id="html_c46f153be741591b97ec6fc055218dfd" style="width: 100.0%; height: 100.0%;">File: image_78.jpg<br>Date Created: 2023-01-01 12:40:00</div>`)[0];
popup_3a7ea9c182ae081731bfb24fcc45b382.setContent(html_c46f153be741591b97ec6fc055218dfd);
marker_f7cbb2bef13572bc7d39d9b578270819.bindPopup(popup_3a7ea9c182ae081731bfb24fcc45b382)
;
var marker_58e070ae8082deaba2ea1bb9006030ee = L.marker(
[25.765141, -80.173354],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_bd6e7283aee723f99fe62b3a59a4c22d = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_58e070ae8082deaba2ea1bb9006030ee.setIcon(icon_bd6e7283aee723f99fe62b3a59a4c22d);
var popup_3b813a6384d9ad4cd0deb3f2f80f7eee = L.popup({"maxWidth": "100%"});
var html_ab8ae967e7b753e9abe1a1cc2f280b78 = $(`<div id="html_ab8ae967e7b753e9abe1a1cc2f280b78" style="width: 100.0%; height: 100.0%;">File: image_38.jpg<br>Date Created: 2023-01-01 12:56:00</div>`)[0];
popup_3b813a6384d9ad4cd0deb3f2f80f7eee.setContent(html_ab8ae967e7b753e9abe1a1cc2f280b78);
marker_58e070ae8082deaba2ea1bb9006030ee.bindPopup(popup_3b813a6384d9ad4cd0deb3f2f80f7eee)
;
var marker_5ff4072f81b95bddd531512da1169f22 = L.marker(
[25.762039, -80.17686],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_247c2423c81f1a89380ca54078ca7c6e = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_5ff4072f81b95bddd531512da1169f22.setIcon(icon_247c2423c81f1a89380ca54078ca7c6e);
var popup_9cfa0cd1b919501de4aa6a4aa9833c1f = L.popup({"maxWidth": "100%"});
var html_22a8eb63ada24b9a2a91c805f1d71929 = $(`<div id="html_22a8eb63ada24b9a2a91c805f1d71929" style="width: 100.0%; height: 100.0%;">File: image_58.jpg<br>Date Created: 2023-01-01 13:24:00</div>`)[0];
popup_9cfa0cd1b919501de4aa6a4aa9833c1f.setContent(html_22a8eb63ada24b9a2a91c805f1d71929);
marker_5ff4072f81b95bddd531512da1169f22.bindPopup(popup_9cfa0cd1b919501de4aa6a4aa9833c1f)
;
var marker_3a879965d6ff171d9e55454f9429aa46 = L.marker(
[25.761839, -80.182595],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_90530245d6918fab9de860a980d6d31e = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_3a879965d6ff171d9e55454f9429aa46.setIcon(icon_90530245d6918fab9de860a980d6d31e);
var popup_7a05a78d2a51d112ce005033a7c0e00b = L.popup({"maxWidth": "100%"});
var html_03a00048ab50c401f95f051be8641ba9 = $(`<div id="html_03a00048ab50c401f95f051be8641ba9" style="width: 100.0%; height: 100.0%;">File: image_82.jpg<br>Date Created: 2023-01-01 14:21:00</div>`)[0];
popup_7a05a78d2a51d112ce005033a7c0e00b.setContent(html_03a00048ab50c401f95f051be8641ba9);
marker_3a879965d6ff171d9e55454f9429aa46.bindPopup(popup_7a05a78d2a51d112ce005033a7c0e00b)
;
var marker_5c4957483d55fec4d2247965d35a655f = L.marker(
[25.774814, -80.185215],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_d7ae5873687ed8da3c7a2604553d6335 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_5c4957483d55fec4d2247965d35a655f.setIcon(icon_d7ae5873687ed8da3c7a2604553d6335);
var popup_9896d1e20ea2dfab7ea1bef5c5a8d85a = L.popup({"maxWidth": "100%"});
var html_05b92cc81d8dc6ebef6c01faffca751e = $(`<div id="html_05b92cc81d8dc6ebef6c01faffca751e" style="width: 100.0%; height: 100.0%;">File: image_45.jpg<br>Date Created: 2023-01-01 15:45:00</div>`)[0];
popup_9896d1e20ea2dfab7ea1bef5c5a8d85a.setContent(html_05b92cc81d8dc6ebef6c01faffca751e);
marker_5c4957483d55fec4d2247965d35a655f.bindPopup(popup_9896d1e20ea2dfab7ea1bef5c5a8d85a)
;
var marker_bd614ecc903c625a37c2595ced75d7ca = L.marker(
[25.777839, -80.180058],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_557f8a663768769fd1576fab29c63d03 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_bd614ecc903c625a37c2595ced75d7ca.setIcon(icon_557f8a663768769fd1576fab29c63d03);
var popup_e6770ac8f20e066c7c53c1c4907743d4 = L.popup({"maxWidth": "100%"});
var html_e8d28e8711f73712412f55a313cd96f4 = $(`<div id="html_e8d28e8711f73712412f55a313cd96f4" style="width: 100.0%; height: 100.0%;">File: image_28.jpg<br>Date Created: 2023-01-01 16:54:00</div>`)[0];
popup_e6770ac8f20e066c7c53c1c4907743d4.setContent(html_e8d28e8711f73712412f55a313cd96f4);
marker_bd614ecc903c625a37c2595ced75d7ca.bindPopup(popup_e6770ac8f20e066c7c53c1c4907743d4)
;
var marker_3a77e7dd060f8911bbb9c1896ff1b687 = L.marker(
[25.764994, -80.17256],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_ca0ba1cca2f74fb7917fc1191509955c = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_3a77e7dd060f8911bbb9c1896ff1b687.setIcon(icon_ca0ba1cca2f74fb7917fc1191509955c);
var popup_504fbc4fcba1163791473ac79357a353 = L.popup({"maxWidth": "100%"});
var html_8457d4ee87ab1a7a9ea941a5aedeecc8 = $(`<div id="html_8457d4ee87ab1a7a9ea941a5aedeecc8" style="width: 100.0%; height: 100.0%;">File: image_61.jpg<br>Date Created: 2023-01-01 17:49:00</div>`)[0];
popup_504fbc4fcba1163791473ac79357a353.setContent(html_8457d4ee87ab1a7a9ea941a5aedeecc8);
marker_3a77e7dd060f8911bbb9c1896ff1b687.bindPopup(popup_504fbc4fcba1163791473ac79357a353)
;
var marker_73cf241f3b4a308058be1a9588add54b = L.marker(
[25.763082, -80.191797],
{}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var icon_31806a7336e61e9f80a548bde2c75e2b = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "camera", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_73cf241f3b4a308058be1a9588add54b.setIcon(icon_31806a7336e61e9f80a548bde2c75e2b);
var popup_e84fb79f33f5cc531821c1c4da682399 = L.popup({"maxWidth": "100%"});
var html_81cd62e933318d829158b41b3df695fc = $(`<div id="html_81cd62e933318d829158b41b3df695fc" style="width: 100.0%; height: 100.0%;">File: image_32.jpg<br>Date Created: 2023-01-01 17:52:00</div>`)[0];
popup_e84fb79f33f5cc531821c1c4da682399.setContent(html_81cd62e933318d829158b41b3df695fc);
marker_73cf241f3b4a308058be1a9588add54b.bindPopup(popup_e84fb79f33f5cc531821c1c4da682399)
;
var poly_line_414a45c86f4d03acc59c126154105371 = L.polyline(
[[25.77998, -80.190814], [25.778539, -80.190942], [25.765141, -80.173354], [25.762039, -80.17686], [25.761839, -80.182595], [25.774814, -80.185215], [25.777839, -80.180058], [25.764994, -80.17256], [25.763082, -80.191797]],
{"bubblingMouseEvents": true, "color": "red", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "red", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 1, "smoothFactor": 1.0, "stroke": true, "weight": 2.5}
).addTo(map_8af58c9179ecec59413a7af9f86c9cd1);
var tile_layer_6cb951890e8367135edbb3b323f513bf = L.tileLayer(
"https://tile.openstreetmap.org/{z}/{x}/{y}.png",
{"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", "detectRetina": false, "maxNativeZoom": 19, "maxZoom": 19, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
);
var mini_map_c4b36918fef914d14efc6be201d33adf = new L.Control.MiniMap(
tile_layer_6cb951890e8367135edbb3b323f513bf,
{"autoToggleDisplay": false, "centerFixed": false, "collapsedHeight": 25, "collapsedWidth": 25, "height": 150, "minimized": false, "position": "bottomright", "toggleDisplay": true, "width": 150, "zoomAnimation": false, "zoomLevelOffset": -5}
);
map_8af58c9179ecec59413a7af9f86c9cd1.addControl(mini_map_c4b36918fef914d14efc6be201d33adf);
</script>
</html>