Python-for-bigdata/map_advanced.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
<!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_c20a01d56de46f77ff2d4ce5a6d0d71a {
                    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"/>
    <script src="https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.css"/>
</head>
<body>


            <div class="folium-map" id="map_c20a01d56de46f77ff2d4ce5a6d0d71a" ></div>

</body>
<script>


            var map_c20a01d56de46f77ff2d4ce5a6d0d71a = L.map(
                "map_c20a01d56de46f77ff2d4ce5a6d0d71a",
                {
                    center: [37.5007, 126.8677],
                    crs: L.CRS.EPSG3857,
                    ...{
  "zoom": 16,
  "zoomControl": false,
  "preferCanvas": false,
}

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


            var tile_layer_1bf8cb7728529ca9390515a45b500b20 = 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_1bf8cb7728529ca9390515a45b500b20.addTo(map_c20a01d56de46f77ff2d4ce5a6d0d71a);


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


            var icon_68ed45b0ae4e649f34e5237019991393 = L.AwesomeMarkers.icon(
                {
  "markerColor": "darkblue",
  "iconColor": "white",
  "icon": "university",
  "prefix": "fa",
  "extraClasses": "fa-rotate-0",
}
            );


        var popup_2dbb33a4ec7e240d5b7c9df4592957a8 = L.popup({
  "maxWidth": 200,
});


                var html_279a7ffd9bbe1af84dcbb042ac3cbe85 = $(`<div id="html_279a7ffd9bbe1af84dcbb042ac3cbe85" style="width: 100.0%; height: 100.0%;"> <div style="font-size:14px; font-weight:bold; color:#2c3e50;">     📍 동양미래대학교<br>     <span style='font-size:12px; color:#7f8c8d;'>Dongyang Mirae University</span> </div> </div>`)[0];
                popup_2dbb33a4ec7e240d5b7c9df4592957a8.setContent(html_279a7ffd9bbe1af84dcbb042ac3cbe85);


        marker_bac29bd046530bdb0f3e18a0d1efa448.bindPopup(popup_2dbb33a4ec7e240d5b7c9df4592957a8)
        ;


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


                marker_bac29bd046530bdb0f3e18a0d1efa448.setIcon(icon_68ed45b0ae4e649f34e5237019991393);


            var circle_marker_89fb8dd14096a5baaeb6521cad3d48a9 = L.circleMarker(
                [37.5007, 126.8677],
                {"bubblingMouseEvents": true, "color": "#2980b9", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "#3498db", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 40, "stroke": true, "weight": 2}
            ).addTo(map_c20a01d56de46f77ff2d4ce5a6d0d71a);


            var tile_layer_95edd2a685416d076b6552cb08f189d2 = 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_691adf978f80bc7429222e37f3bb5d82 = new L.Control.MiniMap(
                tile_layer_95edd2a685416d076b6552cb08f189d2,
                {
  "position": "bottomleft",
  "width": 150,
  "height": 150,
  "collapsedWidth": 25,
  "collapsedHeight": 25,
  "zoomLevelOffset": -5,
  "centerFixed": false,
  "zoomAnimation": false,
  "toggleDisplay": true,
  "autoToggleDisplay": false,
  "minimized": false,
}
            );
            map_c20a01d56de46f77ff2d4ce5a6d0d71a.addControl(mini_map_691adf978f80bc7429222e37f3bb5d82);


            var mouse_position_3f85d96f498554430dc5d142e801de87 = new L.Control.MousePosition(
                {
  "position": "topright",
  "separator": " \u00b7 ",
  "emptyString": "Unavailable",
  "lngFirst": false,
  "numDigits": 5,
  "prefix": "\uc88c\ud45c:",
}
            );
            mouse_position_3f85d96f498554430dc5d142e801de87.options["latFormatter"] =
                undefined;
            mouse_position_3f85d96f498554430dc5d142e801de87.options["lngFormatter"] =
                undefined;
            map_c20a01d56de46f77ff2d4ce5a6d0d71a.addControl(mouse_position_3f85d96f498554430dc5d142e801de87);

</script>
</html>