| <!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_6600d7db488d3f8468bc207a4d031998 { |
| 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_44" |
| |
| onclick=" |
| var panel = |
| document.getElementById( |
| 'stats_44' |
| ); |
| |
| var btn = |
| document.getElementById( |
| 'btn_stats_44' |
| ); |
| |
| 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_44" |
| 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> |
| 7 |
| </div> |
|
|
| <div> |
| <b>عدد الحارات:</b> |
| 4 |
| </div> |
|
|
| |
|
|
| </div> |
|
|
|
|
| |
|
|
|
|
| <div style="margin-top:10px;"> |
|
|
| <div style="font-weight:bold;"> |
| أكثر الحارات: |
| </div> |
|
|
| <div style="padding-right:8px;"> |
| <div>• الخبرالشمالية: 3</div><div>• الثقبة: 2</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_44_شريفة_إبراهيم_العقيل.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_44_شريفة_إبراهيم_العقيل.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:#A16207; |
| border:1px solid rgba(0,0,0,0.15); |
| "></span> |
|
|
| <span> |
| الخبرالشمالية |
| </span> |
|
|
| </div> |
|
|
| <span style="color:#555;"> |
| (3) |
| </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:#0369A1; |
| border:1px solid rgba(0,0,0,0.15); |
| "></span> |
|
|
| <span> |
| الثقبة |
| </span> |
|
|
| </div> |
|
|
| <span style="color:#555;"> |
| (2) |
| </span> |
|
|
| </div> |
| |
| <div style=" |
| display:flex; |
| align-items:center; |
| justify-content:space-between; |
| gap:8px; |
| margin-bottom:4px; |
| "> |
|
|
| <div style=" |
| display:flex; |
| align-items:center; |
| gap:8px; |
| "> |
|
|
| <span style=" |
| width:12px; |
| height:12px; |
| border-radius:50%; |
| display:inline-block; |
| background:#EA580C; |
| border:1px solid rgba(0,0,0,0.15); |
| "></span> |
|
|
| <span> |
| الروابي |
| </span> |
|
|
| </div> |
|
|
| <span style="color:#555;"> |
| (1) |
| </span> |
|
|
| </div> |
| |
| <div 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> |
|
|
| </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_9079e61d9636b719dfd46ce03bada5b1, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "فرع شركة المساندة لخدمات الاسناد ومراكز الاتصال المساهمة الخاصة المحدودة", |
| |
| layer: |
| marker_bc73af90f9d0877cd3995952a6194973, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة بانيت للتشغيل والصيانة شركة شخص واحد", |
| |
| layer: |
| marker_e34b3f9f8b14083ef9b7aa2c49d25613, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "مؤسسة الأعمال الثقيلة للصيانة", |
| |
| layer: |
| marker_f5fc1ec21b13fed3df7f8dfb4ed48d85, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة تقدم العالمية للاتصالات وتقنية المعلومات مساهمة مدرجة", |
| |
| layer: |
| marker_bf0f5d6ca078d6b3925ea267cbaeb253, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة مسماك للإنشاء والتطوير شركة الشخص الواحد", |
| |
| layer: |
| marker_a3d0318476b1d2a9644c7347e6b38381, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 800 |
| ); |
| |
| </script> |
| |
| |
| <script> |
| |
| setTimeout( |
| function() { |
| |
| if ( |
| !window.searchableMarkers |
| ) |
| window.searchableMarkers = []; |
| |
| |
| window.searchableMarkers.push({ |
| |
| name: |
| "شركة اتحاد شركات المقاولات السعودية مساهمه مقفله", |
| |
| layer: |
| marker_79a3ebb890a24cc98daf2aa4ea2ddc35, |
| |
| map: |
| map_6600d7db488d3f8468bc207a4d031998 |
| }); |
| |
| }, |
| 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_6600d7db488d3f8468bc207a4d031998" ></div> |
| |
| </body> |
| <script> |
| |
| |
| var map_6600d7db488d3f8468bc207a4d031998 = L.map( |
| "map_6600d7db488d3f8468bc207a4d031998", |
| { |
| center: [26.294507269962427, 50.206151103926615], |
| crs: L.CRS.EPSG3857, |
| ...{ |
| "zoom": 13, |
| "zoomControl": true, |
| "preferCanvas": false, |
| } |
| |
| } |
| ); |
| |
| |
| |
| |
| |
| var tile_layer_c4444e3d08eccb0345f734883243b33c = 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_c4444e3d08eccb0345f734883243b33c.addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var tile_layer_8b32a113a370042150d733cfec91af0e = 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_8b32a113a370042150d733cfec91af0e.addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var tile_layer_8c5a47dadbb7159824da0d3cf08d82bd = 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_8c5a47dadbb7159824da0d3cf08d82bd.addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var locate_control_99228d535ac6cb88f712feeadf528183 = L.control.locate( |
| {} |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| |
| var marker_9079e61d9636b719dfd46ce03bada5b1 = L.marker( |
| [26.2714072883974, 50.2011572938657], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_d1f450f3fa83547de401c1aa11bd40d7 = 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:#0369A1;\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_055c0e53eda78c91bb1d3c51a14ae03e = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_03de0cf2b5277f6382f4c2a4a7488281 = $(`<div id="html_03de0cf2b5277f6382f4c2a4a7488281" 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> السجل التجاري: 2050034525<br>الترميز: 4329<br>الرقم الموحد: 7013053827<br> <a href="https://www.google.com/maps?q=26.2714072883974,50.2011572938657" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_055c0e53eda78c91bb1d3c51a14ae03e.setContent(html_03de0cf2b5277f6382f4c2a4a7488281); |
| |
| |
| |
| marker_9079e61d9636b719dfd46ce03bada5b1.bindPopup(popup_055c0e53eda78c91bb1d3c51a14ae03e) |
| ; |
| |
| |
| |
| |
| marker_9079e61d9636b719dfd46ce03bada5b1.setIcon(div_icon_d1f450f3fa83547de401c1aa11bd40d7); |
| |
| |
| var marker_bc73af90f9d0877cd3995952a6194973 = L.marker( |
| [26.2853311470001, 50.1906341370001], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_3abd6019075d3eff5dfbfb90b7b6b8bd = 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:#0369A1;\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_2e6293cd5ea5c1103b3662665d141be4 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_53605d71b3331ce3b8238c7075e2e92c = $(`<div id="html_53605d71b3331ce3b8238c7075e2e92c" 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> السجل التجاري: 2051059953<br>الترميز: 6201<br>الرقم الموحد: 7001716385<br> <a href="https://www.google.com/maps?q=26.2853311470001,50.1906341370001" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_2e6293cd5ea5c1103b3662665d141be4.setContent(html_53605d71b3331ce3b8238c7075e2e92c); |
| |
| |
| |
| marker_bc73af90f9d0877cd3995952a6194973.bindPopup(popup_2e6293cd5ea5c1103b3662665d141be4) |
| ; |
| |
| |
| |
| |
| marker_bc73af90f9d0877cd3995952a6194973.setIcon(div_icon_3abd6019075d3eff5dfbfb90b7b6b8bd); |
| |
| |
| var marker_e34b3f9f8b14083ef9b7aa2c49d25613 = L.marker( |
| [26.3345239980001, 50.203819663], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_ee70fab249200eeccdfd57ff115eeaf9 = 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_8538609c3239d64c0c0c89eeb3cc09a7 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_5c2da31cd786b33d086986bc2b66fc63 = $(`<div id="html_5c2da31cd786b33d086986bc2b66fc63" 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> السجل التجاري: 2051047783<br>الترميز: 8121<br>الرقم الموحد: 7001720544<br> <a href="https://www.google.com/maps?q=26.3345239980001,50.203819663" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_8538609c3239d64c0c0c89eeb3cc09a7.setContent(html_5c2da31cd786b33d086986bc2b66fc63); |
| |
| |
| |
| marker_e34b3f9f8b14083ef9b7aa2c49d25613.bindPopup(popup_8538609c3239d64c0c0c89eeb3cc09a7) |
| ; |
| |
| |
| |
| |
| marker_e34b3f9f8b14083ef9b7aa2c49d25613.setIcon(div_icon_ee70fab249200eeccdfd57ff115eeaf9); |
| |
| |
| var marker_f5fc1ec21b13fed3df7f8dfb4ed48d85 = L.marker( |
| [26.2822288, 50.21219041], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_3ba94f91de95ab5cee3a8c462930ee51 = 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:#A16207;\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_c6c55aed4456a57b53be180dbec88dfe = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_1b35e31e903782398fd46233a03c9b64 = $(`<div id="html_1b35e31e903782398fd46233a03c9b64" 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> السجل التجاري: 2051034413<br>الترميز: 3811<br>الرقم الموحد: 7013319517<br> <a href="https://www.google.com/maps?q=26.2822288,50.21219041" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_c6c55aed4456a57b53be180dbec88dfe.setContent(html_1b35e31e903782398fd46233a03c9b64); |
| |
| |
| |
| marker_f5fc1ec21b13fed3df7f8dfb4ed48d85.bindPopup(popup_c6c55aed4456a57b53be180dbec88dfe) |
| ; |
| |
| |
| |
| |
| marker_f5fc1ec21b13fed3df7f8dfb4ed48d85.setIcon(div_icon_3ba94f91de95ab5cee3a8c462930ee51); |
| |
| |
| var marker_bf0f5d6ca078d6b3925ea267cbaeb253 = L.marker( |
| [26.2838276680807, 50.212184228003], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_7fe1615e2fe1e6de7c786f3a8d83836e = 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:#A16207;\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_099d2a0af2cfefe4ef9f75be2636e822 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_d45761c6257af4c5b37de4bb0764ff1a = $(`<div id="html_d45761c6257af4c5b37de4bb0764ff1a" 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> السجل التجاري: 1010998871<br>الترميز: 3319<br>الرقم الموحد: 7010458466<br> <a href="https://www.google.com/maps?q=26.2838276680807,50.212184228003" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_099d2a0af2cfefe4ef9f75be2636e822.setContent(html_d45761c6257af4c5b37de4bb0764ff1a); |
| |
| |
| |
| marker_bf0f5d6ca078d6b3925ea267cbaeb253.bindPopup(popup_099d2a0af2cfefe4ef9f75be2636e822) |
| ; |
| |
| |
| |
| |
| marker_bf0f5d6ca078d6b3925ea267cbaeb253.setIcon(div_icon_7fe1615e2fe1e6de7c786f3a8d83836e); |
| |
| |
| var marker_a3d0318476b1d2a9644c7347e6b38381 = L.marker( |
| [26.2995949682587, 50.2124071656175], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_3201f9e0724e989aff92c17d289968ee = 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:#A16207;\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_c3efb82369f49b16f638fa32ffe0e780 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_d47ca5dce347934ab597ce43bc8a5f04 = $(`<div id="html_d47ca5dce347934ab597ce43bc8a5f04" 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> السجل التجاري: 2051034972<br>الترميز: 4330<br>الرقم الموحد: 7001520316<br> <a href="https://www.google.com/maps?q=26.2995949682587,50.2124071656175" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_c3efb82369f49b16f638fa32ffe0e780.setContent(html_d47ca5dce347934ab597ce43bc8a5f04); |
| |
| |
| |
| marker_a3d0318476b1d2a9644c7347e6b38381.bindPopup(popup_c3efb82369f49b16f638fa32ffe0e780) |
| ; |
| |
| |
| |
| |
| marker_a3d0318476b1d2a9644c7347e6b38381.setIcon(div_icon_3201f9e0724e989aff92c17d289968ee); |
| |
| |
| var marker_79a3ebb890a24cc98daf2aa4ea2ddc35 = L.marker( |
| [26.30463702, 50.21066483], |
| { |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| var div_icon_23c04f067efe5df00eb20bb3aa859ddd = 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_576a1adc0a5bdad18dc8378f67859135 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_ebc80076df85ac446a40dad2d5eebf93 = $(`<div id="html_ebc80076df85ac446a40dad2d5eebf93" 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> السجل التجاري: 2051054234<br>الترميز: 4100<br>الرقم الموحد: 7001623417<br> <a href="https://www.google.com/maps?q=26.30463702,50.21066483" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; |
| popup_576a1adc0a5bdad18dc8378f67859135.setContent(html_ebc80076df85ac446a40dad2d5eebf93); |
| |
| |
| |
| marker_79a3ebb890a24cc98daf2aa4ea2ddc35.bindPopup(popup_576a1adc0a5bdad18dc8378f67859135) |
| ; |
| |
| |
| |
| |
| marker_79a3ebb890a24cc98daf2aa4ea2ddc35.setIcon(div_icon_23c04f067efe5df00eb20bb3aa859ddd); |
| |
| |
| var layer_control_880f6dcf7cd6612b6f5780a4135fc1f1_layers = { |
| base_layers : { |
| "openstreetmap" : tile_layer_8b32a113a370042150d733cfec91af0e, |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_8c5a47dadbb7159824da0d3cf08d82bd, |
| }, |
| overlays : { |
| }, |
| }; |
| let layer_control_880f6dcf7cd6612b6f5780a4135fc1f1 = L.control.layers( |
| layer_control_880f6dcf7cd6612b6f5780a4135fc1f1_layers.base_layers, |
| layer_control_880f6dcf7cd6612b6f5780a4135fc1f1_layers.overlays, |
| { |
| "position": "topright", |
| "collapsed": true, |
| "autoZIndex": true, |
| } |
| ).addTo(map_6600d7db488d3f8468bc207a4d031998); |
| |
| |
| </script> |
| </html> |