| <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_9476746fbdda645392fbbff29a6123aa { | |
| 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 style=" | |
| position:fixed; | |
| top:10px; | |
| right:10px; | |
| z-index:10000; | |
| direction:rtl; | |
| font-family:Arial, sans-serif; | |
| "> | |
| <button id="btn_stats_35" onclick=" | |
| var panel = document.getElementById('stats_35'); | |
| var btn = document.getElementById('btn_stats_35'); | |
| 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_35" style=" | |
| display:block; | |
| position:fixed; | |
| top:10px; | |
| right:58px; | |
| width:320px; | |
| max-height:85vh; | |
| overflow-y:auto; | |
| background:rgba(255,255,255,0.86); | |
| backdrop-filter:blur(4px); | |
| -webkit-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; | |
| ">عمر ساير زايد الشهري - 48</div> | |
| <div style="font-size:15px;"> | |
| <div><b>عدد المواقع:</b> 2</div> | |
| <div><b>عدد الحارات:</b> 1</div> | |
| </div> | |
| <div style="margin-top:10px;"> | |
| <div style="font-weight:bold;">أكثر الحارات:</div> | |
| <div style="padding-right:8px;"><div>• الراكة الجنوبية: 2</div></div> | |
| </div> | |
| <div style=" | |
| margin-top:14px; | |
| padding-top:10px; | |
| border-top:1px solid rgba(0,0,0,0.08); | |
| "> | |
| <a href="report_35_عمر_ساير_زايد_الشهري.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_35_عمر_ساير_زايد_الشهري.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> | |
| <a href="no_coordinates_35_عمر_ساير_زايد_الشهري.pdf" target="_blank" style=" | |
| display:block; | |
| text-align:center; | |
| background:#dc2626; | |
| color:#fff; | |
| text-decoration:none; | |
| padding:10px 12px; | |
| border-radius:12px; | |
| font-weight:700; | |
| margin-bottom:14px; | |
| ">عينات بدون إحداثية PDF</a> | |
| <div style="font-weight:bold; margin-bottom:6px;">تلوين حسب الحارة</div> | |
| <div style="font-size:13px;"> | |
| <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:darkblue; | |
| border:1px solid rgba(0,0,0,0.15); | |
| "></span> | |
| <span>الراكة الجنوبية</span> | |
| </div> | |
| <span style="color:#555;">(2)</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div style=" | |
| position:fixed; | |
| top:10px; | |
| left:10px; | |
| z-index:10000; | |
| direction:rtl; | |
| font-family:Arial, sans-serif; | |
| "> | |
| <button id="searchToggleBtn" onclick="toggleSearchBox()" 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="searchBoxPanel" style=" | |
| position:fixed; | |
| top:55px; | |
| left:10px; | |
| z-index:10000; | |
| direction:rtl; | |
| font-family:Arial, sans-serif; | |
| background:rgba(255,255,255,0.92); | |
| padding:10px; | |
| border-radius:16px; | |
| box-shadow:0 2px 10px rgba(0,0,0,0.18); | |
| width:300px; | |
| "> | |
| <input id="mapSearchInput" type="text" placeholder="ابحث عن اسم المنشأة..." | |
| style=" | |
| width:100%; | |
| 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; | |
| line-height:1.7; | |
| "> | |
| اكتب للبحث داخل نقاط الخريطة | |
| </div> | |
| <button onclick="clearMapSearch()" style=" | |
| margin-top:8px; | |
| width:100%; | |
| padding:8px; | |
| border:none; | |
| border-radius:10px; | |
| background:#f3f4f6; | |
| cursor:pointer; | |
| font-weight:bold; | |
| "> | |
| مسح البحث | |
| </button> | |
| </div> | |
| <script> | |
| window.searchableMarkers = []; | |
| window.noCoordinateSamples = [{"name": "مؤسسة خليجنا للنسخ والتصوير"}, {"name": "استديو علي مبروك علي الراشدي للتصوير الفوتوغرافي"}]; | |
| function toggleSearchBox() { | |
| var panel = document.getElementById("searchBoxPanel"); | |
| var btn = document.getElementById("searchToggleBtn"); | |
| if (panel.style.display === "none") { | |
| panel.style.display = "block"; | |
| btn.innerText = "إخفاء البحث"; | |
| } else { | |
| panel.style.display = "none"; | |
| btn.innerText = "إظهار البحث"; | |
| } | |
| } | |
| function normalizeArabicText(text) { | |
| return (text || "") | |
| .toString() | |
| .toLowerCase() | |
| .replace(/[أإآا]/g, "ا") | |
| .replace(/ى/g, "ي") | |
| .replace(/ة/g, "ه") | |
| .replace(/ؤ/g, "و") | |
| .replace(/ئ/g, "ي") | |
| .replace(/ـ/g, "") | |
| .trim(); | |
| } | |
| function applyMapSearch() { | |
| var input = document.getElementById("mapSearchInput"); | |
| var countBox = document.getElementById("searchCount"); | |
| var query = normalizeArabicText(input.value); | |
| var shown = 0; | |
| var noCoordMatch = false; | |
| window.searchableMarkers.forEach(function(item) { | |
| var match = query === "" || normalizeArabicText(item.name).includes(query); | |
| if (match) { | |
| if (!item.map.hasLayer(item.marker)) { | |
| item.marker.addTo(item.map); | |
| } | |
| shown++; | |
| } else { | |
| if (item.map.hasLayer(item.marker)) { | |
| item.map.removeLayer(item.marker); | |
| } | |
| } | |
| }); | |
| if (query !== "") { | |
| window.noCoordinateSamples.forEach(function(item) { | |
| if (normalizeArabicText(item.name).includes(query)) { | |
| noCoordMatch = true; | |
| } | |
| }); | |
| } | |
| if (query === "") { | |
| countBox.style.color = "#334155"; | |
| countBox.innerText = "اكتب للبحث داخل نقاط الخريطة"; | |
| } else if (shown > 0) { | |
| countBox.style.color = "#334155"; | |
| countBox.innerText = "عدد النتائج على الخريطة: " + shown; | |
| } else if (noCoordMatch) { | |
| countBox.style.color = "#dc2626"; | |
| countBox.innerText = "العينة موجودة ضمن عينات الباحث، لكنها بدون إحداثية. كرماً الدخول عليها من الجهاز اللوحي."; | |
| } else { | |
| countBox.style.color = "#dc2626"; | |
| countBox.innerText = "لا توجد نتيجة مطابقة داخل نقاط الخريطة."; | |
| } | |
| } | |
| function clearMapSearch() { | |
| document.getElementById("mapSearchInput").value = ""; | |
| applyMapSearch(); | |
| } | |
| setTimeout(function() { | |
| var input = document.getElementById("mapSearchInput"); | |
| if (input) { | |
| input.addEventListener("keyup", applyMapSearch); | |
| input.addEventListener("change", applyMapSearch); | |
| } | |
| }, 800); | |
| </script> | |
| <script> | |
| setTimeout(function() { | |
| if (!window.searchableMarkers) { | |
| window.searchableMarkers = []; | |
| } | |
| window.searchableMarkers.push({ | |
| name: "شركة الافق الحديثة الدولية المحدودة", | |
| marker: marker_c6d5d7666d71b6715b5096cb224d3934, | |
| map: map_9476746fbdda645392fbbff29a6123aa | |
| }); | |
| }, 800); | |
| </script> | |
| <script> | |
| setTimeout(function() { | |
| if (!window.searchableMarkers) { | |
| window.searchableMarkers = []; | |
| } | |
| window.searchableMarkers.push({ | |
| name: "شركة الخدمات الصناعية التخصصية المحدودة", | |
| marker: marker_d27c1b93ec0a871cee9cd7f088afba3e, | |
| map: map_9476746fbdda645392fbbff29a6123aa | |
| }); | |
| }, 800); | |
| </script> | |
| <div 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_9476746fbdda645392fbbff29a6123aa" ></div> | |
| </body> | |
| <script> | |
| var map_9476746fbdda645392fbbff29a6123aa = L.map( | |
| "map_9476746fbdda645392fbbff29a6123aa", | |
| { | |
| center: [26.34408768080928, 50.200725207117095], | |
| crs: L.CRS.EPSG3857, | |
| ...{ | |
| "zoom": 13, | |
| "zoomControl": true, | |
| "preferCanvas": false, | |
| } | |
| } | |
| ); | |
| var tile_layer_ba6ddc4f48946f03a840e08782840740 = 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_ba6ddc4f48946f03a840e08782840740.addTo(map_9476746fbdda645392fbbff29a6123aa); | |
| var tile_layer_f71dee1b13dc6c5123a6292020775288 = 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_f71dee1b13dc6c5123a6292020775288.addTo(map_9476746fbdda645392fbbff29a6123aa); | |
| var tile_layer_4e3bc9733c7550d82dffe05aa932b14e = 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_4e3bc9733c7550d82dffe05aa932b14e.addTo(map_9476746fbdda645392fbbff29a6123aa); | |
| var locate_control_3ce8e68939f0544da1491950ba84d5de = L.control.locate( | |
| {} | |
| ).addTo(map_9476746fbdda645392fbbff29a6123aa); | |
| var marker_c6d5d7666d71b6715b5096cb224d3934 = L.marker( | |
| [26.34805457161856, 50.20273611423419], | |
| { | |
| } | |
| ).addTo(map_9476746fbdda645392fbbff29a6123aa); | |
| var icon_fb80281260fa2dd55e323e080eb8f194 = L.AwesomeMarkers.icon( | |
| { | |
| "markerColor": "darkblue", | |
| "iconColor": "white", | |
| "icon": "info-sign", | |
| "prefix": "glyphicon", | |
| "extraClasses": "fa-rotate-0", | |
| } | |
| ); | |
| var popup_6be61e10f064b20d81e307885234e2c7 = L.popup({ | |
| "maxWidth": 320, | |
| }); | |
| var html_76b7ba80bbe023ae0773b49421b3759f = $(`<div id="html_76b7ba80bbe023ae0773b49421b3759f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>شركة الافق الحديثة الدولية المحدودة</b><br> السجل التجاري: 2051254891<br> المنطقة: الخبر<br> الحارة: الراكة الجنوبية<br> <b>اسم الباحث:</b> عمر ساير زايد الشهري<br> <a href="https://www.google.com/maps?q=26.34805457161856,50.20273611423419" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; | |
| popup_6be61e10f064b20d81e307885234e2c7.setContent(html_76b7ba80bbe023ae0773b49421b3759f); | |
| marker_c6d5d7666d71b6715b5096cb224d3934.bindPopup(popup_6be61e10f064b20d81e307885234e2c7) | |
| ; | |
| marker_c6d5d7666d71b6715b5096cb224d3934.setIcon(icon_fb80281260fa2dd55e323e080eb8f194); | |
| var marker_d27c1b93ec0a871cee9cd7f088afba3e = L.marker( | |
| [26.34012079, 50.1987143], | |
| { | |
| } | |
| ).addTo(map_9476746fbdda645392fbbff29a6123aa); | |
| var icon_901d5dc206c6178870c85c020fc4d7a9 = L.AwesomeMarkers.icon( | |
| { | |
| "markerColor": "darkblue", | |
| "iconColor": "white", | |
| "icon": "info-sign", | |
| "prefix": "glyphicon", | |
| "extraClasses": "fa-rotate-0", | |
| } | |
| ); | |
| var popup_199ebcc552b63e45a629dd070531664e = L.popup({ | |
| "maxWidth": 320, | |
| }); | |
| var html_a539a4e95a4b4891af1ad6df98cfd1e0 = $(`<div id="html_a539a4e95a4b4891af1ad6df98cfd1e0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>شركة الخدمات الصناعية التخصصية المحدودة</b><br> السجل التجاري: 2054001257<br> المنطقة: الخبر<br> الحارة: الراكة الجنوبية<br> <b>اسم الباحث:</b> عمر ساير زايد الشهري<br> <a href="https://www.google.com/maps?q=26.34012079,50.1987143" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; | |
| popup_199ebcc552b63e45a629dd070531664e.setContent(html_a539a4e95a4b4891af1ad6df98cfd1e0); | |
| marker_d27c1b93ec0a871cee9cd7f088afba3e.bindPopup(popup_199ebcc552b63e45a629dd070531664e) | |
| ; | |
| marker_d27c1b93ec0a871cee9cd7f088afba3e.setIcon(icon_901d5dc206c6178870c85c020fc4d7a9); | |
| </script> | |
| </html> |