Fire-Risk-Map/fire_risk_map_example(10-17nov).html at main · baframirez/Fire-Risk-Map · 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
<!DOCTYPE html>
<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.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_c3f16b78b0596501c07f2da0889085dc {
                    position: relative;
                    width: 100.0%;
                    height: 100.0%;
                    left: 0.0%;
                    top: 0.0%;
                }
                .leaflet-container { font-size: 1rem; }
            </style>

</head>
<body>


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

</body>
<script>


            var map_c3f16b78b0596501c07f2da0889085dc = L.map(
                "map_c3f16b78b0596501c07f2da0889085dc",
                {
                    center: [-19.307916656027874, -59.116664414196585],
                    crs: L.CRS.EPSG3857,
                    zoom: 11,
                    zoomControl: true,
                    preferCanvas: false,
                }
            );


            var tile_layer_d70c9cce2f28f7a08a37e3e425cbf8db = L.tileLayer(
                "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
                {"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors", "detectRetina": false, "maxNativeZoom": 19, "maxZoom": 19, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            );


            tile_layer_d70c9cce2f28f7a08a37e3e425cbf8db.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            var tile_layer_c23dfba18b16a54459e9af0fa41ae99e = L.tileLayer(
                "https://earthengine.googleapis.com/v1/projects/36282234389/maps/51c819414b70cc95bbffcf712a4d88a5-119b8a61ad5c40c08763faf089dd26e6/tiles/{z}/{x}/{y}",
                {"attribution": "Map Data \u0026copy; \u003ca href=\u0027https://earthengine.google.com\u0027\u003eGoogle Earth Engine\u003c/a\u003e", "detectRetina": false, "maxZoom": 18, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            );


            tile_layer_c23dfba18b16a54459e9af0fa41ae99e.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            var tile_layer_6514e27e322e8d9e8334b09d24f69e19 = L.tileLayer(
                "https://earthengine.googleapis.com/v1/projects/36282234389/maps/8b0b88a819273b4cd9c83764b2ca0259-4bd592d709e8efdb69093ea02bef8884/tiles/{z}/{x}/{y}",
                {"attribution": "Map Data \u0026copy; \u003ca href=\u0027https://earthengine.google.com\u0027\u003eGoogle Earth Engine\u003c/a\u003e", "detectRetina": false, "maxZoom": 18, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            );


            tile_layer_6514e27e322e8d9e8334b09d24f69e19.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            var tile_layer_5fb1354ddc0dce35cfd0c46ac39ec9b4 = L.tileLayer(
                "https://earthengine.googleapis.com/v1/projects/36282234389/maps/9e2ccb08de53f575036e315b24f107f9-dcedf9c0859e32c12be7469ab4172b88/tiles/{z}/{x}/{y}",
                {"attribution": "Map Data \u0026copy; \u003ca href=\u0027https://earthengine.google.com\u0027\u003eGoogle Earth Engine\u003c/a\u003e", "detectRetina": false, "maxZoom": 18, "minZoom": 0, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
            );


            tile_layer_5fb1354ddc0dce35cfd0c46ac39ec9b4.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            var layer_control_730e6c053279d493b70b4bbf642e11d0_layers = {
                base_layers : {
                    "openstreetmap" : tile_layer_d70c9cce2f28f7a08a37e3e425cbf8db,
                },
                overlays :  {
                    "NBR" : tile_layer_c23dfba18b16a54459e9af0fa41ae99e,
                    "NDMI" : tile_layer_6514e27e322e8d9e8334b09d24f69e19,
                    "Fire Risk" : tile_layer_5fb1354ddc0dce35cfd0c46ac39ec9b4,
                },
            };
            let layer_control_730e6c053279d493b70b4bbf642e11d0 = L.control.layers(
                layer_control_730e6c053279d493b70b4bbf642e11d0_layers.base_layers,
                layer_control_730e6c053279d493b70b4bbf642e11d0_layers.overlays,
                {"autoZIndex": true, "collapsed": true, "position": "topright"}
            ).addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_d70c9cce2f28f7a08a37e3e425cbf8db.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_c23dfba18b16a54459e9af0fa41ae99e.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_6514e27e322e8d9e8334b09d24f69e19.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_5fb1354ddc0dce35cfd0c46ac39ec9b4.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_d70c9cce2f28f7a08a37e3e425cbf8db.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_c23dfba18b16a54459e9af0fa41ae99e.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_6514e27e322e8d9e8334b09d24f69e19.addTo(map_c3f16b78b0596501c07f2da0889085dc);


            tile_layer_5fb1354ddc0dce35cfd0c46ac39ec9b4.addTo(map_c3f16b78b0596501c07f2da0889085dc);

</script>
</html>