|
<!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/[email protected]/dist/leaflet.js"></script> |
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> |
|
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/dist/leaflet.css"/> |
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/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_56dac1612f78fe875d15362867406c0e { |
|
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_56dac1612f78fe875d15362867406c0e" ></div> |
|
|
|
</body> |
|
<script> |
|
|
|
|
|
var map_56dac1612f78fe875d15362867406c0e = L.map( |
|
"map_56dac1612f78fe875d15362867406c0e", |
|
{ |
|
center: [27.9151, 88.1476], |
|
crs: L.CRS.EPSG3857, |
|
zoom: 12, |
|
zoomControl: true, |
|
preferCanvas: false, |
|
} |
|
); |
|
|
|
|
|
|
|
|
|
|
|
var tile_layer_187f17f01c027189ed88e5c07eb6d09f = 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_187f17f01c027189ed88e5c07eb6d09f.addTo(map_56dac1612f78fe875d15362867406c0e); |
|
|
|
|
|
var marker_c79bdeeb957126b1b0f9877abaf35401 = L.marker( |
|
[27.9151, 88.1476], |
|
{} |
|
).addTo(map_56dac1612f78fe875d15362867406c0e); |
|
|
|
|
|
var popup_3e85e8ae1eee9e013cf66bd6d3d08df2 = L.popup({"maxWidth": "100%"}); |
|
|
|
|
|
|
|
var html_b49b7f5241c0ed94378977da1482f61f = $(`<div id="html_b49b7f5241c0ed94378977da1482f61f" style="width: 100.0%; height: 100.0%;">Region: Lhonak Lake<br>Flow Rate: 1.20 m³/s</div>`)[0]; |
|
popup_3e85e8ae1eee9e013cf66bd6d3d08df2.setContent(html_b49b7f5241c0ed94378977da1482f61f); |
|
|
|
|
|
|
|
marker_c79bdeeb957126b1b0f9877abaf35401.bindPopup(popup_3e85e8ae1eee9e013cf66bd6d3d08df2) |
|
; |
|
|
|
|
|
|
|
|
|
var circle_fd2c90fddd3dc707c9aceacf8e2738a1 = L.circle( |
|
[27.9151, 88.1476], |
|
{"bubblingMouseEvents": true, "color": "yellow", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "yellow", "fillOpacity": 0.2, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 14339.188575744629, "stroke": true, "weight": 3} |
|
).addTo(map_56dac1612f78fe875d15362867406c0e); |
|
|
|
|
|
var popup_637346add3c225a6cc99c5a9a35eb935 = L.popup({"maxWidth": "100%"}); |
|
|
|
|
|
|
|
var html_ba155d6a2add0d4e759278e0c8803f46 = $(`<div id="html_ba155d6a2add0d4e759278e0c8803f46" style="width: 100.0%; height: 100.0%;">Yellow Zone Radius: 14.34 km</div>`)[0]; |
|
popup_637346add3c225a6cc99c5a9a35eb935.setContent(html_ba155d6a2add0d4e759278e0c8803f46); |
|
|
|
|
|
|
|
circle_fd2c90fddd3dc707c9aceacf8e2738a1.bindPopup(popup_637346add3c225a6cc99c5a9a35eb935) |
|
; |
|
|
|
|
|
|
|
|
|
var circle_d16fabfd64afe7fe59376252fbe36f1f = L.circle( |
|
[27.9151, 88.1476], |
|
{"bubblingMouseEvents": true, "color": "orange", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "orange", "fillOpacity": 0.3, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 10651.226043701172, "stroke": true, "weight": 3} |
|
).addTo(map_56dac1612f78fe875d15362867406c0e); |
|
|
|
|
|
var popup_c4072370b1b7d937f22591b04a6f99fc = L.popup({"maxWidth": "100%"}); |
|
|
|
|
|
|
|
var html_c5eb741060b094fdab7cc915be0f2d4b = $(`<div id="html_c5eb741060b094fdab7cc915be0f2d4b" style="width: 100.0%; height: 100.0%;">Orange Zone Radius: 10.65 km</div>`)[0]; |
|
popup_c4072370b1b7d937f22591b04a6f99fc.setContent(html_c5eb741060b094fdab7cc915be0f2d4b); |
|
|
|
|
|
|
|
circle_d16fabfd64afe7fe59376252fbe36f1f.bindPopup(popup_c4072370b1b7d937f22591b04a6f99fc) |
|
; |
|
|
|
|
|
|
|
|
|
var circle_580f62b4fab02f57096fe65424c03b6f = L.circle( |
|
[27.9151, 88.1476], |
|
{"bubblingMouseEvents": true, "color": "red", "dashArray": null, "dashOffset": null, "fill": true, "fillColor": "red", "fillOpacity": 0.4, "fillRule": "evenodd", "lineCap": "round", "lineJoin": "round", "opacity": 1.0, "radius": 7181.76794052124, "stroke": true, "weight": 3} |
|
).addTo(map_56dac1612f78fe875d15362867406c0e); |
|
|
|
|
|
var popup_e0144126e00684c3ecadab88067fd4ad = L.popup({"maxWidth": "100%"}); |
|
|
|
|
|
|
|
var html_88237420c472ee21e99fd67caa6a1241 = $(`<div id="html_88237420c472ee21e99fd67caa6a1241" style="width: 100.0%; height: 100.0%;">Red Zone Radius: 7.18 km</div>`)[0]; |
|
popup_e0144126e00684c3ecadab88067fd4ad.setContent(html_88237420c472ee21e99fd67caa6a1241); |
|
|
|
|
|
|
|
circle_580f62b4fab02f57096fe65424c03b6f.bindPopup(popup_e0144126e00684c3ecadab88067fd4ad) |
|
; |
|
|
|
|
|
|
|
</script> |
|
</html> |
