CMPT353FinalProject/recommended_amentities.html at main · TeliangY/CMPT353FinalProject · 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
<!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/leaflet@1.6.0/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.6.0/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_d17af4ed05b24676911af8a433a15dc9 {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
            </style>

</head>
<body>

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

</body>
<script>

            var map_d17af4ed05b24676911af8a433a15dc9 = L.map(
                "map_d17af4ed05b24676911af8a433a15dc9",
                {
                    center: [49.28201, -123.12669],
                    crs: L.CRS.EPSG3857,
                    zoom: 12,
                    zoomControl: true,
                    preferCanvas: false,
                }
            );


            var tile_layer_a8751377f04048d68597bfb19d18ae44 = 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_d17af4ed05b24676911af8a433a15dc9);


            var marker_f39a9d6101a84dda81570c55e8239df2 = L.marker(
                [49.28201, -123.12669],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_8ecdc2846ba7422abbaa6fea9f9788a2 = $(`<div id="html_8ecdc2846ba7422abbaa6fea9f9788a2" style="width: 100.0%; height: 100.0%;">Monthly (or Longer ) Designer One Bedroom Downtown</div>`)[0];
            popup_b09b14f6ff5d4c8abdffd0e4a5bb6126.setContent(html_8ecdc2846ba7422abbaa6fea9f9788a2);


        marker_f39a9d6101a84dda81570c55e8239df2.bindPopup(popup_b09b14f6ff5d4c8abdffd0e4a5bb6126)
        ;


            var marker_4d855d449a2f4786bc72cf4bbc5d3b4a = L.marker(
                [49.2845541, -123.1181578],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_9e055b68407b4729bb3dfbb39f30e978 = $(`<div id="html_9e055b68407b4729bb3dfbb39f30e978" style="width: 100.0%; height: 100.0%;">Caffe Express</div>`)[0];
            popup_adc498e856574c0aab047f650bfb3fe2.setContent(html_9e055b68407b4729bb3dfbb39f30e978);


        marker_4d855d449a2f4786bc72cf4bbc5d3b4a.bindPopup(popup_adc498e856574c0aab047f650bfb3fe2)
        ;


            var marker_4cab38b3235b46b19d60b16125fa9440 = L.marker(
                [49.2843286, -123.1178118],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_3eb2a63398bf440ca6bbf71daa39ca50 = $(`<div id="html_3eb2a63398bf440ca6bbf71daa39ca50" style="width: 100.0%; height: 100.0%;">Carl's Jr.</div>`)[0];
            popup_c8dd4c196d474978b315015c03a9e07b.setContent(html_3eb2a63398bf440ca6bbf71daa39ca50);


        marker_4cab38b3235b46b19d60b16125fa9440.bindPopup(popup_c8dd4c196d474978b315015c03a9e07b)
        ;


            var marker_f00eaea4c3004529aa05b3b3c640c6cd = L.marker(
                [49.2850132, -123.1179138],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_22dd1012a3d84fc88add427e2a54e072 = $(`<div id="html_22dd1012a3d84fc88add427e2a54e072" style="width: 100.0%; height: 100.0%;">La Taqueria</div>`)[0];
            popup_82ebd8f1e9fc4ef7bb44f34931b6f8b8.setContent(html_22dd1012a3d84fc88add427e2a54e072);


        marker_f00eaea4c3004529aa05b3b3c640c6cd.bindPopup(popup_82ebd8f1e9fc4ef7bb44f34931b6f8b8)
        ;


            var marker_a0d715bff64843a0ba7c16b386479164 = L.marker(
                [49.2851463, -123.1184912],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_3316eeccda734f3aa8965345be6fb28d = $(`<div id="html_3316eeccda734f3aa8965345be6fb28d" style="width: 100.0%; height: 100.0%;">Blackbird</div>`)[0];
            popup_311e2238d6804542bb008ae0e93f4a96.setContent(html_3316eeccda734f3aa8965345be6fb28d);


        marker_a0d715bff64843a0ba7c16b386479164.bindPopup(popup_311e2238d6804542bb008ae0e93f4a96)
        ;


            var marker_edd32a89e44141be90e19edef7903dc8 = L.marker(
                [49.285048, -123.116344],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_3cc716cc61fe4877a77c959e96de07fd = $(`<div id="html_3cc716cc61fe4877a77c959e96de07fd" style="width: 100.0%; height: 100.0%;"> Southbound Howe St @ W Pender St</div>`)[0];
            popup_a2448995d6e84a79acad19c61766f62c.setContent(html_3cc716cc61fe4877a77c959e96de07fd);


        marker_edd32a89e44141be90e19edef7903dc8.bindPopup(popup_a2448995d6e84a79acad19c61766f62c)
        ;


            var marker_24ba7e46f3a14444bfe5e588152d5697 = L.marker(
                [49.2851447, -123.1140076],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_22ad529110294192908412f4b054c39e = $(`<div id="html_22ad529110294192908412f4b054c39e" style="width: 100.0%; height: 100.0%;">Birks Clock</div>`)[0];
            popup_000e2d155b0b44a2b234bfc159f6833b.setContent(html_22ad529110294192908412f4b054c39e);


        marker_24ba7e46f3a14444bfe5e588152d5697.bindPopup(popup_000e2d155b0b44a2b234bfc159f6833b)
        ;


            var marker_4b244ac059cb4f7296c3a74cc666fab4 = L.marker(
                [49.2844778, -123.1123491],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_24a4c903183b4928af31f1ca07ef8a70 = $(`<div id="html_24a4c903183b4928af31f1ca07ef8a70" style="width: 100.0%; height: 100.0%;">Simon Fraser University - Vancouver Campus</div>`)[0];
            popup_c10f369612764f99a0ae46a210f25364.setContent(html_24a4c903183b4928af31f1ca07ef8a70);


        marker_4b244ac059cb4f7296c3a74cc666fab4.bindPopup(popup_c10f369612764f99a0ae46a210f25364)
        ;


            var marker_3d0ee34636244dd4928e714ae41359e8 = L.marker(
                [49.2834259, -123.1149698],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


            var html_9801aed41eb449f7a186bbe2e281c77b = $(`<div id="html_9801aed41eb449f7a186bbe2e281c77b" style="width: 100.0%; height: 100.0%;">Impark</div>`)[0];
            popup_74d01b9eb478497889b9d85509fd1802.setContent(html_9801aed41eb449f7a186bbe2e281c77b);


        marker_3d0ee34636244dd4928e714ae41359e8.bindPopup(popup_74d01b9eb478497889b9d85509fd1802)
        ;


            var feature_group_681cd28446e249d5a4eae54dd9e29201 = L.featureGroup(
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


            var marker_166f34b9d3d24b6584b6681b2c639105 = L.marker(
                [49.28201, -123.12669],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


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


            var html_211e7bd7090f4e62abd9358a3c71107f = $(`<div id="html_211e7bd7090f4e62abd9358a3c71107f" style="width: 100.0%; height: 100.0%;">Start</div>`)[0];
            popup_6b1dcb2f306146469ad8899bfd409939.setContent(html_211e7bd7090f4e62abd9358a3c71107f);


        marker_166f34b9d3d24b6584b6681b2c639105.bindPopup(popup_6b1dcb2f306146469ad8899bfd409939)
        ;


            var marker_0a0740342f714c978a95cc435f580da8 = L.marker(
                [49.28599166666667, -123.11176944444443],
                {}
            ).addTo(map_d17af4ed05b24676911af8a433a15dc9);


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


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


            var html_97e590d7ee1942459f497d3720ec0ae1 = $(`<div id="html_97e590d7ee1942459f497d3720ec0ae1" style="width: 100.0%; height: 100.0%;">End</div>`)[0];
            popup_56126b3a803f43da879415fe0894d952.setContent(html_97e590d7ee1942459f497d3720ec0ae1);


        marker_0a0740342f714c978a95cc435f580da8.bindPopup(popup_56126b3a803f43da879415fe0894d952)
        ;


</script>