Hugging Face's logo

Spaces:
stat2025
/
Map
Running

App Files Community
Map / RM /45.html
stat2025's picture
stat2025
Upload 201 files
6c54b58 verified
Raw History Blame Contribute Delete
32.1 kB
<!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_761a7ba0a1e22b39556ff9239b01cef6 {
 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-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
</head>
<body>
<div
 class="desktop-stats-toggle"
 style="
 position:fixed;
 top:10px;
 right:10px;
 z-index:10000;
 direction:rtl;
 font-family:Arial,sans-serif;
 "
 >
<button
 id="btn_stats_45"
 onclick="
 var panel =
 document.getElementById(
 'stats_45'
 );
 var btn =
 document.getElementById(
 'btn_stats_45'
 );
 if (
 panel.style.display
 === 'none'
 ) {
 panel.style.display =
 'block';
 btn.innerText =
 'إخفاء';
 } else {
 panel.style.display =
 'none';
 btn.innerText =
 'عرض الملخص';
 }
 "
 style="
 background:rgba(255,255,255,0.92);
 border:none;
 border-radius:14px;
 padding:10px 14px;
 font-size:14px;
 font-weight:bold;
 cursor:pointer;
 box-shadow:0 2px 10px rgba(0,0,0,0.18);
 "
 >
 إخفاء
 </button>
</div>
<div
 id="stats_45"
 class="stats-panel mobile-map-sheet"
 style="
 display:block;
 position:fixed;
 top:10px;
 right:58px;
 width:330px;
 max-height:85vh;
 overflow-y:auto;
 background:rgba(255,255,255,0.88);
 backdrop-filter:blur(4px);
 border-radius:22px;
 padding:18px 18px 16px 18px;
 z-index:9999;
 direction:rtl;
 font-family:Arial,sans-serif;
 box-shadow:0 8px 28px rgba(0,0,0,0.16);
 line-height:1.9;
 color:#222;
 "
 >
<div style="
 font-size:18px;
 font-weight:800;
 text-align:center;
 margin-bottom:10px;
 ">
 لطيفة صالح العبدالقادر
 </div>
<div style="font-size:15px;">
<div>
 <b>عدد المواقع بإحداثية:</b>
 3
 </div>
<div>
 <b>عدد الحارات:</b>
 2
 </div>
</div>
<div style="margin-top:10px;">
<div style="font-weight:bold;">
 أكثر الحارات:
 </div>
<div style="padding-right:8px;">
 <div>• الراكة الجنوبية: 2</div><div>• اليرموك: 1</div>
 </div>
</div>
<div style="
 margin-top:14px;
 padding-top:10px;
 border-top:1px solid rgba(0,0,0,0.08);
 ">
<a
 href="report_45_لطيفة_صالح_العبدالقادر.pdf"
 target="_blank"
 style="
 display:block;
 text-align:center;
 background:#16a34a;
 color:#fff;
 text-decoration:none;
 padding:10px 12px;
 border-radius:12px;
 font-weight:700;
 margin-bottom:8px;
 "
 >
 تصدير بيانات هذه الخريطة PDF
 </a>
<a
 href="report_45_لطيفة_صالح_العبدالقادر.xlsx"
 target="_blank"
 style="
 display:block;
 text-align:center;
 background:#2563eb;
 color:#fff;
 text-decoration:none;
 padding:10px 12px;
 border-radius:12px;
 font-weight:700;
 margin-bottom:8px;
 "
 >
 تصدير بيانات هذه الخريطة Excel
 </a>
<div style="font-size:13px;">
<div style="
 font-weight:700;
 margin-bottom:6px;
 ">
 ألوان الحارات للعينات الأساسية
 </div>
<div style="
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin-bottom:4px;
 ">
<div style="
 display:flex;
 align-items:center;
 gap:8px;
 ">
<span style="
 width:12px;
 height:12px;
 border-radius:50%;
 display:inline-block;
 background:#0E7490;
 border:1px solid rgba(0,0,0,0.15);
 "></span>
<span>
 الراكة الجنوبية
 </span>
</div>
<span style="color:#555;">
 (2)
 </span>
</div>
<div style="
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 margin-bottom:4px;
 ">
<div style="
 display:flex;
 align-items:center;
 gap:8px;
 ">
<span style="
 width:12px;
 height:12px;
 border-radius:50%;
 display:inline-block;
 background:#EA580C;
 border:1px solid rgba(0,0,0,0.15);
 "></span>
<span>
 اليرموك
 </span>
</div>
<span style="color:#555;">
 (1)
 </span>
</div>
</div>
</div>
</div>
<div
 id="searchBoxPanel"
 class="desktop-search-panel mobile-map-sheet"
 style="
 position:fixed;
 top:10px;
 left:10px;
 z-index:10000;
 direction:rtl;
 font-family:Arial,sans-serif;
 "
 >
<input
 id="mapSearchInput"
 type="text"
 placeholder="ابحث عن اسم المنشأة..."
 style="
 width:300px;
 box-sizing:border-box;
 padding:10px;
 border-radius:12px;
 border:1px solid #ccc;
 font-size:14px;
 direction:rtl;
 "
 >
<div
 id="searchCount"
 style="
 margin-top:7px;
 font-size:13px;
 color:#334155;
 background:rgba(255,255,255,.88);
 padding:5px 8px;
 border-radius:10px;
 "
 >
 اكتب للبحث داخل نقاط الخريطة
 </div>
</div>
<div id="mobileMapToolbar">
<button
 id="mobileSearchBtn"
 type="button"
 onclick="toggleMobileSheet('search')"
 >
 بحث
 </button>
<button
 id="mobileStatsBtn"
 type="button"
 onclick="toggleMobileSheet('stats')"
 >
 الملخص والتصدير
 </button>
</div>
<style>
 #mobileMapToolbar {
 display:none;
 }
 @media (max-width: 768px) {
 .desktop-stats-toggle {
 display:none !important;
 }
 .mobile-map-sheet {
 display:none !important;
 position:fixed !important;
 top:auto !important;
 right:10px !important;
 left:10px !important;
 bottom:72px !important;
 width:auto !important;
 max-height:68vh !important;
 overflow-y:auto !important;
 box-sizing:border-box !important;
 z-index:10900 !important;
 border-radius:20px !important;
 background:rgba(
 255,
 255,
 255,
 0.96
 ) !important;
 box-shadow:
 0 8px 30px
 rgba(
 0,
 0,
 0,
 0.28
 ) !important;
 padding:14px !important;
 }
 .mobile-map-sheet.mobile-open {
 display:block !important;
 }
 #searchBoxPanel input {
 width:100% !important;
 min-height:44px !important;
 font-size:16px !important;
 }
 #mobileMapToolbar {
 display:flex;
 position:fixed;
 right:10px;
 left:10px;
 bottom:10px;
 z-index:11000;
 gap:8px;
 padding:7px;
 direction:rtl;
 border-radius:16px;
 background:
 rgba(
 255,
 255,
 255,
 0.94
 );
 box-shadow:
 0 4px 18px
 rgba(
 0,
 0,
 0,
 0.24
 );
 font-family:
 Arial,
 sans-serif;
 }
 #mobileMapToolbar button {
 flex:1;
 min-height:46px;
 border:0;
 border-radius:12px;
 background:#f1f5f9;
 color:#1f2937;
 font-size:14px;
 font-weight:700;
 cursor:pointer;
 }
 #mobileMapToolbar button.active {
 background:#2563eb;
 color:#fff;
 }
 .map-footer {
 display:none !important;
 }
 .leaflet-control-zoom,
 .leaflet-control-locate {
 margin-bottom:82px !important;
 }
 .leaflet-popup-content {
 max-width:
 calc(
 100vw - 80px
 ) !important;
 }
 }
 </style>
<script>
 window.searchableMarkers = [];
 function setMobileButtonState(
 activeTarget
 ) {
 var searchBtn =
 document.getElementById(
 "mobileSearchBtn"
 );
 var statsBtn =
 document.getElementById(
 "mobileStatsBtn"
 );
 if (searchBtn)
 searchBtn.classList.toggle(
 "active",
 activeTarget === "search"
 );
 if (statsBtn)
 statsBtn.classList.toggle(
 "active",
 activeTarget === "stats"
 );
 }
 function closeMobileSheets() {
 var searchPanel =
 document.getElementById(
 "searchBoxPanel"
 );
 var statsPanel =
 document.querySelector(
 ".stats-panel"
 );
 if (searchPanel)
 searchPanel.classList.remove(
 "mobile-open"
 );
 if (statsPanel)
 statsPanel.classList.remove(
 "mobile-open"
 );
 setMobileButtonState("");
 }
 function toggleMobileSheet(
 target
 ) {
 var searchPanel =
 document.getElementById(
 "searchBoxPanel"
 );
 var statsPanel =
 document.querySelector(
 ".stats-panel"
 );
 var targetPanel =
 target === "search"
 ? searchPanel
 : statsPanel;
 var willOpen =
 targetPanel
 && !targetPanel.classList.contains(
 "mobile-open"
 );
 closeMobileSheets();
 if (willOpen) {
 targetPanel.classList.add(
 "mobile-open"
 );
 setMobileButtonState(
 target
 );
 if (
 target === "search"
 ) {
 setTimeout(
 function() {
 var input =
 document.getElementById(
 "mapSearchInput"
 );
 if (input)
 input.focus();
 },
 100
 );
 }
 }
 }
 setTimeout(
 function() {
 var input =
 document.getElementById(
 "mapSearchInput"
 );
 var count =
 document.getElementById(
 "searchCount"
 );
 if (!input)
 return;
 input.addEventListener(
 "input",
 function() {
 var q =
 input.value
 .trim()
 .toLowerCase();
 var found = 0;
 window.searchableMarkers.forEach(
 function(item) {
 var ok =
 !q
 || item.name
 .toLowerCase()
 .indexOf(q) >= 0;
 if (
 item.layer
 && item.map
 ) {
 if (ok) {
 if (
 !item.map.hasLayer(
 item.layer
 )
 )
 item.layer.addTo(
 item.map
 );
 found += 1;
 } else {
 if (
 item.map.hasLayer(
 item.layer
 )
 )
 item.map.removeLayer(
 item.layer
 );
 }
 }
 }
 );
 count.innerText =
 q
 ? (
 "نتائج البحث: "
 + found
 )
 : (
 "اكتب للبحث داخل نقاط الخريطة"
 );
 }
 );
 },
 1000
 );
 </script>
<script>
 setTimeout(
 function() {
 if (
 !window.searchableMarkers
 )
 window.searchableMarkers = [];
 window.searchableMarkers.push({
 name:
 "شركة شاينا اوشون انجنيرينق شانقهاي السعودية اوفشور المحدودة شركة شخص واحد",
 layer:
 marker_758c40e0e460a534f8cd6d55794f1aa1,
 map:
 map_761a7ba0a1e22b39556ff9239b01cef6
 });
 },
 800
 );
 </script>
<script>
 setTimeout(
 function() {
 if (
 !window.searchableMarkers
 )
 window.searchableMarkers = [];
 window.searchableMarkers.push({
 name:
 "شركة روابي للمقاولات المتخصصة",
 layer:
 marker_ee60878be260324b54a2b58a7a4b3e9f,
 map:
 map_761a7ba0a1e22b39556ff9239b01cef6
 });
 },
 800
 );
 </script>
<script>
 setTimeout(
 function() {
 if (
 !window.searchableMarkers
 )
 window.searchableMarkers = [];
 window.searchableMarkers.push({
 name:
 "شركة نوبل للحفريات العربية المحدودة",
 layer:
 marker_a862458b73278a21f23dc124ac86c739,
 map:
 map_761a7ba0a1e22b39556ff9239b01cef6
 });
 },
 800
 );
 </script>
<div class="map-footer" style="
 position: fixed;
 bottom: 8px;
 left: 8px;
 background: rgba(255,255,255,0.85);
 padding: 6px 10px;
 border-radius: 10px;
 font-size: 13px;
 direction: rtl;
 z-index: 9999;
 box-shadow: 0 1px 8px rgba(0,0,0,0.15);
 ">
 تصميم وإعداد <b>نوف الناصر</b>
 </div>
<div class="folium-map" id="map_761a7ba0a1e22b39556ff9239b01cef6" ></div>
</body>
<script>
var map_761a7ba0a1e22b39556ff9239b01cef6 = L.map(
 "map_761a7ba0a1e22b39556ff9239b01cef6",
 {
 center: [26.336429860507035, 50.209591526118835],
 crs: L.CRS.EPSG3857,
 ...{
 "zoom": 13,
 "zoomControl": true,
 "preferCanvas": false,
}
 }
 );
var tile_layer_4617104356d15476907d2febd985105f = L.tileLayer(
 "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
 {
 "minZoom": 0,
 "maxZoom": 19,
 "maxNativeZoom": 19,
 "noWrap": false,
 "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
 "subdomains": "abc",
 "detectRetina": false,
 "tms": false,
 "opacity": 1,
}
 );
tile_layer_4617104356d15476907d2febd985105f.addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var tile_layer_8c5b14fc5b5f26225e3790f17022a24e = L.tileLayer(
 "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
 {
 "minZoom": 0,
 "maxZoom": 19,
 "maxNativeZoom": 19,
 "noWrap": false,
 "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
 "subdomains": "abc",
 "detectRetina": false,
 "tms": false,
 "opacity": 1,
}
 );
tile_layer_8c5b14fc5b5f26225e3790f17022a24e.addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var tile_layer_8a53dbccb1e3ab98003b0704786eae13 = L.tileLayer(
 "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
 {
 "minZoom": 0,
 "maxZoom": 18,
 "maxNativeZoom": 18,
 "noWrap": false,
 "attribution": "\u0026copy; Esri",
 "subdomains": "abc",
 "detectRetina": false,
 "tms": false,
 "opacity": 1,
}
 );
tile_layer_8a53dbccb1e3ab98003b0704786eae13.addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var locate_control_b2fa56173f5773971952af437494510c = L.control.locate(
 {}
 ).addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var marker_758c40e0e460a534f8cd6d55794f1aa1 = L.marker(
 [26.3488353667611, 50.197549268842],
 {
}
 ).addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var div_icon_1b4953e12b8cf265bef8436f95193662 = L.divIcon({
 "html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#0E7490;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
 "className": "empty",
});
var popup_fd250b9e581c6a62155e1b6d766df9c6 = L.popup({
 "maxWidth": 340,
});
var html_ff88a122bd8ea67b008c9595830e503b = $(`<div id="html_ff88a122bd8ea67b008c9595830e503b" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة شاينا اوشون انجنيرينق شانقهاي السعودية اوفشور المحدودة شركة شخص واحد </b> <br> المنطقة: الخبر <br> الحارة: الراكة الجنوبية <br> السجل التجاري: 2051228504<br>الترميز: 4290<br>الرقم الموحد: 7016306610<br> <a href="https://www.google.com/maps?q=26.3488353667611,50.197549268842" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
 popup_fd250b9e581c6a62155e1b6d766df9c6.setContent(html_ff88a122bd8ea67b008c9595830e503b);
marker_758c40e0e460a534f8cd6d55794f1aa1.bindPopup(popup_fd250b9e581c6a62155e1b6d766df9c6)
 ;
marker_758c40e0e460a534f8cd6d55794f1aa1.setIcon(div_icon_1b4953e12b8cf265bef8436f95193662);
var marker_ee60878be260324b54a2b58a7a4b3e9f = L.marker(
 [26.350891113, 50.207885742],
 {
}
 ).addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var div_icon_9331a27c919ac159fc8389b040644466 = L.divIcon({
 "html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#0E7490;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
 "className": "empty",
});
var popup_1aa9aad082e30dffa516e5fcf52cf276 = L.popup({
 "maxWidth": 340,
});
var html_f2f20520471209a78c3ddf9c0aec6e7a = $(`<div id="html_f2f20520471209a78c3ddf9c0aec6e7a" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة روابي للمقاولات المتخصصة </b> <br> المنطقة: الخبر <br> الحارة: الراكة الجنوبية <br> السجل التجاري: 2051013824<br>الترميز: 4100<br>الرقم الموحد: 7001401616<br> <a href="https://www.google.com/maps?q=26.350891113,50.207885742" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
 popup_1aa9aad082e30dffa516e5fcf52cf276.setContent(html_f2f20520471209a78c3ddf9c0aec6e7a);
marker_ee60878be260324b54a2b58a7a4b3e9f.bindPopup(popup_1aa9aad082e30dffa516e5fcf52cf276)
 ;
marker_ee60878be260324b54a2b58a7a4b3e9f.setIcon(div_icon_9331a27c919ac159fc8389b040644466);
var marker_a862458b73278a21f23dc124ac86c739 = L.marker(
 [26.30956310176, 50.2233395675145],
 {
}
 ).addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
var div_icon_3e1b19acba332660016f70271b98e3c7 = L.divIcon({
 "html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#EA580C;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
 "className": "empty",
});
var popup_05f25cc269e25f813512f98f825983a1 = L.popup({
 "maxWidth": 340,
});
var html_bbb78bf4d1fc3b816c6f3fa87a50adde = $(`<div id="html_bbb78bf4d1fc3b816c6f3fa87a50adde" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة نوبل للحفريات العربية المحدودة </b> <br> المنطقة: الخبر <br> الحارة: اليرموك <br> السجل التجاري: 2051014009<br>الترميز: 910<br>الرقم الموحد: 7001352793<br> <a href="https://www.google.com/maps?q=26.30956310176,50.2233395675145" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
 popup_05f25cc269e25f813512f98f825983a1.setContent(html_bbb78bf4d1fc3b816c6f3fa87a50adde);
marker_a862458b73278a21f23dc124ac86c739.bindPopup(popup_05f25cc269e25f813512f98f825983a1)
 ;
marker_a862458b73278a21f23dc124ac86c739.setIcon(div_icon_3e1b19acba332660016f70271b98e3c7);
var layer_control_6fb8b922baa484bcfb15f1c42e7fd7fe_layers = {
 base_layers : {
 "openstreetmap" : tile_layer_8c5b14fc5b5f26225e3790f17022a24e,
 "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_8a53dbccb1e3ab98003b0704786eae13,
 },
 overlays : {
 },
 };
 let layer_control_6fb8b922baa484bcfb15f1c42e7fd7fe = L.control.layers(
 layer_control_6fb8b922baa484bcfb15f1c42e7fd7fe_layers.base_layers,
 layer_control_6fb8b922baa484bcfb15f1c42e7fd7fe_layers.overlays,
 {
 "position": "topright",
 "collapsed": true,
 "autoZIndex": true,
}
 ).addTo(map_761a7ba0a1e22b39556ff9239b01cef6);
</script>
</html>