-
Notifications
You must be signed in to change notification settings - Fork 3
/
map.html
168 lines (109 loc) · 7.69 KB
/
map.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
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script>
L_NO_TOUCH = false;
L_DISABLE_3D = false;
</script>
<script src="https://cdn.jsdelivr.net/npm/leaflet@1.5.1/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.5.1/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://rawcdn.githack.com/python-visualization/folium/master/folium/templates/leaflet.awesome.rotate.css"/>
<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>
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
#map_580387d447f446bf894eb9249c30011f {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
</style>
</head>
<body>
<div class="folium-map" id="map_580387d447f446bf894eb9249c30011f" ></div>
</body>
<script>
var map_580387d447f446bf894eb9249c30011f = L.map(
"map_580387d447f446bf894eb9249c30011f",
{
center: [47.49, 66.36],
crs: L.CRS.EPSG3857,
zoom: 5,
zoomControl: true,
preferCanvas: false,
}
);
var tile_layer_cab58716bb7d4772a133740bd963bc5c = 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_580387d447f446bf894eb9249c30011f);
var marker_5e881107031447229a0fc6d16817c7b9 = L.marker(
[42.2940788, 69.6385235157434],
{}
).addTo(map_580387d447f446bf894eb9249c30011f);
var icon_ca5a070d99b84094a3b6f84fecb30aad = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "fire", "iconColor": "white", "markerColor": "orange", "prefix": "glyphicon"}
);
marker_5e881107031447229a0fc6d16817c7b9.setIcon(icon_ca5a070d99b84094a3b6f84fecb30aad);
var popup_7736962d1f03440e895f2d5596673286 = L.popup({"maxWidth": "100%"});
var html_d26731a84d17403788d48acb4724a630 = $(`<div id="html_d26731a84d17403788d48acb4724a630" style="width: 100.0%; height: 100.0%;">Departure city</div>`)[0];
popup_7736962d1f03440e895f2d5596673286.setContent(html_d26731a84d17403788d48acb4724a630);
marker_5e881107031447229a0fc6d16817c7b9.bindPopup(popup_7736962d1f03440e895f2d5596673286)
;
var marker_8de7c4ff58da4ca3a4227f59f6a088ab = L.marker(
[49.816592, 73.1044754],
{}
).addTo(map_580387d447f446bf894eb9249c30011f);
var icon_422c4d09d849481ab0c612a38631bf10 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "fire", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_8de7c4ff58da4ca3a4227f59f6a088ab.setIcon(icon_422c4d09d849481ab0c612a38631bf10);
var marker_8001288cfe6448c7b660c97baba84c23 = L.marker(
[51.15092055, 71.4388595154859],
{}
).addTo(map_580387d447f446bf894eb9249c30011f);
var icon_78c9aa7b397a4977a52d3f751a7c8b5a = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "fire", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_8001288cfe6448c7b660c97baba84c23.setIcon(icon_78c9aa7b397a4977a52d3f751a7c8b5a);
var marker_346ea53a83b34ec39ce2ea67d520b04a = L.marker(
[50.2796448, 57.2124606],
{}
).addTo(map_580387d447f446bf894eb9249c30011f);
var icon_51f26cb952f54a2eb71ab92a92ff9a4c = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "fire", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_346ea53a83b34ec39ce2ea67d520b04a.setIcon(icon_51f26cb952f54a2eb71ab92a92ff9a4c);
var marker_c708d0eedf3948d5b47aa15741118baf = L.marker(
[55.7504461, 37.6174943],
{}
).addTo(map_580387d447f446bf894eb9249c30011f);
var icon_6287365fdf064f40a406b2c18006c3db = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "fire", "iconColor": "white", "markerColor": "orange", "prefix": "glyphicon"}
);
marker_c708d0eedf3948d5b47aa15741118baf.setIcon(icon_6287365fdf064f40a406b2c18006c3db);
var popup_e08a3a3b642340b7a4eed9220b7814a0 = L.popup({"maxWidth": "100%"});
var html_3cb2664df9af4e56a6e4b64dabbdcae6 = $(`<div id="html_3cb2664df9af4e56a6e4b64dabbdcae6" style="width: 100.0%; height: 100.0%;">Arrival city</div>`)[0];
popup_e08a3a3b642340b7a4eed9220b7814a0.setContent(html_3cb2664df9af4e56a6e4b64dabbdcae6);
marker_c708d0eedf3948d5b47aa15741118baf.bindPopup(popup_e08a3a3b642340b7a4eed9220b7814a0)
;
var poly_line_e0cc1a4f976147a78353d8e5e7040164 = L.polyline(
[[42.2940788, 69.6385235157434], [49.816592, 73.1044754], [51.15092055, 71.4388595154859], [50.2796448, 57.2124606], [55.7504461, 37.6174943]],
{"bubblingMouseEvents": true, "color": "blue", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "blue", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 0.8, "smoothFactor": 1.0, "stroke": true, "weight": 5}
).addTo(map_580387d447f446bf894eb9249c30011f);
var popup_08933295e7dd49c5b6463cdb53666751 = L.popup({"maxWidth": "100%"});
var html_83f5fe7f86a44012b1a901084a227811 = $(`<div id="html_83f5fe7f86a44012b1a901084a227811" style="width: 100.0%; height: 100.0%;">my favourite ice cream shop</div>`)[0];
popup_08933295e7dd49c5b6463cdb53666751.setContent(html_83f5fe7f86a44012b1a901084a227811);
poly_line_e0cc1a4f976147a78353d8e5e7040164.bindPopup(popup_08933295e7dd49c5b6463cdb53666751)
;
</script>