| <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_18bf6eac275a3825dd7ac2d3bfeca833 { | |
| 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_15" onclick=" | |
| var panel = document.getElementById('stats_15'); | |
| var btn = document.getElementById('btn_stats_15'); | |
| 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_15" 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; | |
| ">وجدان مناور بن خلف العنزي - 23</div> | |
| <div style="font-size:15px;"> | |
| <div><b>عدد المواقع:</b> 2</div> | |
| <div><b>عدد الحارات:</b> 2</div> | |
| </div> | |
| <div style="margin-top:10px;"> | |
| <div style="font-weight:bold;">أكثر الحارات:</div> | |
| <div style="padding-right:8px;"><div>• العنود: 1</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_15_وجدان_مناور_بن_خلف_العنزي.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_15_وجدان_مناور_بن_خلف_العنزي.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-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:black; | |
| border:1px solid rgba(0,0,0,0.15); | |
| "></span> | |
| <span>العنود</span> | |
| </div> | |
| <span style="color:#555;">(1)</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:lightred; | |
| border:1px solid rgba(0,0,0,0.15); | |
| "></span> | |
| <span>الندى</span> | |
| </div> | |
| <span style="color:#555;">(1)</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 = []; | |
| 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_2696f73aabbc2619380802a4d7b5a0e3, | |
| map: map_18bf6eac275a3825dd7ac2d3bfeca833 | |
| }); | |
| }, 800); | |
| </script> | |
| <script> | |
| setTimeout(function() { | |
| if (!window.searchableMarkers) { | |
| window.searchableMarkers = []; | |
| } | |
| window.searchableMarkers.push({ | |
| name: "شركة صفوة الرواد للتعليم", | |
| marker: marker_c52906e77d4a037712525ca238b49121, | |
| map: map_18bf6eac275a3825dd7ac2d3bfeca833 | |
| }); | |
| }, 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_18bf6eac275a3825dd7ac2d3bfeca833" ></div> | |
| </body> | |
| <script> | |
| var map_18bf6eac275a3825dd7ac2d3bfeca833 = L.map( | |
| "map_18bf6eac275a3825dd7ac2d3bfeca833", | |
| { | |
| center: [26.409891375, 50.075821195], | |
| crs: L.CRS.EPSG3857, | |
| ...{ | |
| "zoom": 13, | |
| "zoomControl": true, | |
| "preferCanvas": false, | |
| } | |
| } | |
| ); | |
| var tile_layer_ef4b5f5029c492f150ed3dbb5be5fcbc = 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_ef4b5f5029c492f150ed3dbb5be5fcbc.addTo(map_18bf6eac275a3825dd7ac2d3bfeca833); | |
| var tile_layer_18a2524b8642de6a04cc02dd326fa74e = 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_18a2524b8642de6a04cc02dd326fa74e.addTo(map_18bf6eac275a3825dd7ac2d3bfeca833); | |
| var tile_layer_bfe11f2c2539c15181ba01578d5093cf = 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_bfe11f2c2539c15181ba01578d5093cf.addTo(map_18bf6eac275a3825dd7ac2d3bfeca833); | |
| var locate_control_4ededbf9d2e776068dbf40a713bfdee0 = L.control.locate( | |
| {} | |
| ).addTo(map_18bf6eac275a3825dd7ac2d3bfeca833); | |
| var marker_2696f73aabbc2619380802a4d7b5a0e3 = L.marker( | |
| [26.4497327, 50.0662438], | |
| { | |
| } | |
| ).addTo(map_18bf6eac275a3825dd7ac2d3bfeca833); | |
| var icon_8d8343c32c0901def3993be97fb1099d = L.AwesomeMarkers.icon( | |
| { | |
| "markerColor": "black", | |
| "iconColor": "white", | |
| "icon": "info-sign", | |
| "prefix": "glyphicon", | |
| "extraClasses": "fa-rotate-0", | |
| } | |
| ); | |
| var popup_75e45f617b642273f1bc0e06693c027e = L.popup({ | |
| "maxWidth": 320, | |
| }); | |
| var html_6719bfa62b439bfed1868d2e57ee92c6 = $(`<div id="html_6719bfa62b439bfed1868d2e57ee92c6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>الجمعية التعاونية الزراعية بالدمام</b><br> السجل التجاري: 9273<br> المنطقة: الدمام<br> الحارة: العنود<br> <b>اسم الباحث:</b> وجدان مناور بن خلف العنزي<br> <a href="https://www.google.com/maps?q=26.4497327,50.0662438" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; | |
| popup_75e45f617b642273f1bc0e06693c027e.setContent(html_6719bfa62b439bfed1868d2e57ee92c6); | |
| marker_2696f73aabbc2619380802a4d7b5a0e3.bindPopup(popup_75e45f617b642273f1bc0e06693c027e) | |
| ; | |
| marker_2696f73aabbc2619380802a4d7b5a0e3.setIcon(icon_8d8343c32c0901def3993be97fb1099d); | |
| var marker_c52906e77d4a037712525ca238b49121 = L.marker( | |
| [26.37005005, 50.08539859], | |
| { | |
| } | |
| ).addTo(map_18bf6eac275a3825dd7ac2d3bfeca833); | |
| var icon_0e67573a4032de88c9aa0ec07f58fe2b = L.AwesomeMarkers.icon( | |
| { | |
| "markerColor": "lightred", | |
| "iconColor": "white", | |
| "icon": "info-sign", | |
| "prefix": "glyphicon", | |
| "extraClasses": "fa-rotate-0", | |
| } | |
| ); | |
| var popup_bc0977213361b1d31dbc3ad1968bae5f = L.popup({ | |
| "maxWidth": 320, | |
| }); | |
| var html_2a2b3377d70d44c16cdcf7dc367fa6b0 = $(`<div id="html_2a2b3377d70d44c16cdcf7dc367fa6b0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>شركة صفوة الرواد للتعليم</b><br> السجل التجاري: 2050233382<br> المنطقة: الدمام<br> الحارة: الندى<br> <b>اسم الباحث:</b> وجدان مناور بن خلف العنزي<br> <a href="https://www.google.com/maps?q=26.37005005,50.08539859" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; | |
| popup_bc0977213361b1d31dbc3ad1968bae5f.setContent(html_2a2b3377d70d44c16cdcf7dc367fa6b0); | |
| marker_c52906e77d4a037712525ca238b49121.bindPopup(popup_bc0977213361b1d31dbc3ad1968bae5f) | |
| ; | |
| marker_c52906e77d4a037712525ca238b49121.setIcon(icon_0e67573a4032de88c9aa0ec07f58fe2b); | |
| </script> | |
| </html> |