Map / R /14.html
stat2025's picture
Upload 270 files
cf98e46 verified
Raw
History Blame Contribute Delete
48.8 kB
<!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_5ab10deee2f697fbad6472095842bae6 {
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_14" onclick="
var panel = document.getElementById('stats_14');
var btn = document.getElementById('btn_stats_14');
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_14" 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> 11</div>
<div><b>عدد الحارات:</b> 8</div>
</div>
<div style="margin-top:10px;">
<div style="font-weight:bold;">أكثر الحارات:</div>
<div style="padding-right:8px;"><div>• المصانع: 3</div><div>• ج6: 2</div><div>• مزارع الطفيح: 1</div><div>• مزارع جنوب ام العروق: 1</div><div>• ج16: 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_14_أماني_مصطفى_عبدالله_الطيب.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_14_أماني_مصطفى_عبدالله_الطيب.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>ج6</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:#2563EB;border:1px solid rgba(0,0,0,0.15);"></span>
<span>مزارع الطفيح</span>
</div>
<span style="color:#555;">(1)</span>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="width:12px;height:12px;border-radius:50%;display:inline-block;background:#C026D3;border:1px solid rgba(0,0,0,0.15);"></span>
<span>مزارع جنوب ام العروق</span>
</div>
<span style="color:#555;">(1)</span>
</div>
<div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;">
<div style="display:flex;align-items:center;gap:8px;">
<span style="width:12px;height:12px;border-radius:50%;display:inline-block;background:#0E7490;border:1px solid rgba(0,0,0,0.15);"></span>
<span>ج16</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 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>
</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_fab43ba12477cf0f962780908566ad43,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة ناصر سعيد الهاجرى وشركاه للمقاولات",
layer: marker_b1a561d690256d4f9f5266eb19f82690,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة خدمات الموانيء والتخزين المحدودة",
layer: marker_94ca31c087769b2a726568c95a51d324,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "مؤسسة مصنع الزاهد لشبكات حديد التسليح وتشكيل القضبان الحديدية",
layer: marker_dd2446be143928655b851a4ec6cd3e13,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة إرسال العربية التجارية",
layer: marker_f80b3f7a2727391efd8991297caccd8f,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة هنقرستيشن ماركت المحدودة",
layer: marker_801e0e3b28d8a5d34ced2236d2bc3715,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة الرهدن",
layer: marker_b818258903dbc68b91e6c981f7efd5f1,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "ماموث كيه اس ايه المحدودة",
layer: marker_a1cb88a2e1ad55413ecdf2b5feef2854,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة بدائل للجدران",
layer: marker_ebddf1f3bdbdb52cab80b2d2de2c27c9,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة الجبيل للصناعات الكيماوية جنا شركة شخص واحد",
layer: marker_4175a27737cf850f8c825b5ba33c793c,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) window.searchableMarkers = [];
window.searchableMarkers.push({
name: "شركة امجد الحقيل لما وراء البحار التجارية",
layer: marker_d4bbe75773fa6d01ca598a66e36a1e1c,
map: map_5ab10deee2f697fbad6472095842bae6
});
}, 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_5ab10deee2f697fbad6472095842bae6" ></div>
</body>
<script>
var map_5ab10deee2f697fbad6472095842bae6 = L.map(
"map_5ab10deee2f697fbad6472095842bae6",
{
center: [26.991050552587787, 49.58672241935049],
crs: L.CRS.EPSG3857,
...{
"zoom": 13,
"zoomControl": true,
"preferCanvas": false,
}
}
);
var tile_layer_7f033b6f1ec02274888ed35f8749dcf2 = 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_7f033b6f1ec02274888ed35f8749dcf2.addTo(map_5ab10deee2f697fbad6472095842bae6);
var tile_layer_bd2d1488d5ef2e82581db636f35ae8ce = 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_bd2d1488d5ef2e82581db636f35ae8ce.addTo(map_5ab10deee2f697fbad6472095842bae6);
var tile_layer_7d99c44818ce3a84d5217b152e15d4c9 = 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_7d99c44818ce3a84d5217b152e15d4c9.addTo(map_5ab10deee2f697fbad6472095842bae6);
var locate_control_fc7c84e993fc207fbddbae68ccb3d021 = L.control.locate(
{}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var marker_fab43ba12477cf0f962780908566ad43 = L.marker(
[26.8514843969087, 49.4382515911069],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_d8c1870a96618f6fe820e15feff312e7 = 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_b3ab071a5ad03ffcefc5042227f17040 = L.popup({
"maxWidth": 340,
});
var html_e4c108e4c804c6167a63a8814a681bdf = $(`<div id="html_e4c108e4c804c6167a63a8814a681bdf" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة المسار الدولي للنقليات</b><br> السجل التجاري: 1010454728<br> المنطقة: مزارع الطفيح<br> الحارة: مزارع الطفيح<br> الترميز: 4923<br>الرقم الموحد: 7004461252<br> <a href="https://www.google.com/maps?q=26.8514843969087,49.4382515911069" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_b3ab071a5ad03ffcefc5042227f17040.setContent(html_e4c108e4c804c6167a63a8814a681bdf);
marker_fab43ba12477cf0f962780908566ad43.bindPopup(popup_b3ab071a5ad03ffcefc5042227f17040)
;
marker_fab43ba12477cf0f962780908566ad43.setIcon(div_icon_d8c1870a96618f6fe820e15feff312e7);
var marker_b1a561d690256d4f9f5266eb19f82690 = L.marker(
[26.9527061154519, 49.6435810519556],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_bf05ac1ddb2bfa0fadd14b297806a4c2 = 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_ea6d8832a5c217653b5223a1943e0fb8 = L.popup({
"maxWidth": 340,
});
var html_a5ee9d6698fdf141899bd5b9a743ba46 = $(`<div id="html_a5ee9d6698fdf141899bd5b9a743ba46" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة ناصر سعيد الهاجرى وشركاه للمقاولات</b><br> السجل التجاري: 2060006231<br> المنطقة: الجبيل<br> الحارة: ج6<br> الترميز: 4100<br>الرقم الموحد: 7001454656<br> <a href="https://www.google.com/maps?q=26.9527061154519,49.6435810519556" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_ea6d8832a5c217653b5223a1943e0fb8.setContent(html_a5ee9d6698fdf141899bd5b9a743ba46);
marker_b1a561d690256d4f9f5266eb19f82690.bindPopup(popup_ea6d8832a5c217653b5223a1943e0fb8)
;
marker_b1a561d690256d4f9f5266eb19f82690.setIcon(div_icon_bf05ac1ddb2bfa0fadd14b297806a4c2);
var marker_94ca31c087769b2a726568c95a51d324 = L.marker(
[26.944061384156, 49.515283294022],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_addf4382eaa12d7c71fb31a0e7e94325 = 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_6634ac236bc33f4e7faa98a9dba62014 = L.popup({
"maxWidth": 340,
});
var html_3d27fe0a7c0781d30546ec3e8e8847a2 = $(`<div id="html_3d27fe0a7c0781d30546ec3e8e8847a2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة خدمات الموانيء والتخزين المحدودة</b><br> السجل التجاري: 2050072387<br> المنطقة: مزارع جنوب ام العروق<br> الحارة: مزارع جنوب ام العروق<br> الترميز: 5210<br>الرقم الموحد: 7001767008<br> <a href="https://www.google.com/maps?q=26.944061384156,49.515283294022" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_6634ac236bc33f4e7faa98a9dba62014.setContent(html_3d27fe0a7c0781d30546ec3e8e8847a2);
marker_94ca31c087769b2a726568c95a51d324.bindPopup(popup_6634ac236bc33f4e7faa98a9dba62014)
;
marker_94ca31c087769b2a726568c95a51d324.setIcon(div_icon_addf4382eaa12d7c71fb31a0e7e94325);
var marker_dd2446be143928655b851a4ec6cd3e13 = L.marker(
[27.0775770836944, 49.5563001136379],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_bba29d5890563f89a782f0cb4ad06a5e = 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_1f5bcd07d83b0ef23433327df052e74d = L.popup({
"maxWidth": 340,
});
var html_47706aef0f4596c677b936a2b9cd646e = $(`<div id="html_47706aef0f4596c677b936a2b9cd646e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>مؤسسة مصنع الزاهد لشبكات حديد التسليح وتشكيل القضبان الحديدية</b><br> السجل التجاري: 2055002926<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: المصانع<br> الترميز: 2410<br>الرقم الموحد: 7012926023<br> <a href="https://www.google.com/maps?q=27.0775770836944,49.5563001136379" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_1f5bcd07d83b0ef23433327df052e74d.setContent(html_47706aef0f4596c677b936a2b9cd646e);
marker_dd2446be143928655b851a4ec6cd3e13.bindPopup(popup_1f5bcd07d83b0ef23433327df052e74d)
;
marker_dd2446be143928655b851a4ec6cd3e13.setIcon(div_icon_bba29d5890563f89a782f0cb4ad06a5e);
var marker_f80b3f7a2727391efd8991297caccd8f = L.marker(
[27.0073041114719, 49.6217919489269],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_09b9eca16ba74be0e58921e2ceb12a8b = 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_8144c4b2c02caeb6bac488075ad4f211 = L.popup({
"maxWidth": 340,
});
var html_acc46d313c80085c86792010ea543bfd = $(`<div id="html_acc46d313c80085c86792010ea543bfd" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة إرسال العربية التجارية</b><br> السجل التجاري: 2055136783<br> المنطقة: الجبيل<br> الحارة: ج16<br> الترميز: 3830<br>الرقم الموحد: 7034912290<br> <a href="https://www.google.com/maps?q=27.0073041114719,49.6217919489269" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_8144c4b2c02caeb6bac488075ad4f211.setContent(html_acc46d313c80085c86792010ea543bfd);
marker_f80b3f7a2727391efd8991297caccd8f.bindPopup(popup_8144c4b2c02caeb6bac488075ad4f211)
;
marker_f80b3f7a2727391efd8991297caccd8f.setIcon(div_icon_09b9eca16ba74be0e58921e2ceb12a8b);
var marker_801e0e3b28d8a5d34ced2236d2bc3715 = L.marker(
[27.0091957902657, 49.6549395262097],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_4919ea0d916f9d20783477535e6d5d2b = 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_6a8865e26e1c11c3a07fee3264ce9d85 = L.popup({
"maxWidth": 340,
});
var html_b6c8b7fd1d8727c83525369cf10bf9cb = $(`<div id="html_b6c8b7fd1d8727c83525369cf10bf9cb" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة هنقرستيشن ماركت المحدودة</b><br> السجل التجاري: 1010625285<br> المنطقة: الجبيل<br> الحارة: الصفاة<br> الترميز: 4719<br>الرقم الموحد: 7016781986<br> <a href="https://www.google.com/maps?q=27.0091957902657,49.6549395262097" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_6a8865e26e1c11c3a07fee3264ce9d85.setContent(html_b6c8b7fd1d8727c83525369cf10bf9cb);
marker_801e0e3b28d8a5d34ced2236d2bc3715.bindPopup(popup_6a8865e26e1c11c3a07fee3264ce9d85)
;
marker_801e0e3b28d8a5d34ced2236d2bc3715.setIcon(div_icon_4919ea0d916f9d20783477535e6d5d2b);
var marker_b818258903dbc68b91e6c981f7efd5f1 = L.marker(
[26.9915078620151, 49.6457712525637],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_78b7287e0e85d9ac28fbe3327139140c = 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_5613d3bb46e77b37fa94b8fb71b5eaa9 = L.popup({
"maxWidth": 340,
});
var html_29d8ab636a0b68e9b9ab0705067ba05b = $(`<div id="html_29d8ab636a0b68e9b9ab0705067ba05b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة الرهدن</b><br> السجل التجاري: 2050239675<br> المنطقة: الجبيل<br> الحارة: المرقاب<br> الترميز: 9601<br>الرقم الموحد: 7002452857<br> <a href="https://www.google.com/maps?q=26.9915078620151,49.6457712525637" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_5613d3bb46e77b37fa94b8fb71b5eaa9.setContent(html_29d8ab636a0b68e9b9ab0705067ba05b);
marker_b818258903dbc68b91e6c981f7efd5f1.bindPopup(popup_5613d3bb46e77b37fa94b8fb71b5eaa9)
;
marker_b818258903dbc68b91e6c981f7efd5f1.setIcon(div_icon_78b7287e0e85d9ac28fbe3327139140c);
var marker_a1cb88a2e1ad55413ecdf2b5feef2854 = L.marker(
[26.9603365729469, 49.6413379313538],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_5eb3f570347028f21b60b4fe33334b40 = 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_bcc25c9b113b984bc5b114c95f90f1d2 = L.popup({
"maxWidth": 340,
});
var html_f1982819ec59d1bd054ed51421bb46ae = $(`<div id="html_f1982819ec59d1bd054ed51421bb46ae" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>ماموث كيه اس ايه المحدودة</b><br> السجل التجاري: 2050065120<br> المنطقة: الجبيل<br> الحارة: ج6<br> الترميز: 4390<br>الرقم الموحد: 7001555130<br> <a href="https://www.google.com/maps?q=26.9603365729469,49.6413379313538" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_bcc25c9b113b984bc5b114c95f90f1d2.setContent(html_f1982819ec59d1bd054ed51421bb46ae);
marker_a1cb88a2e1ad55413ecdf2b5feef2854.bindPopup(popup_bcc25c9b113b984bc5b114c95f90f1d2)
;
marker_a1cb88a2e1ad55413ecdf2b5feef2854.setIcon(div_icon_5eb3f570347028f21b60b4fe33334b40);
var marker_ebddf1f3bdbdb52cab80b2d2de2c27c9 = L.marker(
[27.0790550194999, 49.5579106158598],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_64468a0de4001cd350bec09ddc54b45b = 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_9d35a480b4223c8becf1a3c15b631269 = L.popup({
"maxWidth": 340,
});
var html_f98dc42d1289b7f758573bb03ee077cb = $(`<div id="html_f98dc42d1289b7f758573bb03ee077cb" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة بدائل للجدران</b><br> السجل التجاري: 2055024734<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: المصانع<br> الترميز: 2399<br>الرقم الموحد: 7013266932<br> <a href="https://www.google.com/maps?q=27.0790550194999,49.5579106158598" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_9d35a480b4223c8becf1a3c15b631269.setContent(html_f98dc42d1289b7f758573bb03ee077cb);
marker_ebddf1f3bdbdb52cab80b2d2de2c27c9.bindPopup(popup_9d35a480b4223c8becf1a3c15b631269)
;
marker_ebddf1f3bdbdb52cab80b2d2de2c27c9.setIcon(div_icon_64468a0de4001cd350bec09ddc54b45b);
var marker_4175a27737cf850f8c825b5ba33c793c = L.marker(
[27.0127374840062, 49.5427804976116],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_bab58f8393c61f8cef8500b5e8eea882 = 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_0374bb199a9632c971fa7adcc4d3d891 = L.popup({
"maxWidth": 340,
});
var html_5d319a21b95b1c2b1e814dc2b5d216b9 = $(`<div id="html_5d319a21b95b1c2b1e814dc2b5d216b9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة الجبيل للصناعات الكيماوية جنا شركة شخص واحد</b><br> السجل التجاري: 2055004384<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: المصانع<br> الترميز: 2011<br>الرقم الموحد: 7001397012<br> <a href="https://www.google.com/maps?q=27.0127374840062,49.5427804976116" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_0374bb199a9632c971fa7adcc4d3d891.setContent(html_5d319a21b95b1c2b1e814dc2b5d216b9);
marker_4175a27737cf850f8c825b5ba33c793c.bindPopup(popup_0374bb199a9632c971fa7adcc4d3d891)
;
marker_4175a27737cf850f8c825b5ba33c793c.setIcon(div_icon_bab58f8393c61f8cef8500b5e8eea882);
var marker_d4bbe75773fa6d01ca598a66e36a1e1c = L.marker(
[27.015590258049, 49.6359987896075],
{
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
var div_icon_44ebbb24d6ae44dc13d758c79168626a = 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_0c191679e52f650b8ad32cb9e8cdd5a0 = L.popup({
"maxWidth": 340,
});
var html_5ac642881ebe4ec7750172ea7eecd82b = $(`<div id="html_5ac642881ebe4ec7750172ea7eecd82b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;"> <b>شركة امجد الحقيل لما وراء البحار التجارية</b><br> السجل التجاري: 2050070020<br> المنطقة: الجبيل<br> الحارة: الواحة<br> الترميز: 4773<br>الرقم الموحد: 7012978230<br> <a href="https://www.google.com/maps?q=27.015590258049,49.6359987896075" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_0c191679e52f650b8ad32cb9e8cdd5a0.setContent(html_5ac642881ebe4ec7750172ea7eecd82b);
marker_d4bbe75773fa6d01ca598a66e36a1e1c.bindPopup(popup_0c191679e52f650b8ad32cb9e8cdd5a0)
;
marker_d4bbe75773fa6d01ca598a66e36a1e1c.setIcon(div_icon_44ebbb24d6ae44dc13d758c79168626a);
var layer_control_81798a2d6aaa66894375633aee442541_layers = {
base_layers : {
"openstreetmap" : tile_layer_bd2d1488d5ef2e82581db636f35ae8ce,
"\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_7d99c44818ce3a84d5217b152e15d4c9,
},
overlays : {
},
};
let layer_control_81798a2d6aaa66894375633aee442541 = L.control.layers(
layer_control_81798a2d6aaa66894375633aee442541_layers.base_layers,
layer_control_81798a2d6aaa66894375633aee442541_layers.overlays,
{
"position": "topright",
"collapsed": true,
"autoZIndex": true,
}
).addTo(map_5ab10deee2f697fbad6472095842bae6);
</script>
</html>