Python-for-bigdata/map_advanced4.html at main · joxnlxe0409/Python-for-bigdata · 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
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
<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <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_892622d94677dc3bbaf2b91535dfa651 {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
                .leaflet-container { font-size: 1rem; }
            </style>

            <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>
                L_NO_TOUCH = false;
                L_DISABLE_3D = false;
            </script>


    <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_892622d94677dc3bbaf2b91535dfa651" ></div>

</body>
<script>


            var map_892622d94677dc3bbaf2b91535dfa651 = L.map(
                "map_892622d94677dc3bbaf2b91535dfa651",
                {
                    center: [37.4882, 126.82813333333333],
                    crs: L.CRS.EPSG3857,
                    ...{
  "zoom": 14,
  "zoomControl": false,
  "preferCanvas": false,
}

                }
            );
            L.control.scale().addTo(map_892622d94677dc3bbaf2b91535dfa651);


            var tile_layer_6f13603c8ed67b451ccaa4df98ea95d5 = L.tileLayer(
                "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
                {
  "minZoom": 0,
  "maxZoom": 20,
  "maxNativeZoom": 20,
  "noWrap": false,
  "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors \u0026copy; \u003ca href=\"https://carto.com/attributions\"\u003eCARTO\u003c/a\u003e",
  "subdomains": "abcd",
  "detectRetina": false,
  "tms": false,
  "opacity": 1,
}

            );


            tile_layer_6f13603c8ed67b451ccaa4df98ea95d5.addTo(map_892622d94677dc3bbaf2b91535dfa651);


            var marker_0912851242504b9900236a1da020375f = L.marker(
                [37.5007, 126.8677],
                {
}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


            var icon_ca7b779b3fb6597599428f04a49b6996 = L.AwesomeMarkers.icon(
                {
  "markerColor": "blue",
  "iconColor": "white",
  "icon": "info-sign",
  "prefix": "glyphicon",
  "extraClasses": "fa-rotate-0",
}
            );


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


                var html_3acd5a1150d5e2e5a93de1cefe757998 = $(`<div id="html_3acd5a1150d5e2e5a93de1cefe757998" style="width: 100.0%; height: 100.0%;"><b>동양미래대학교</b></div>`)[0];
                popup_79cea782edf9acb0442b2ccb98ac554f.setContent(html_3acd5a1150d5e2e5a93de1cefe757998);


        marker_0912851242504b9900236a1da020375f.bindPopup(popup_79cea782edf9acb0442b2ccb98ac554f)
        ;


            marker_0912851242504b9900236a1da020375f.bindTooltip(
                `<div>
                     동양미래대학교
                 </div>`,
                {
  "sticky": true,
}
            );


                marker_0912851242504b9900236a1da020375f.setIcon(icon_ca7b779b3fb6597599428f04a49b6996);


            var marker_5a2e9e67ef94e7579cf015133ebe6b39 = L.marker(
                [37.4888, 126.9669],
                {
}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


            var icon_4cc9e11b36e5b7b8ef172b07393d9c11 = L.AwesomeMarkers.icon(
                {
  "markerColor": "green",
  "iconColor": "white",
  "icon": "info-sign",
  "prefix": "glyphicon",
  "extraClasses": "fa-rotate-0",
}
            );


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


                var html_a7dc006fa154769a2f34698e829f4dd3 = $(`<div id="html_a7dc006fa154769a2f34698e829f4dd3" style="width: 100.0%; height: 100.0%;"><b>총신대학교</b></div>`)[0];
                popup_17dec2757f812a5e79bd55b5e59448af.setContent(html_a7dc006fa154769a2f34698e829f4dd3);


        marker_5a2e9e67ef94e7579cf015133ebe6b39.bindPopup(popup_17dec2757f812a5e79bd55b5e59448af)
        ;


            marker_5a2e9e67ef94e7579cf015133ebe6b39.bindTooltip(
                `<div>
                     총신대학교
                 </div>`,
                {
  "sticky": true,
}
            );


                marker_5a2e9e67ef94e7579cf015133ebe6b39.setIcon(icon_4cc9e11b36e5b7b8ef172b07393d9c11);


            var marker_436b82c13eb54d3d6d3014466cdf8f2a = L.marker(
                [37.4751, 126.6498],
                {
}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


            var icon_455aafb63094f6acbe49c7a2532e8c64 = L.AwesomeMarkers.icon(
                {
  "markerColor": "red",
  "iconColor": "white",
  "icon": "info-sign",
  "prefix": "glyphicon",
  "extraClasses": "fa-rotate-0",
}
            );


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


                var html_1b30ded43a4a65e88680873b6ec3a068 = $(`<div id="html_1b30ded43a4a65e88680873b6ec3a068" style="width: 100.0%; height: 100.0%;"><b>재능대학교</b></div>`)[0];
                popup_e3d28a6b97c1cfef27cc4d107262a049.setContent(html_1b30ded43a4a65e88680873b6ec3a068);


        marker_436b82c13eb54d3d6d3014466cdf8f2a.bindPopup(popup_e3d28a6b97c1cfef27cc4d107262a049)
        ;


            marker_436b82c13eb54d3d6d3014466cdf8f2a.bindTooltip(
                `<div>
                     재능대학교
                 </div>`,
                {
  "sticky": true,
}
            );


                marker_436b82c13eb54d3d6d3014466cdf8f2a.setIcon(icon_455aafb63094f6acbe49c7a2532e8c64);


            var circle_77bb720e727bed9bf079f6df4f9d10a6 = L.circle(
                [37.5007, 126.8677],
                {"bubblingMouseEvents": true, "color": "brown", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "brown", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 500, "stroke": true, "weight": 3}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


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


                var html_5aa66100574aec4b91522c4de3d983b3 = $(`<div id="html_5aa66100574aec4b91522c4de3d983b3" style="width: 100.0%; height: 100.0%;"><b>동양미래대학교</b></div>`)[0];
                popup_a5001f7ec126b114836fe897f8c8471b.setContent(html_5aa66100574aec4b91522c4de3d983b3);


        circle_77bb720e727bed9bf079f6df4f9d10a6.bindPopup(popup_a5001f7ec126b114836fe897f8c8471b)
        ;


            var circle_9d885843bdbc260b0562fafaec5e1de6 = L.circle(
                [37.4888, 126.9669],
                {"bubblingMouseEvents": true, "color": "brown", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "brown", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 500, "stroke": true, "weight": 3}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


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


                var html_608ef473abed0689cf44f94a1cf01f06 = $(`<div id="html_608ef473abed0689cf44f94a1cf01f06" style="width: 100.0%; height: 100.0%;"><b>총신대학교</b></div>`)[0];
                popup_364f2a153e42f5feb69c714cc86b741e.setContent(html_608ef473abed0689cf44f94a1cf01f06);


        circle_9d885843bdbc260b0562fafaec5e1de6.bindPopup(popup_364f2a153e42f5feb69c714cc86b741e)
        ;


            var circle_4b3159b7ca36d8590ec8056df129134f = L.circle(
                [37.4751, 126.6498],
                {"bubblingMouseEvents": true, "color": "brown", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "brown", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 500, "stroke": true, "weight": 3}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


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


                var html_9f75208f8aa46b184da720c7ca2b1dde = $(`<div id="html_9f75208f8aa46b184da720c7ca2b1dde" style="width: 100.0%; height: 100.0%;"><b>재능대학교</b></div>`)[0];
                popup_4a106ca7ce2118b08aa7ccdd9641612a.setContent(html_9f75208f8aa46b184da720c7ca2b1dde);


        circle_4b3159b7ca36d8590ec8056df129134f.bindPopup(popup_4a106ca7ce2118b08aa7ccdd9641612a)
        ;


            var poly_line_b6106e6858809a444601d6d83064a906 = L.polyline(
                [[37.5007, 126.8677], [37.4888, 126.9669], [37.4751, 126.6498], [37.5007, 126.8677]],
                {"bubblingMouseEvents": true, "color": "purple", "dashArray": null, "dashOffset": null, "fill": false, "fillColor": "purple", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "noClip": false, "opacity": 1.0, "smoothFactor": 1.0, "stroke": true, "weight": 4}
            ).addTo(map_892622d94677dc3bbaf2b91535dfa651);


            var tile_layer_2ef156847acca99d0593f35c15611f94 = L.tileLayer(
                "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
                {"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", "detect_retina": false, "max_native_zoom": 19, "max_zoom": 19, "min_zoom": 0, "no_wrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            );
            var mini_map_814498c6a246ff2a8d7ed3a09c5ca246 = new L.Control.MiniMap(
                tile_layer_2ef156847acca99d0593f35c15611f94,
                {
  "position": "bottomright",
  "width": 150,
  "height": 150,
  "collapsedWidth": 25,
  "collapsedHeight": 25,
  "zoomLevelOffset": -5,
  "centerFixed": false,
  "zoomAnimation": false,
  "toggleDisplay": true,
  "autoToggleDisplay": false,
  "minimized": false,
}
            );
            map_892622d94677dc3bbaf2b91535dfa651.addControl(mini_map_814498c6a246ff2a8d7ed3a09c5ca246);

</script>
</html>