| <!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_1b43464cdc07d75be8fa9d8d94501e3c { |
| 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_36" |
| |
| onclick=" |
| var panel = |
| document.getElementById( |
| 'stats_36' |
| ); |
| |
| var btn = |
| document.getElementById( |
| 'btn_stats_36' |
| ); |
| |
| 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_36" |
| 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> |
| 8 |
| </div> |
|
|
| <div> |
| <b>عدد الحارات:</b> |
| 6 |
| </div> |
|
|
| |
| <div> |
| <b>عينات المسوح الإضافية:</b> |
| <span style=" |
| color:#b91c1c; |
| font-weight:700; |
| "> |
| 1 |
| </span> |
| </div> |
| |
|
|
| </div> |
|
|
|
|
| |
|
|
|
|
| <div style="margin-top:10px;"> |
|
|
| <div style="font-weight:bold;"> |
| أكثر الحارات: |
| </div> |
|
|
| <div style="padding-right:8px;"> |
| <div>• الفيصلية: 2</div><div>• غرناطة: 2</div><div>• الواحة: 1</div><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_36_زهراء_عايش_الصاهود.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_36_زهراء_عايش_الصاهود.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:#9333EA; |
| 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:#C026D3; |
| 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:#DC2626; |
| 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:#0E7490; |
| 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:#C026D3; |
| 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:#4D7C0F; |
| border:1px solid rgba(0,0,0,0.15); |
| "></span> |
|
|
| <span> |
| العمامرة |
| </span> |
|
|
| </div> |
|
|
| <span style="color:#555;"> |
| (1) |
| </span> |
|
|
| </div> |
| |
| <div style=" |
| font-weight:700; |
| margin:12px 0 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:#2563EB; |
| 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_6a27ef6559c33b8e6ca6e072ed355e8f, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة المجدوعي ودي رايكه المحدودة", |
| |
| layer: |
| marker_97c46d9fe9f584ae4989ad883726d296, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة المشارق للتجارة والمقاولات", |
| |
| layer: |
| marker_5a6442bc5f636afe481cfb513382182e, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة سراكو", |
| |
| layer: |
| marker_664507770176fe3802bef5ff926ff259, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة السعوديه لصناعة الصمامات المحدوده", |
| |
| layer: |
| marker_8fadd968181f2b3827cedba7aaf6da3e, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة الحصان للمقاولات", |
| |
| layer: |
| marker_50204d648c7c6d8ab93363fc24b2617a, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة المناوله للشحن", |
| |
| layer: |
| marker_e3841542f670f8658ce6bfc699516a22, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة مصنع ربوع الجزيره للاثاث المعدني", |
| |
| layer: |
| marker_f6debbed4681707f48e88dcabcf7ffe8, |
| |
| map: |
| map_1b43464cdc07d75be8fa9d8d94501e3c |
| }); |
| |
| }, |
| 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_1b43464cdc07d75be8fa9d8d94501e3c" ></div> |
| |
| </body> |
| <script> |
| |
| |
| var map_1b43464cdc07d75be8fa9d8d94501e3c = L.map( |
| "map_1b43464cdc07d75be8fa9d8d94501e3c", |
| { |
| center: [26.415362560158137, 50.08618015433512], |
| crs: L.CRS.EPSG3857, |
| ...{ |
| "zoom": 13, |
| "zoomControl": true, |
| "preferCanvas": false, |
| } |
| |
| } |
| ); |
| |
| |
| |
| |
| |
| var tile_layer_b3bf3ff8293a6cb3217485841bf61aef = 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_b3bf3ff8293a6cb3217485841bf61aef.addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var tile_layer_661783f272e6ba57621f2967b40ec5fb = 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_661783f272e6ba57621f2967b40ec5fb.addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var tile_layer_03fc26958a77824ff180f03056ab5e8f = 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_03fc26958a77824ff180f03056ab5e8f.addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var locate_control_545edb1d4acd02a681077f1eeba03743 = L.control.locate( |
| {} |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| |
| var marker_6a27ef6559c33b8e6ca6e072ed355e8f = L.marker( |
| [26.40080543, 50.05166428], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_6a7c2eb4831cb636b92929ad99fc7914 = 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:#C026D3;\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_0e4a1697c410cdd1f4ac8a5e2090f673 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_01499f2b584dc51e2907b02ae7e397d5 = $(`<div id="html_01499f2b584dc51e2907b02ae7e397d5" 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> السجل التجاري: 2050109192<br>الترميز: 2920<br>الرقم الموحد: 7003013278<br> <a href="https://www.google.com/maps?q=26.40080543,50.05166428" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_0e4a1697c410cdd1f4ac8a5e2090f673.setContent(html_01499f2b584dc51e2907b02ae7e397d5); |
| |
| |
| |
| marker_6a27ef6559c33b8e6ca6e072ed355e8f.bindPopup(popup_0e4a1697c410cdd1f4ac8a5e2090f673) |
| ; |
| |
| |
| |
| |
| marker_6a27ef6559c33b8e6ca6e072ed355e8f.setIcon(div_icon_6a7c2eb4831cb636b92929ad99fc7914); |
| |
| |
| var marker_97c46d9fe9f584ae4989ad883726d296 = L.marker( |
| [26.4009225222363, 50.0517887994647], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_6e835531196882847c752d5e89745f56 = 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:#2563EB;\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_41edf89a1efd397b962757e6e8241857 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_c2730b522781e96ca5238f77d9fde948 = $(`<div id="html_c2730b522781e96ca5238f77d9fde948" 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> السجل التجاري: 2050056981<br>الترميز: 5210<br>الرقم الموحد: 7001535124<br> نوع العينة: <b>المسح الأساسي + متقاطعة مع ثقة الاعمال</b><br> <a href="https://www.google.com/maps?q=26.4009225222363,50.0517887994647" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_41edf89a1efd397b962757e6e8241857.setContent(html_c2730b522781e96ca5238f77d9fde948); |
| |
| |
| |
| marker_97c46d9fe9f584ae4989ad883726d296.bindPopup(popup_41edf89a1efd397b962757e6e8241857) |
| ; |
| |
| |
| |
| |
| marker_97c46d9fe9f584ae4989ad883726d296.setIcon(div_icon_6e835531196882847c752d5e89745f56); |
| |
| |
| var marker_5a6442bc5f636afe481cfb513382182e = L.marker( |
| [26.42891988, 50.07566059], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_78da48f64b4926ea04ca3fb37d7c34ed = 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:#9333EA;\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_613ab2fa08e46e2783f9480e10d8636d = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_a5ff313766a838d9faf8f48b5fa37a49 = $(`<div id="html_a5ff313766a838d9faf8f48b5fa37a49" 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> السجل التجاري: 2050011871<br>الترميز: 4100<br>الرقم الموحد: 7000052386<br> <a href="https://www.google.com/maps?q=26.42891988,50.07566059" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_613ab2fa08e46e2783f9480e10d8636d.setContent(html_a5ff313766a838d9faf8f48b5fa37a49); |
| |
| |
| |
| marker_5a6442bc5f636afe481cfb513382182e.bindPopup(popup_613ab2fa08e46e2783f9480e10d8636d) |
| ; |
| |
| |
| |
| |
| marker_5a6442bc5f636afe481cfb513382182e.setIcon(div_icon_78da48f64b4926ea04ca3fb37d7c34ed); |
| |
| |
| var marker_664507770176fe3802bef5ff926ff259 = L.marker( |
| [26.4218386057895, 50.0872391369193], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_05356ec978a803bda3d837748b2dd8c2 = 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:#9333EA;\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_d7b75a15aa7b50f85804c27aae3916ce = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_c8e27d71ec63c6092b37cdc4cf694d38 = $(`<div id="html_c8e27d71ec63c6092b37cdc4cf694d38" 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> السجل التجاري: 2050007518<br>الترميز: 4210<br>الرقم الموحد: 7001697601<br> <a href="https://www.google.com/maps?q=26.4218386057895,50.0872391369193" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_d7b75a15aa7b50f85804c27aae3916ce.setContent(html_c8e27d71ec63c6092b37cdc4cf694d38); |
| |
| |
| |
| marker_664507770176fe3802bef5ff926ff259.bindPopup(popup_d7b75a15aa7b50f85804c27aae3916ce) |
| ; |
| |
| |
| |
| |
| marker_664507770176fe3802bef5ff926ff259.setIcon(div_icon_05356ec978a803bda3d837748b2dd8c2); |
| |
| |
| var marker_8fadd968181f2b3827cedba7aaf6da3e = L.marker( |
| [26.3799430754619, 50.0883180539554], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_3ad55b774d50c15483165ce5e973e59a = 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:#DC2626;\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_33af76eddfa4670e8ef0e4c4a2d25eb0 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_9f3909e90778084d09c715dec64320ee = $(`<div id="html_9f3909e90778084d09c715dec64320ee" 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> السجل التجاري: 4030042954<br>الترميز: 2813<br>الرقم الموحد: 7000819693<br> <a href="https://www.google.com/maps?q=26.3799430754619,50.0883180539554" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_33af76eddfa4670e8ef0e4c4a2d25eb0.setContent(html_9f3909e90778084d09c715dec64320ee); |
| |
| |
| |
| marker_8fadd968181f2b3827cedba7aaf6da3e.bindPopup(popup_33af76eddfa4670e8ef0e4c4a2d25eb0) |
| ; |
| |
| |
| |
| |
| marker_8fadd968181f2b3827cedba7aaf6da3e.setIcon(div_icon_3ad55b774d50c15483165ce5e973e59a); |
| |
| |
| var marker_50204d648c7c6d8ab93363fc24b2617a = L.marker( |
| [26.4094302629783, 50.1091942331795], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_548fa102f6fbd099ad8c6289083f3edc = 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_48f4d60511f8b357291d83538e03c74c = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_adee3db7ef447d17610164d83c08ec5f = $(`<div id="html_adee3db7ef447d17610164d83c08ec5f" 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> السجل التجاري: 2050004344<br>الترميز: 4100<br>الرقم الموحد: 7011727026<br> <a href="https://www.google.com/maps?q=26.4094302629783,50.1091942331795" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_48f4d60511f8b357291d83538e03c74c.setContent(html_adee3db7ef447d17610164d83c08ec5f); |
| |
| |
| |
| marker_50204d648c7c6d8ab93363fc24b2617a.bindPopup(popup_48f4d60511f8b357291d83538e03c74c) |
| ; |
| |
| |
| |
| |
| marker_50204d648c7c6d8ab93363fc24b2617a.setIcon(div_icon_548fa102f6fbd099ad8c6289083f3edc); |
| |
| |
| var marker_e3841542f670f8658ce6bfc699516a22 = L.marker( |
| [26.4387317781915, 50.1118561413719], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_d9fa1f84c4a2e3e9d322453bbad4b0c1 = 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:#C026D3;\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_cb9a529d20d4170a309fe6c2bc1a6a07 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_c97108fecf6caee88250552a983fe320 = $(`<div id="html_c97108fecf6caee88250552a983fe320" 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> السجل التجاري: 2050032335<br>الترميز: 5012<br>الرقم الموحد: 7001385009<br> <a href="https://www.google.com/maps?q=26.4387317781915,50.1118561413719" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_cb9a529d20d4170a309fe6c2bc1a6a07.setContent(html_c97108fecf6caee88250552a983fe320); |
| |
| |
| |
| marker_e3841542f670f8658ce6bfc699516a22.bindPopup(popup_cb9a529d20d4170a309fe6c2bc1a6a07) |
| ; |
| |
| |
| |
| |
| marker_e3841542f670f8658ce6bfc699516a22.setIcon(div_icon_d9fa1f84c4a2e3e9d322453bbad4b0c1); |
| |
| |
| var marker_f6debbed4681707f48e88dcabcf7ffe8 = L.marker( |
| [26.4423089266076, 50.1137199997901], |
| { |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| var div_icon_53dd911f7b7af01c7ecb114af76b1786 = 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:#4D7C0F;\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_7da3b2376310c73eff19f24873d15453 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_29936c72e7540f313fccbc6f2671c71c = $(`<div id="html_29936c72e7540f313fccbc6f2671c71c" 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> السجل التجاري: 1010168668<br>الترميز: 3100<br>الرقم الموحد: 7001424766<br> <a href="https://www.google.com/maps?q=26.4423089266076,50.1137199997901" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_7da3b2376310c73eff19f24873d15453.setContent(html_29936c72e7540f313fccbc6f2671c71c); |
| |
| |
| |
| marker_f6debbed4681707f48e88dcabcf7ffe8.bindPopup(popup_7da3b2376310c73eff19f24873d15453) |
| ; |
| |
| |
| |
| |
| marker_f6debbed4681707f48e88dcabcf7ffe8.setIcon(div_icon_53dd911f7b7af01c7ecb114af76b1786); |
| |
| |
| var layer_control_1e02f33b35f2eeab63c98576c0164425_layers = { |
| base_layers : { |
| "openstreetmap" : tile_layer_661783f272e6ba57621f2967b40ec5fb, |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_03fc26958a77824ff180f03056ab5e8f, |
| }, |
| overlays : { |
| }, |
| }; |
| let layer_control_1e02f33b35f2eeab63c98576c0164425 = L.control.layers( |
| layer_control_1e02f33b35f2eeab63c98576c0164425_layers.base_layers, |
| layer_control_1e02f33b35f2eeab63c98576c0164425_layers.overlays, |
| { |
| "position": "topright", |
| "collapsed": true, |
| "autoZIndex": true, |
| } |
| ).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c); |
| |
| |
| </script> |
| </html> |