-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtest.html
438 lines (245 loc) · 18.4 KB
/
test.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
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
<!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/[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://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_b542436a10d741e992d59d4f1f3f9b88 {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
</style>
</head>
<body>
<div class="folium-map" id="map_b542436a10d741e992d59d4f1f3f9b88" ></div>
</body>
<script>
var map_b542436a10d741e992d59d4f1f3f9b88 = L.map(
"map_b542436a10d741e992d59d4f1f3f9b88",
{
center: [37.5502, 126.982],
crs: L.CRS.EPSG3857,
zoom: 11,
zoomControl: true,
preferCanvas: false,
}
);
var tile_layer_ff2604408dab4f848cc1c30446d76148 = 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_b542436a10d741e992d59d4f1f3f9b88);
var marker_0988c51dfa3d4580927ba37d00d7f1ac = L.marker(
[37.509391, 127.03618],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_fcff7f686f5f4ba1a69d2910715fef8d = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_0988c51dfa3d4580927ba37d00d7f1ac.setIcon(icon_fcff7f686f5f4ba1a69d2910715fef8d);
var popup_4664c8ce392b461c94a45800da6d9723 = L.popup({"maxWidth": "100%"});
var html_9eac3bd396064d79ae339959350a3cd2 = $(`<div id="html_9eac3bd396064d79ae339959350a3cd2" style="width: 100.0%; height: 100.0%;">먼슬리키친_역삼점</div>`)[0];
popup_4664c8ce392b461c94a45800da6d9723.setContent(html_9eac3bd396064d79ae339959350a3cd2);
marker_0988c51dfa3d4580927ba37d00d7f1ac.bindPopup(popup_4664c8ce392b461c94a45800da6d9723)
;
var marker_9f7e88313b6844c1a0dab0e7ffe79807 = L.marker(
[37.509391, 127.036184],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_ae928cc7c715469b9dcda2e7f10d749e = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_9f7e88313b6844c1a0dab0e7ffe79807.setIcon(icon_ae928cc7c715469b9dcda2e7f10d749e);
var popup_e28f250c6089471681babf0d59fb68d1 = L.popup({"maxWidth": "100%"});
var html_f07908c93e9d417ebdbf231e989440f5 = $(`<div id="html_f07908c93e9d417ebdbf231e989440f5" style="width: 100.0%; height: 100.0%;">먼슬리키친_논현점</div>`)[0];
popup_e28f250c6089471681babf0d59fb68d1.setContent(html_f07908c93e9d417ebdbf231e989440f5);
marker_9f7e88313b6844c1a0dab0e7ffe79807.bindPopup(popup_e28f250c6089471681babf0d59fb68d1)
;
var marker_927c98db110d4c9f93564d501b9e6af8 = L.marker(
[37.574813, 126.96702],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_f18933fcfe664b9eb6b00f02896182c2 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_927c98db110d4c9f93564d501b9e6af8.setIcon(icon_f18933fcfe664b9eb6b00f02896182c2);
var popup_a43a1cc2ffbe49d0acb6ea9273a52dc5 = L.popup({"maxWidth": "100%"});
var html_884a953e7d4d42be819b6f6b155ec3ba = $(`<div id="html_884a953e7d4d42be819b6f6b155ec3ba" style="width: 100.0%; height: 100.0%;">위쿡_사직점</div>`)[0];
popup_a43a1cc2ffbe49d0acb6ea9273a52dc5.setContent(html_884a953e7d4d42be819b6f6b155ec3ba);
marker_927c98db110d4c9f93564d501b9e6af8.bindPopup(popup_a43a1cc2ffbe49d0acb6ea9273a52dc5)
;
var marker_88eab1367a6f4892b252b9d66c8cdfee = L.marker(
[37.509094, 127.085709],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_1441ca76aaa548edb6b672ff9eb86c50 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_88eab1367a6f4892b252b9d66c8cdfee.setIcon(icon_1441ca76aaa548edb6b672ff9eb86c50);
var popup_e538ef27560941f192b63123527403ad = L.popup({"maxWidth": "100%"});
var html_62160cd94cc14c1898e618ec3886b9fb = $(`<div id="html_62160cd94cc14c1898e618ec3886b9fb" style="width: 100.0%; height: 100.0%;">위쿡_송파점</div>`)[0];
popup_e538ef27560941f192b63123527403ad.setContent(html_62160cd94cc14c1898e618ec3886b9fb);
marker_88eab1367a6f4892b252b9d66c8cdfee.bindPopup(popup_e538ef27560941f192b63123527403ad)
;
var marker_ad078b3eeb9e4f29b67dfb0907ae7474 = L.marker(
[37.507972, 127.06262],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_e067f0ea6fff49f282c726b43ac30f0b = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_ad078b3eeb9e4f29b67dfb0907ae7474.setIcon(icon_e067f0ea6fff49f282c726b43ac30f0b);
var popup_97107574b80d46a581576e5ab675d0c3 = L.popup({"maxWidth": "100%"});
var html_7c3056e4a0bf4932af40ecf20c4401bd = $(`<div id="html_7c3056e4a0bf4932af40ecf20c4401bd" style="width: 100.0%; height: 100.0%;">고스트키친_삼성점</div>`)[0];
popup_97107574b80d46a581576e5ab675d0c3.setContent(html_7c3056e4a0bf4932af40ecf20c4401bd);
marker_ad078b3eeb9e4f29b67dfb0907ae7474.bindPopup(popup_97107574b80d46a581576e5ab675d0c3)
;
var marker_d8b5e8b4a0f24226ba1147f1b4f06433 = L.marker(
[37.496192, 127.024906],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_a90ebb743ba24292b9c6f1de7794a3db = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_d8b5e8b4a0f24226ba1147f1b4f06433.setIcon(icon_a90ebb743ba24292b9c6f1de7794a3db);
var popup_d5551645a6c74dda925b2deba957af85 = L.popup({"maxWidth": "100%"});
var html_f702f35f04264034bbcb1ef5f4797717 = $(`<div id="html_f702f35f04264034bbcb1ef5f4797717" style="width: 100.0%; height: 100.0%;">고스트키친_강남점</div>`)[0];
popup_d5551645a6c74dda925b2deba957af85.setContent(html_f702f35f04264034bbcb1ef5f4797717);
marker_d8b5e8b4a0f24226ba1147f1b4f06433.bindPopup(popup_d5551645a6c74dda925b2deba957af85)
;
var marker_fcbd642d0dda490d89a457df3a43861a = L.marker(
[37.501417000000004, 127.036338],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_f102c5ff89694d9aa92eb6a8f0c22a2c = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_fcbd642d0dda490d89a457df3a43861a.setIcon(icon_f102c5ff89694d9aa92eb6a8f0c22a2c);
var popup_561222bb79e84e1a965c91ac314f4162 = L.popup({"maxWidth": "100%"});
var html_f58a000d28314889816ca518cb24becd = $(`<div id="html_f58a000d28314889816ca518cb24becd" style="width: 100.0%; height: 100.0%;">심플키친_역삼점</div>`)[0];
popup_561222bb79e84e1a965c91ac314f4162.setContent(html_f58a000d28314889816ca518cb24becd);
marker_fcbd642d0dda490d89a457df3a43861a.bindPopup(popup_561222bb79e84e1a965c91ac314f4162)
;
var marker_a7910f98f1b14b06b4178089f03cea42 = L.marker(
[37.499935, 127.112169],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_ece92a8d9cde4f7c99af19addcdda7e9 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_a7910f98f1b14b06b4178089f03cea42.setIcon(icon_ece92a8d9cde4f7c99af19addcdda7e9);
var popup_9647726517d140a5b587908c901efe0e = L.popup({"maxWidth": "100%"});
var html_0b6ccafc4012416c81e68e13fa0ccf23 = $(`<div id="html_0b6ccafc4012416c81e68e13fa0ccf23" style="width: 100.0%; height: 100.0%;">심플키친_송파점</div>`)[0];
popup_9647726517d140a5b587908c901efe0e.setContent(html_0b6ccafc4012416c81e68e13fa0ccf23);
marker_a7910f98f1b14b06b4178089f03cea42.bindPopup(popup_9647726517d140a5b587908c901efe0e)
;
var marker_1c93c4b59abe4be3ab3be5c6b477b554 = L.marker(
[37.507962, 127.064238],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_a01dc3f864af460ab0ae69cc6415995e = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_1c93c4b59abe4be3ab3be5c6b477b554.setIcon(icon_a01dc3f864af460ab0ae69cc6415995e);
var popup_babd06d963394491875c18882d5267e1 = L.popup({"maxWidth": "100%"});
var html_700427200a254a219b219fe3e596704a = $(`<div id="html_700427200a254a219b219fe3e596704a" style="width: 100.0%; height: 100.0%;">심플키친_삼성점</div>`)[0];
popup_babd06d963394491875c18882d5267e1.setContent(html_700427200a254a219b219fe3e596704a);
marker_1c93c4b59abe4be3ab3be5c6b477b554.bindPopup(popup_babd06d963394491875c18882d5267e1)
;
var marker_f9e8d825ac8c41549596df1ea5d1bf89 = L.marker(
[37.540892, 126.840305],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_241a200b2a834e90b7e1c551482b0d7e = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_f9e8d825ac8c41549596df1ea5d1bf89.setIcon(icon_241a200b2a834e90b7e1c551482b0d7e);
var popup_f2c0069c882b47ba9e523362449aca1a = L.popup({"maxWidth": "100%"});
var html_f1afe87c34ba46f487311c5864409f09 = $(`<div id="html_f1afe87c34ba46f487311c5864409f09" style="width: 100.0%; height: 100.0%;">심플키친_화곡점</div>`)[0];
popup_f2c0069c882b47ba9e523362449aca1a.setContent(html_f1afe87c34ba46f487311c5864409f09);
marker_f9e8d825ac8c41549596df1ea5d1bf89.bindPopup(popup_f2c0069c882b47ba9e523362449aca1a)
;
var marker_69c0f7b5a44e4a7cb6a4ce20ae8778b4 = L.marker(
[37.499399, 127.042999],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_9df39f7282cc4345a0afd0e8f68cd814 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_69c0f7b5a44e4a7cb6a4ce20ae8778b4.setIcon(icon_9df39f7282cc4345a0afd0e8f68cd814);
var popup_aecba9dec87446259a2e7ad99b3f92b3 = L.popup({"maxWidth": "100%"});
var html_ba122209a3254001ae577aa269777ef3 = $(`<div id="html_ba122209a3254001ae577aa269777ef3" style="width: 100.0%; height: 100.0%;">셰플리_강남점</div>`)[0];
popup_aecba9dec87446259a2e7ad99b3f92b3.setContent(html_ba122209a3254001ae577aa269777ef3);
marker_69c0f7b5a44e4a7cb6a4ce20ae8778b4.bindPopup(popup_aecba9dec87446259a2e7ad99b3f92b3)
;
var marker_039e99f151ef4c799ea8ad0d189c9ae4 = L.marker(
[37.506484, 127.101093],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_afa2189280b3450eaed5cfa9ad7e791a = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_039e99f151ef4c799ea8ad0d189c9ae4.setIcon(icon_afa2189280b3450eaed5cfa9ad7e791a);
var popup_db0b535f09ac4b55b8d8f2d418d1cbac = L.popup({"maxWidth": "100%"});
var html_943fc371cec542a7bbe429af1b0020f4 = $(`<div id="html_943fc371cec542a7bbe429af1b0020f4" style="width: 100.0%; height: 100.0%;">셰플리_송파점</div>`)[0];
popup_db0b535f09ac4b55b8d8f2d418d1cbac.setContent(html_943fc371cec542a7bbe429af1b0020f4);
marker_039e99f151ef4c799ea8ad0d189c9ae4.bindPopup(popup_db0b535f09ac4b55b8d8f2d418d1cbac)
;
var marker_1d1e6b095c4d44fca54d2b37216ada30 = L.marker(
[37.499574, 127.042926],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_699d588d556947b29db815a160c2681b = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_1d1e6b095c4d44fca54d2b37216ada30.setIcon(icon_699d588d556947b29db815a160c2681b);
var popup_1418e8d5d5fb4e9fa8849d25aea984be = L.popup({"maxWidth": "100%"});
var html_8ed21023c7fb4c4094c8be46fbe1175a = $(`<div id="html_8ed21023c7fb4c4094c8be46fbe1175a" style="width: 100.0%; height: 100.0%;">셰플리_서초점</div>`)[0];
popup_1418e8d5d5fb4e9fa8849d25aea984be.setContent(html_8ed21023c7fb4c4094c8be46fbe1175a);
marker_1d1e6b095c4d44fca54d2b37216ada30.bindPopup(popup_1418e8d5d5fb4e9fa8849d25aea984be)
;
var marker_4794056b3c7740d084f7064b1f8c6e9d = L.marker(
[37.518227, 126.907335],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_600a294e68fe4f3b936979dc445408e1 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_4794056b3c7740d084f7064b1f8c6e9d.setIcon(icon_600a294e68fe4f3b936979dc445408e1);
var popup_74d7082ab280416eb4128eb8c01b6728 = L.popup({"maxWidth": "100%"});
var html_5b705edad8c044ddb1d9c1ea42e4f0bf = $(`<div id="html_5b705edad8c044ddb1d9c1ea42e4f0bf" style="width: 100.0%; height: 100.0%;">셰플리_영등포점</div>`)[0];
popup_74d7082ab280416eb4128eb8c01b6728.setContent(html_5b705edad8c044ddb1d9c1ea42e4f0bf);
marker_4794056b3c7740d084f7064b1f8c6e9d.bindPopup(popup_74d7082ab280416eb4128eb8c01b6728)
;
var marker_de4a45736d534d02884f62fe40ce5286 = L.marker(
[37.548864, 126.835741],
{}
).addTo(map_b542436a10d741e992d59d4f1f3f9b88);
var icon_a5b8e147fadc4e6cb88bb1a89aac6efd = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "kitchen", "iconColor": "white", "markerColor": "blue", "prefix": "glyphicon"}
);
marker_de4a45736d534d02884f62fe40ce5286.setIcon(icon_a5b8e147fadc4e6cb88bb1a89aac6efd);
var popup_ad98cc4bdcd14a0ca7ce1563318a1426 = L.popup({"maxWidth": "100%"});
var html_8e8d2db461e743638f9142ca734daebb = $(`<div id="html_8e8d2db461e743638f9142ca734daebb" style="width: 100.0%; height: 100.0%;">셰플리_강서점</div>`)[0];
popup_ad98cc4bdcd14a0ca7ce1563318a1426.setContent(html_8e8d2db461e743638f9142ca734daebb);
marker_de4a45736d534d02884f62fe40ce5286.bindPopup(popup_ad98cc4bdcd14a0ca7ce1563318a1426)
;
</script>