| <!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_7f893b6cb29a8e52d1462e9f6be3b081 { |
| 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_27" onclick=" |
| var panel = document.getElementById('stats_27'); |
| var btn = document.getElementById('btn_stats_27'); |
| 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_27" 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> 7</div> |
| |
| </div> |
|
|
| |
|
|
| <div style="margin-top:10px;"> |
| <div style="font-weight:bold;">أكثر الحارات:</div> |
| <div style="padding-right:8px;"><div>• الاحياء الشرقيه: 2</div><div>• مزارع جنوب ام العروق: 1</div><div>• طيبة: 1</div><div>• الدانة: 1</div><div>• ج6: 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_27_روان_سعود_مرشد_الرحيلي.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_27_روان_سعود_مرشد_الرحيلي.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:#16A34A;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:#A16207;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:#0F766E;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:#0369A1;border:1px solid rgba(0,0,0,0.15);"></span> |
| <span>ج6</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:#A16207;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_05adb4414e122d023e6a270c21b235e3, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "شركة بكتل العربية السعودية", |
| layer: marker_0b970acf4891ea688903f33400de21a3, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "شركة سراكو", |
| layer: marker_e377018b1d7eef208662086f48128455, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "شركة الخدمات الصناعية التخصصية المحدودة", |
| layer: marker_78e24b0dccb88076314e2f64d4c46901, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "شركة كي كيم انجنيرينج سيرفيس السعودية", |
| layer: marker_aa3a79e407b111dc5114dff467879634, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "مؤسسة عيد بن حمد العجمي للمقاولات العامة", |
| layer: marker_a30f6f16145cdc1938169465853a3c32, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "شركة الزامل للصناعات الغذائية المحدودة", |
| layer: marker_f5d9045d6b4fe2527ad356ac99789686, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 800); |
| </script> |
| |
| |
| <script> |
| setTimeout(function() { |
| if (!window.searchableMarkers) window.searchableMarkers = []; |
| window.searchableMarkers.push({ |
| name: "شركة سابك لخدمات التخزين ساب تانك", |
| layer: marker_e6a9d090ba540fcda171516396a22447, |
| map: map_7f893b6cb29a8e52d1462e9f6be3b081 |
| }); |
| }, 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_7f893b6cb29a8e52d1462e9f6be3b081" ></div> |
| |
| </body> |
| <script> |
| |
| |
| var map_7f893b6cb29a8e52d1462e9f6be3b081 = L.map( |
| "map_7f893b6cb29a8e52d1462e9f6be3b081", |
| { |
| center: [26.976485379192248, 49.669387035475516], |
| crs: L.CRS.EPSG3857, |
| ...{ |
| "zoom": 13, |
| "zoomControl": true, |
| "preferCanvas": false, |
| } |
| |
| } |
| ); |
| |
| |
| |
| |
| |
| var tile_layer_eb39bde6bd4a5693a7793bb02c325f93 = 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_eb39bde6bd4a5693a7793bb02c325f93.addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var tile_layer_ec3b7cefa872e2c2530d52b6dd5c6d3e = 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_ec3b7cefa872e2c2530d52b6dd5c6d3e.addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var tile_layer_b7e8c7188332a4418f604ed40a1a2c88 = 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_b7e8c7188332a4418f604ed40a1a2c88.addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var locate_control_415e6a695c318f83beadc57a156c7f9b = L.control.locate( |
| {} |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| |
| var marker_05adb4414e122d023e6a270c21b235e3 = L.marker( |
| [26.8907921398415, 49.4890773434174], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_a8731007cdbaeff1a12b5dcfaf13a5a3 = 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_fc6845a1c8e122961a38e677bd3ff988 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_99c6219c41375243e2ddf38c218b6cb2 = $(`<div id="html_99c6219c41375243e2ddf38c218b6cb2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة أبناء سليمان حمد السيف للنقل البري</b><br> السجل التجاري: 2050006678<br> المنطقة: مزارع جنوب ام العروق<br> الحارة: مزارع جنوب ام العروق<br> الترميز: 5223<br>الرقم الموحد: 7001566459<br> <a href="https://www.google.com/maps?q=26.8907921398415,49.4890773434174" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_fc6845a1c8e122961a38e677bd3ff988.setContent(html_99c6219c41375243e2ddf38c218b6cb2); |
| |
| |
| |
| marker_05adb4414e122d023e6a270c21b235e3.bindPopup(popup_fc6845a1c8e122961a38e677bd3ff988) |
| ; |
| |
| |
| |
| |
| marker_05adb4414e122d023e6a270c21b235e3.setIcon(div_icon_a8731007cdbaeff1a12b5dcfaf13a5a3); |
| |
| |
| var marker_0b970acf4891ea688903f33400de21a3 = L.marker( |
| [27.1015269426134, 49.5648478287044], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_ed1a77dc626a9480941ebe43ca1db07a = 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_1e24ea086b1f60599f7b333dd8b2e721 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_14fc221526f3dd8ababd11873fb673cc = $(`<div id="html_14fc221526f3dd8ababd11873fb673cc" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة بكتل العربية السعودية</b><br> السجل التجاري: 2055001903<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: الاحياء الشرقيه<br> الترميز: 4290<br>الرقم الموحد: 7012331984<br> <a href="https://www.google.com/maps?q=27.1015269426134,49.5648478287044" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_1e24ea086b1f60599f7b333dd8b2e721.setContent(html_14fc221526f3dd8ababd11873fb673cc); |
| |
| |
| |
| marker_0b970acf4891ea688903f33400de21a3.bindPopup(popup_1e24ea086b1f60599f7b333dd8b2e721) |
| ; |
| |
| |
| |
| |
| marker_0b970acf4891ea688903f33400de21a3.setIcon(div_icon_ed1a77dc626a9480941ebe43ca1db07a); |
| |
| |
| var marker_e377018b1d7eef208662086f48128455 = L.marker( |
| [26.9889930925001, 49.6557697665001], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_b76b1c169cce28ff4bfd6ba945eb17a5 = 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_e28feab6fb95884d3081d06d221de482 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_85452ce531884fd8bdce2eb4494a0ce6 = $(`<div id="html_85452ce531884fd8bdce2eb4494a0ce6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة سراكو</b><br> السجل التجاري: 2050007518<br> المنطقة: الجبيل<br> الحارة: طيبة<br> الترميز: 4210<br>الرقم الموحد: 7001697601<br> <a href="https://www.google.com/maps?q=26.9889930925001,49.6557697665001" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_e28feab6fb95884d3081d06d221de482.setContent(html_85452ce531884fd8bdce2eb4494a0ce6); |
| |
| |
| |
| marker_e377018b1d7eef208662086f48128455.bindPopup(popup_e28feab6fb95884d3081d06d221de482) |
| ; |
| |
| |
| |
| |
| marker_e377018b1d7eef208662086f48128455.setIcon(div_icon_b76b1c169cce28ff4bfd6ba945eb17a5); |
| |
| |
| var marker_78e24b0dccb88076314e2f64d4c46901 = L.marker( |
| [26.7084658973957, 50.0648085930702], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_02d9dbaa98071f2c9a86956aca4ad167 = 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:#0F766E;\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_931054e555f30ad80fb7bf7bbab561f6 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_f4dfb594ac400a89af010015fae37d4f = $(`<div id="html_f4dfb594ac400a89af010015fae37d4f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة الخدمات الصناعية التخصصية المحدودة</b><br> السجل التجاري: 2054001257<br> المنطقة: رحيمة<br> الحارة: الدانة<br> الترميز: 3311<br>الرقم الموحد: 7001536643<br> <a href="https://www.google.com/maps?q=26.7084658973957,50.0648085930702" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_931054e555f30ad80fb7bf7bbab561f6.setContent(html_f4dfb594ac400a89af010015fae37d4f); |
| |
| |
| |
| marker_78e24b0dccb88076314e2f64d4c46901.bindPopup(popup_931054e555f30ad80fb7bf7bbab561f6) |
| ; |
| |
| |
| |
| |
| marker_78e24b0dccb88076314e2f64d4c46901.setIcon(div_icon_02d9dbaa98071f2c9a86956aca4ad167); |
| |
| |
| var marker_aa3a79e407b111dc5114dff467879634 = L.marker( |
| [26.9489221599999, 49.6641876699999], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_4d4a1eb58dc0e3e96023b1d15f8e4adb = 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_d25db61eb6d09b1e87a954a19bb843c5 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_c87bd6f9152ab5e0572066d1dd76ece6 = $(`<div id="html_c87bd6f9152ab5e0572066d1dd76ece6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة كي كيم انجنيرينج سيرفيس السعودية</b><br> السجل التجاري: 2055012533<br> المنطقة: الجبيل<br> الحارة: ج6<br> الترميز: 4220<br>الرقم الموحد: 7001632582<br> <a href="https://www.google.com/maps?q=26.9489221599999,49.6641876699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_d25db61eb6d09b1e87a954a19bb843c5.setContent(html_c87bd6f9152ab5e0572066d1dd76ece6); |
| |
| |
| |
| marker_aa3a79e407b111dc5114dff467879634.bindPopup(popup_d25db61eb6d09b1e87a954a19bb843c5) |
| ; |
| |
| |
| |
| |
| marker_aa3a79e407b111dc5114dff467879634.setIcon(div_icon_4d4a1eb58dc0e3e96023b1d15f8e4adb); |
| |
| |
| var marker_a30f6f16145cdc1938169465853a3c32 = L.marker( |
| [27.0072898573216, 49.6630608294821], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_76a7970d26122f67598d4db5a81643c7 = 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_fe10fa5cf496bafc0713f3ba2d87c293 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_6dc24b8f18ca37175610787c7d711a61 = $(`<div id="html_6dc24b8f18ca37175610787c7d711a61" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>مؤسسة عيد بن حمد العجمي للمقاولات العامة</b><br> السجل التجاري: 2055004974<br> المنطقة: الجبيل<br> الحارة: الصفاة<br> الترميز: 4100<br>الرقم الموحد: 7012540915<br> <a href="https://www.google.com/maps?q=27.0072898573216,49.6630608294821" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_fe10fa5cf496bafc0713f3ba2d87c293.setContent(html_6dc24b8f18ca37175610787c7d711a61); |
| |
| |
| |
| marker_a30f6f16145cdc1938169465853a3c32.bindPopup(popup_fe10fa5cf496bafc0713f3ba2d87c293) |
| ; |
| |
| |
| |
| |
| marker_a30f6f16145cdc1938169465853a3c32.setIcon(div_icon_76a7970d26122f67598d4db5a81643c7); |
| |
| |
| var marker_f5d9045d6b4fe2527ad356ac99789686 = L.marker( |
| [27.0850464646109, 49.560170530528], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_84e20678a046e2da35e497dcdfa75a52 = 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_5c6ce8a0492cacb1e45e88dd4bf9ed6e = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_0079ddd5b33d76fd1d6b6e48a76c3124 = $(`<div id="html_0079ddd5b33d76fd1d6b6e48a76c3124" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة الزامل للصناعات الغذائية المحدودة</b><br> السجل التجاري: 2055000170<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: المصانع<br> الترميز: 1010<br>الرقم الموحد: 7000682422<br> <a href="https://www.google.com/maps?q=27.0850464646109,49.560170530528" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_5c6ce8a0492cacb1e45e88dd4bf9ed6e.setContent(html_0079ddd5b33d76fd1d6b6e48a76c3124); |
| |
| |
| |
| marker_f5d9045d6b4fe2527ad356ac99789686.bindPopup(popup_5c6ce8a0492cacb1e45e88dd4bf9ed6e) |
| ; |
| |
| |
| |
| |
| marker_f5d9045d6b4fe2527ad356ac99789686.setIcon(div_icon_84e20678a046e2da35e497dcdfa75a52); |
| |
| |
| var marker_e6a9d090ba540fcda171516396a22447 = L.marker( |
| [27.0808464792549, 49.693173722102], |
| { |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| var div_icon_e17a1a31315aa2bfb629ce38596d6b8f = 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_481b310da0cb49c72339e13bd7e088e7 = L.popup({ |
| "maxWidth": 340, |
| }); |
| |
| |
| |
| var html_d9463ecd69de15c45fc3c4fc0734904e = $(`<div id="html_d9463ecd69de15c45fc3c4fc0734904e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة سابك لخدمات التخزين ساب تانك</b><br> السجل التجاري: 2055003715<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: الاحياء الشرقيه<br> الترميز: 5210<br>الرقم الموحد: 7001378772<br> <a href="https://www.google.com/maps?q=27.0808464792549,49.693173722102" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_481b310da0cb49c72339e13bd7e088e7.setContent(html_d9463ecd69de15c45fc3c4fc0734904e); |
| |
| |
| |
| marker_e6a9d090ba540fcda171516396a22447.bindPopup(popup_481b310da0cb49c72339e13bd7e088e7) |
| ; |
| |
| |
| |
| |
| marker_e6a9d090ba540fcda171516396a22447.setIcon(div_icon_e17a1a31315aa2bfb629ce38596d6b8f); |
| |
| |
| var layer_control_3817b09163129e1fc559bb15a64e28a4_layers = { |
| base_layers : { |
| "openstreetmap" : tile_layer_ec3b7cefa872e2c2530d52b6dd5c6d3e, |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_b7e8c7188332a4418f604ed40a1a2c88, |
| }, |
| overlays : { |
| }, |
| }; |
| let layer_control_3817b09163129e1fc559bb15a64e28a4 = L.control.layers( |
| layer_control_3817b09163129e1fc559bb15a64e28a4_layers.base_layers, |
| layer_control_3817b09163129e1fc559bb15a64e28a4_layers.overlays, |
| { |
| "position": "topright", |
| "collapsed": true, |
| "autoZIndex": true, |
| } |
| ).addTo(map_7f893b6cb29a8e52d1462e9f6be3b081); |
| |
| |
| </script> |
| </html> |
