clases_datamex0320/mex2.html at master · cesarcamp/clases_datamex0320 · 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
<!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/leaflet@1.5.1/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.5.1/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_d19f0246b1e94adea8f43bb6088c08f5 {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
            </style>

</head>
<body>

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

</body>
<script>

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


            var tile_layer_8d3222a3adb041d89f2ee1f2e39e604f = L.tileLayer(
                "https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png",
                {"attribution": "Map tiles by \u003ca href=\"http://stamen.com\"\u003eStamen Design\u003c/a\u003e, under \u003ca href=\"http://creativecommons.org/licenses/by/3.0\"\u003eCC BY 3.0\u003c/a\u003e. 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_d19f0246b1e94adea8f43bb6088c08f5);


            var marker_531dbcfc462c455084e3b3d5ab5bad48 = L.marker(
                [19.42, -99.1],
                {}
            ).addTo(map_d19f0246b1e94adea8f43bb6088c08f5);


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


            var marker_6839343ff37e40749cdc8d3be32d13ea = L.marker(
                [19.4, -99.15],
                {}
            ).addTo(map_d19f0246b1e94adea8f43bb6088c08f5);


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


            var marker_27bb21677f964453bc1d9bc8251414bb = L.marker(
                [19.43, -99.13],
                {}
            ).addTo(map_d19f0246b1e94adea8f43bb6088c08f5);


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


            var marker_4623adab27ca4d8798b69c6b8bb68520 = L.marker(
                [19.39, -99.12],
                {}
            ).addTo(map_d19f0246b1e94adea8f43bb6088c08f5);


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


            var marker_2475623c485742998746da65b793a6a1 = L.marker(
                [19.42, -99.09],
                {}
            ).addTo(map_d19f0246b1e94adea8f43bb6088c08f5);


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


            var marker_cd26f86112504b9ea33ef10e0fe7ff5d = L.marker(
                [19.38, -99.11],
                {}
            ).addTo(map_d19f0246b1e94adea8f43bb6088c08f5);


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

</script>