| <!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_2466bfc23dc753e50b40e279315bf393 { |
| 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_37" |
| |
| onclick=" |
| var panel = |
| document.getElementById( |
| 'stats_37' |
| ); |
| |
| var btn = |
| document.getElementById( |
| 'btn_stats_37' |
| ); |
| |
| 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_37" |
| 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> |
| 8 |
| </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>• القادسية: 1</div><div>• العنود: 1</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_37_بخيته_عادل_الدوسري.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_37_بخيته_عادل_الدوسري.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:#EA580C; |
| 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:#7C2D12; |
| 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:#16A34A; |
| 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:#BE123C; |
| 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:#1F2937; |
| 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:#16A34A; |
| 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_d825a720f02e31425274e457168b29e6, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "مؤسسة أرجاء النخبة للمقاولات العامة", |
| |
| layer: |
| marker_b689d0802759fd25fc1bc3000e32ebaf, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة مشوار المتحدة لتقديم الوجبات", |
| |
| layer: |
| marker_6a96bc9aef711555c7803531f0af9041, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة المشاريع المدنيه والكهربائية للمقاولات المحدودة سبكو", |
| |
| layer: |
| marker_d05a6984cf5a75f0c45b3445d4ec318c, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة عبدالهادي عبدالله القحطاني وأولاده", |
| |
| layer: |
| marker_3d57efa8909926170e0646f00c2f4979, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة ووي كير المتميزة الطبية", |
| |
| layer: |
| marker_fd1e2ae6d7f059debaa238940a248558, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة الغزاوي للتنمية المحدوده", |
| |
| layer: |
| marker_d96cbde70c6da717762ffd2a0575aa62, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة عبدالله باقر الخليفة وأولاده للتجارة والمقاولات", |
| |
| layer: |
| marker_e29ae7457bbc4576638a6f21d800c443, |
| |
| map: |
| map_2466bfc23dc753e50b40e279315bf393 |
| }); |
| |
| }, |
| 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_2466bfc23dc753e50b40e279315bf393" ></div> |
| |
| </body> |
| <script> |
| |
| |
| var map_2466bfc23dc753e50b40e279315bf393 = L.map( |
| "map_2466bfc23dc753e50b40e279315bf393", |
| { |
| center: [26.428195273935625, 50.08878525469251], |
| crs: L.CRS.EPSG3857, |
| ...{ |
| "zoom": 13, |
| "zoomControl": true, |
| "preferCanvas": false, |
| } |
| |
| } |
| ); |
| |
| |
| |
| |
| |
| var tile_layer_c529d273de1f3e6ca11aa96888f9676e = 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_c529d273de1f3e6ca11aa96888f9676e.addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var tile_layer_42cbf69814b145ebfaa54530ce905835 = 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_42cbf69814b145ebfaa54530ce905835.addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var tile_layer_fe69b83fb2840eb9061ee641fc149c55 = 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_fe69b83fb2840eb9061ee641fc149c55.addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var locate_control_5186384e4a8870541d44aa9e8c2f28c1 = L.control.locate( |
| {} |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| |
| var marker_d825a720f02e31425274e457168b29e6 = L.marker( |
| [26.4172237133672, 50.075777738676], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_c538c3d86fb37bbbc8369f163b01a0c8 = 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_b082a45a03d37952f2c7c2505e6fc105 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_7d41ed77a4646b18920b1885d31105e7 = $(`<div id="html_7d41ed77a4646b18920b1885d31105e7" 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> السجل التجاري: 2050049978<br>الترميز: 6120<br>الرقم الموحد: 7009743316<br> <a href="https://www.google.com/maps?q=26.4172237133672,50.075777738676" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_b082a45a03d37952f2c7c2505e6fc105.setContent(html_7d41ed77a4646b18920b1885d31105e7); |
| |
| |
| |
| marker_d825a720f02e31425274e457168b29e6.bindPopup(popup_b082a45a03d37952f2c7c2505e6fc105) |
| ; |
| |
| |
| |
| |
| marker_d825a720f02e31425274e457168b29e6.setIcon(div_icon_c538c3d86fb37bbbc8369f163b01a0c8); |
| |
| |
| var marker_b689d0802759fd25fc1bc3000e32ebaf = L.marker( |
| [26.4439932648449, 50.0681200996041], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_cd54b27d258aabd5cf0b1530f538d8f4 = 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:#7C2D12;\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_b06a7f6cc13d2c3787e3a403c1537d2e = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_83d009e9a84fc33d8da08ea17b7d79da = $(`<div id="html_83d009e9a84fc33d8da08ea17b7d79da" 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> السجل التجاري: 2050134606<br>الترميز: 4210<br>الرقم الموحد: 7017237756<br> <a href="https://www.google.com/maps?q=26.4439932648449,50.0681200996041" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_b06a7f6cc13d2c3787e3a403c1537d2e.setContent(html_83d009e9a84fc33d8da08ea17b7d79da); |
| |
| |
| |
| marker_b689d0802759fd25fc1bc3000e32ebaf.bindPopup(popup_b06a7f6cc13d2c3787e3a403c1537d2e) |
| ; |
| |
| |
| |
| |
| marker_b689d0802759fd25fc1bc3000e32ebaf.setIcon(div_icon_cd54b27d258aabd5cf0b1530f538d8f4); |
| |
| |
| var marker_6a96bc9aef711555c7803531f0af9041 = L.marker( |
| [26.392883301, 50.091308594], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_c7efa5b9e4ab65dcac85e0d134d96fdb = 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:#16A34A;\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_d71170a53e3c1bb3cc9859cea9036c49 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_6d297b67a188e42e2d9e050dd54546dd = $(`<div id="html_6d297b67a188e42e2d9e050dd54546dd" 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> السجل التجاري: 2051225076<br>الترميز: 5610<br>الرقم الموحد: 7006878685<br> <a href="https://www.google.com/maps?q=26.392883301,50.091308594" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_d71170a53e3c1bb3cc9859cea9036c49.setContent(html_6d297b67a188e42e2d9e050dd54546dd); |
| |
| |
| |
| marker_6a96bc9aef711555c7803531f0af9041.bindPopup(popup_d71170a53e3c1bb3cc9859cea9036c49) |
| ; |
| |
| |
| |
| |
| marker_6a96bc9aef711555c7803531f0af9041.setIcon(div_icon_c7efa5b9e4ab65dcac85e0d134d96fdb); |
| |
| |
| var marker_d05a6984cf5a75f0c45b3445d4ec318c = L.marker( |
| [26.4497762734907, 50.0871901540234], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_dfa8894d4355ef0c5eeb33cf0c2f59b6 = 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:#BE123C;\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_55498443594fbe6753493982d9ef57bc = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_76b785fe3ef891e88c0066ffedf1a7d2 = $(`<div id="html_76b785fe3ef891e88c0066ffedf1a7d2" 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> السجل التجاري: 4030017054<br>الترميز: 4220<br>الرقم الموحد: 7000905005<br> <a href="https://www.google.com/maps?q=26.4497762734907,50.0871901540234" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_55498443594fbe6753493982d9ef57bc.setContent(html_76b785fe3ef891e88c0066ffedf1a7d2); |
| |
| |
| |
| marker_d05a6984cf5a75f0c45b3445d4ec318c.bindPopup(popup_55498443594fbe6753493982d9ef57bc) |
| ; |
| |
| |
| |
| |
| marker_d05a6984cf5a75f0c45b3445d4ec318c.setIcon(div_icon_dfa8894d4355ef0c5eeb33cf0c2f59b6); |
| |
| |
| var marker_3d57efa8909926170e0646f00c2f4979 = L.marker( |
| [26.442511788, 50.0962798590001], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_b4f4c92a2d4c6378196daa000e6080f7 = 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_5eaee62b75da13635c3e5f3b8183974d = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_0577b0d79cb57c9e79a95110478668c2 = $(`<div id="html_0577b0d79cb57c9e79a95110478668c2" 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> السجل التجاري: 2050001455<br>الترميز: 4100<br>الرقم الموحد: 7018054978<br> <a href="https://www.google.com/maps?q=26.442511788,50.0962798590001" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_5eaee62b75da13635c3e5f3b8183974d.setContent(html_0577b0d79cb57c9e79a95110478668c2); |
| |
| |
| |
| marker_3d57efa8909926170e0646f00c2f4979.bindPopup(popup_5eaee62b75da13635c3e5f3b8183974d) |
| ; |
| |
| |
| |
| |
| marker_3d57efa8909926170e0646f00c2f4979.setIcon(div_icon_b4f4c92a2d4c6378196daa000e6080f7); |
| |
| |
| var marker_fd1e2ae6d7f059debaa238940a248558 = L.marker( |
| [26.4242191444759, 50.0874359440058], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_7b405b72502889aaa6580a79423912ce = 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_21a56c3e354f86025ff77151c2a5f454 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_eb658da091a3ede0054cb095e11052c0 = $(`<div id="html_eb658da091a3ede0054cb095e11052c0" 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> السجل التجاري: 5855349608<br>الترميز: 8610<br>الرقم الموحد: 7008524360<br> نوع العينة: <b>المسح الأساسي + متقاطعة مع ثقة الاعمال</b><br> <a href="https://www.google.com/maps?q=26.4242191444759,50.0874359440058" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_21a56c3e354f86025ff77151c2a5f454.setContent(html_eb658da091a3ede0054cb095e11052c0); |
| |
| |
| |
| marker_fd1e2ae6d7f059debaa238940a248558.bindPopup(popup_21a56c3e354f86025ff77151c2a5f454) |
| ; |
| |
| |
| |
| |
| marker_fd1e2ae6d7f059debaa238940a248558.setIcon(div_icon_7b405b72502889aaa6580a79423912ce); |
| |
| |
| var marker_d96cbde70c6da717762ffd2a0575aa62 = L.marker( |
| [26.4258630194782, 50.0993099906451], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_8e1f41c87142e843d8a1217110e4319d = 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:#1F2937;\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_5f72721fcad85243e80eb58a147f2ea5 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_eacbc39369902334a51ea5a07ec14cb7 = $(`<div id="html_eacbc39369902334a51ea5a07ec14cb7" 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> السجل التجاري: 2050004221<br>الترميز: 4100<br>الرقم الموحد: 7000150784<br> <a href="https://www.google.com/maps?q=26.4258630194782,50.0993099906451" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_5f72721fcad85243e80eb58a147f2ea5.setContent(html_eacbc39369902334a51ea5a07ec14cb7); |
| |
| |
| |
| marker_d96cbde70c6da717762ffd2a0575aa62.bindPopup(popup_5f72721fcad85243e80eb58a147f2ea5) |
| ; |
| |
| |
| |
| |
| marker_d96cbde70c6da717762ffd2a0575aa62.setIcon(div_icon_8e1f41c87142e843d8a1217110e4319d); |
| |
| |
| var marker_e29ae7457bbc4576638a6f21d800c443 = L.marker( |
| [26.4290916868281, 50.1048596575856], |
| { |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| var div_icon_c824743b037da8ba50707f2e87339e0c = 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:#16A34A;\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_bdda28b87ea3baa702ff49dc845a244b = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_964d0ba4f120ce1e2612219ae2b2005a = $(`<div id="html_964d0ba4f120ce1e2612219ae2b2005a" 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> السجل التجاري: 2050003770<br>الترميز: 4390<br>الرقم الموحد: 7000063607<br> <a href="https://www.google.com/maps?q=26.4290916868281,50.1048596575856" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_bdda28b87ea3baa702ff49dc845a244b.setContent(html_964d0ba4f120ce1e2612219ae2b2005a); |
| |
| |
| |
| marker_e29ae7457bbc4576638a6f21d800c443.bindPopup(popup_bdda28b87ea3baa702ff49dc845a244b) |
| ; |
| |
| |
| |
| |
| marker_e29ae7457bbc4576638a6f21d800c443.setIcon(div_icon_c824743b037da8ba50707f2e87339e0c); |
| |
| |
| var layer_control_58c51675d44f776c750ccab3504824f8_layers = { |
| base_layers : { |
| "openstreetmap" : tile_layer_42cbf69814b145ebfaa54530ce905835, |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_fe69b83fb2840eb9061ee641fc149c55, |
| }, |
| overlays : { |
| }, |
| }; |
| let layer_control_58c51675d44f776c750ccab3504824f8 = L.control.layers( |
| layer_control_58c51675d44f776c750ccab3504824f8_layers.base_layers, |
| layer_control_58c51675d44f776c750ccab3504824f8_layers.overlays, |
| { |
| "position": "topright", |
| "collapsed": true, |
| "autoZIndex": true, |
| } |
| ).addTo(map_2466bfc23dc753e50b40e279315bf393); |
| |
| |
| </script> |
| </html> |