-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path08a5ece2-fa6c-487e-88ce-3ef2ff62b68cbeijing_route_map_(dialogId)161.html
207 lines (116 loc) · 8.75 KB
/
08a5ece2-fa6c-487e-88ce-3ef2ff62b68cbeijing_route_map_(dialogId)161.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
<!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/[email protected]/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/[email protected]/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_08a9c6784b2e90359252bb3198a2b73c {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
</style>
</head>
<body>
<div class="folium-map" id="map_08a9c6784b2e90359252bb3198a2b73c" ></div>
</body>
<script>
var map_08a9c6784b2e90359252bb3198a2b73c = L.map(
"map_08a9c6784b2e90359252bb3198a2b73c",
{
center: [39.9066355, 116.3913935],
crs: L.CRS.EPSG3857,
zoom: 12,
zoomControl: true,
preferCanvas: false,
}
);
var tile_layer_85ba4b2c3d15fc566e0186d1227bb196 = 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_08a9c6784b2e90359252bb3198a2b73c);
var marker_27b526da100d6786d3ec9640955c6765 = L.marker(
[39.86624305861193, 116.37020307948319],
{}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
var icon_f51470cf29c1979b7a6eef400f9007c5 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "green", "prefix": "glyphicon"}
);
marker_27b526da100d6786d3ec9640955c6765.setIcon(icon_f51470cf29c1979b7a6eef400f9007c5);
var popup_5308886c377076ae126756b1ff7f2220 = L.popup({"maxWidth": "100%"});
var html_4f758d82a81dbf30b8d0a0e48b1794d4 = $(`<div id="html_4f758d82a81dbf30b8d0a0e48b1794d4" style="width: 100.0%; height: 100.0%;">北京南站</div>`)[0];
popup_5308886c377076ae126756b1ff7f2220.setContent(html_4f758d82a81dbf30b8d0a0e48b1794d4);
marker_27b526da100d6786d3ec9640955c6765.bindPopup(popup_5308886c377076ae126756b1ff7f2220)
;
var marker_6a942167d4efe20c3a9d0fda5a9e46f4 = L.marker(
[39.8818312, 116.3938073],
{}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
var popup_1e392bce1b546ac26921f515201eb2be = L.popup({"maxWidth": "100%"});
var html_582f32a25689abcd6fbdefac16fbf030 = $(`<div id="html_582f32a25689abcd6fbdefac16fbf030" style="width: 100.0%; height: 100.0%;">古哺乳动物 (到达: 08:13, 离开: 10:00)</div>`)[0];
popup_1e392bce1b546ac26921f515201eb2be.setContent(html_582f32a25689abcd6fbdefac16fbf030);
marker_6a942167d4efe20c3a9d0fda5a9e46f4.bindPopup(popup_1e392bce1b546ac26921f515201eb2be)
;
var marker_dad79cb457d5c48536c3fed83a9c22a3 = L.marker(
[39.8818452, 116.3938163],
{}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
var popup_4d34b7b322abed23148707811e871e61 = L.popup({"maxWidth": "100%"});
var html_ea117217e537e64f5f2b192e12bac131 = $(`<div id="html_ea117217e537e64f5f2b192e12bac131" style="width: 100.0%; height: 100.0%;">恐龙公园 (到达: 10:02, 离开: 12:00)</div>`)[0];
popup_4d34b7b322abed23148707811e871e61.setContent(html_ea117217e537e64f5f2b192e12bac131);
marker_dad79cb457d5c48536c3fed83a9c22a3.bindPopup(popup_4d34b7b322abed23148707811e871e61)
;
var marker_d659e0a2a4b7acc3f1e2805f1361b064 = L.marker(
[39.8818312, 116.3938073],
{}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
var popup_15754117f19d211aeeeefbb70b9d0f82 = L.popup({"maxWidth": "100%"});
var html_7ce3dece7a9cf7deaddd2db953e7af7e = $(`<div id="html_7ce3dece7a9cf7deaddd2db953e7af7e" style="width: 100.0%; height: 100.0%;">无脊椎动物 (到达: 12:02, 离开: 14:00)</div>`)[0];
popup_15754117f19d211aeeeefbb70b9d0f82.setContent(html_7ce3dece7a9cf7deaddd2db953e7af7e);
marker_d659e0a2a4b7acc3f1e2805f1361b064.bindPopup(popup_15754117f19d211aeeeefbb70b9d0f82)
;
var marker_258c878896edf10cdadd6a1f024d164c = L.marker(
[39.8817903, 116.3938074],
{}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
var popup_4c8ecb7ce2155c49851544fd595394d3 = L.popup({"maxWidth": "100%"});
var html_4b7667c6f3d622b39f7b15563d059d00 = $(`<div id="html_4b7667c6f3d622b39f7b15563d059d00" style="width: 100.0%; height: 100.0%;">探索角 (到达: 14:02, 离开: 16:00)</div>`)[0];
popup_4c8ecb7ce2155c49851544fd595394d3.setContent(html_4b7667c6f3d622b39f7b15563d059d00);
marker_258c878896edf10cdadd6a1f024d164c.bindPopup(popup_4c8ecb7ce2155c49851544fd595394d3)
;
var marker_0df98c68e9db0153d967011a23247657 = L.marker(
[39.9014399289939, 116.42113019372145],
{}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
var icon_258c25cf197ab83cd1255cfcff30148f = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
);
marker_0df98c68e9db0153d967011a23247657.setIcon(icon_258c25cf197ab83cd1255cfcff30148f);
var popup_e87a550f8640eb5428be5b7649eef3e7 = L.popup({"maxWidth": "100%"});
var html_2c6e2cdb06db43597521b14f59a2fd59 = $(`<div id="html_2c6e2cdb06db43597521b14f59a2fd59" style="width: 100.0%; height: 100.0%;">北京站</div>`)[0];
popup_e87a550f8640eb5428be5b7649eef3e7.setContent(html_2c6e2cdb06db43597521b14f59a2fd59);
marker_0df98c68e9db0153d967011a23247657.bindPopup(popup_e87a550f8640eb5428be5b7649eef3e7)
;
var poly_line_ae9325c8415af106d0d4dd16f470e8f7 = L.polyline(
[[39.86624305861193, 116.37020307948319], [39.8818312, 116.3938073], [39.8818452, 116.3938163], [39.8818312, 116.3938073], [39.8817903, 116.3938074], [39.9014399289939, 116.42113019372145]],
{"bubblingMouseEvents": true, "color": "blue", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "blue", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 1, "smoothFactor": 1.0, "stroke": true, "weight": 2.5}
).addTo(map_08a9c6784b2e90359252bb3198a2b73c);
</script>