Map / RM /36.html
stat2025's picture
Upload 201 files
6c54b58 verified
Raw History Blame Contribute Delete
54 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_1b43464cdc07d75be8fa9d8d94501e3c {
position: relative;
width: 100.0%;
height: 100.0%;
left: 0.0%;
top: 0.0%;
}
.leaflet-container { font-size: 1rem; }
</style>
<style>html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<style>#map {
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
}
</style>
<script>
L_NO_TOUCH = false;
L_DISABLE_3D = false;
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
</head>
<body>
<div
class="desktop-stats-toggle"
style="
position:fixed;
top:10px;
right:10px;
z-index:10000;
direction:rtl;
font-family:Arial,sans-serif;
"
>
<button
id="btn_stats_36"
onclick="
var panel =
document.getElementById(
'stats_36'
);
var btn =
document.getElementById(
'btn_stats_36'
);
if (
panel.style.display
=== 'none'
) {
panel.style.display =
'block';
btn.innerText =
'إخفاء';
} else {
panel.style.display =
'none';
btn.innerText =
'عرض الملخص';
}
"
style="
background:rgba(255,255,255,0.92);
border:none;
border-radius:14px;
padding:10px 14px;
font-size:14px;
font-weight:bold;
cursor:pointer;
box-shadow:0 2px 10px rgba(0,0,0,0.18);
"
>
إخفاء
</button>
</div>
<div
id="stats_36"
class="stats-panel mobile-map-sheet"
style="
display:block;
position:fixed;
top:10px;
right:58px;
width:330px;
max-height:85vh;
overflow-y:auto;
background:rgba(255,255,255,0.88);
backdrop-filter:blur(4px);
border-radius:22px;
padding:18px 18px 16px 18px;
z-index:9999;
direction:rtl;
font-family:Arial,sans-serif;
box-shadow:0 8px 28px rgba(0,0,0,0.16);
line-height:1.9;
color:#222;
"
>
<div style="
font-size:18px;
font-weight:800;
text-align:center;
margin-bottom:10px;
">
زهراء عايش الصاهود
</div>
<div style="font-size:15px;">
<div>
<b>عدد المواقع بإحداثية:</b>
8
</div>
<div>
<b>عدد الحارات:</b>
6
</div>
<div>
<b>عينات المسوح الإضافية:</b>
<span style="
color:#b91c1c;
font-weight:700;
">
1
</span>
</div>
</div>
<div style="margin-top:10px;">
<div style="font-weight:bold;">
أكثر الحارات:
</div>
<div style="padding-right:8px;">
<div>• الفيصلية: 2</div><div>• غرناطة: 2</div><div>• الواحة: 1</div><div>• المريكبات: 1</div><div>• الربيع: 1</div>
</div>
</div>
<div style="
margin-top:14px;
padding-top:10px;
border-top:1px solid rgba(0,0,0,0.08);
">
<a
href="report_36_زهراء_عايش_الصاهود.pdf"
target="_blank"
style="
display:block;
text-align:center;
background:#16a34a;
color:#fff;
text-decoration:none;
padding:10px 12px;
border-radius:12px;
font-weight:700;
margin-bottom:8px;
"
>
تصدير بيانات هذه الخريطة PDF
</a>
<a
href="report_36_زهراء_عايش_الصاهود.xlsx"
target="_blank"
style="
display:block;
text-align:center;
background:#2563eb;
color:#fff;
text-decoration:none;
padding:10px 12px;
border-radius:12px;
font-weight:700;
margin-bottom:8px;
"
>
تصدير بيانات هذه الخريطة Excel
</a>
<div style="font-size:13px;">
<div style="
font-weight:700;
margin-bottom:6px;
">
ألوان الحارات للعينات الأساسية
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#9333EA;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
غرناطة
</span>
</div>
<span style="color:#555;">
(2)
</span>
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#C026D3;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
الفيصلية
</span>
</div>
<span style="color:#555;">
(1)
</span>
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#DC2626;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
الواحة
</span>
</div>
<span style="color:#555;">
(1)
</span>
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#0E7490;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
المريكبات
</span>
</div>
<span style="color:#555;">
(1)
</span>
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#C026D3;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
الربيع
</span>
</div>
<span style="color:#555;">
(1)
</span>
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#4D7C0F;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
العمامرة
</span>
</div>
<span style="color:#555;">
(1)
</span>
</div>
<div style="
font-weight:700;
margin:12px 0 6px;
">
ألوان المسوح الإضافية
</div>
<div style="
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:4px;
">
<div style="
display:flex;
align-items:center;
gap:8px;
">
<span style="
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
background:#2563EB;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>
متقاطعة مع ثقة الاعمال
</span>
</div>
<span style="color:#555;">
(1)
</span>
</div>
</div>
</div>
</div>
<div
id="searchBoxPanel"
class="desktop-search-panel mobile-map-sheet"
style="
position:fixed;
top:10px;
left:10px;
z-index:10000;
direction:rtl;
font-family:Arial,sans-serif;
"
>
<input
id="mapSearchInput"
type="text"
placeholder="ابحث عن اسم المنشأة..."
style="
width:300px;
box-sizing:border-box;
padding:10px;
border-radius:12px;
border:1px solid #ccc;
font-size:14px;
direction:rtl;
"
>
<div
id="searchCount"
style="
margin-top:7px;
font-size:13px;
color:#334155;
background:rgba(255,255,255,.88);
padding:5px 8px;
border-radius:10px;
"
>
اكتب للبحث داخل نقاط الخريطة
</div>
</div>
<div id="mobileMapToolbar">
<button
id="mobileSearchBtn"
type="button"
onclick="toggleMobileSheet('search')"
>
بحث
</button>
<button
id="mobileStatsBtn"
type="button"
onclick="toggleMobileSheet('stats')"
>
الملخص والتصدير
</button>
</div>
<style>
#mobileMapToolbar {
display:none;
}
@media (max-width: 768px) {
.desktop-stats-toggle {
display:none !important;
}
.mobile-map-sheet {
display:none !important;
position:fixed !important;
top:auto !important;
right:10px !important;
left:10px !important;
bottom:72px !important;
width:auto !important;
max-height:68vh !important;
overflow-y:auto !important;
box-sizing:border-box !important;
z-index:10900 !important;
border-radius:20px !important;
background:rgba(
255,
255,
255,
0.96
) !important;
box-shadow:
0 8px 30px
rgba(
0,
0,
0,
0.28
) !important;
padding:14px !important;
}
.mobile-map-sheet.mobile-open {
display:block !important;
}
#searchBoxPanel input {
width:100% !important;
min-height:44px !important;
font-size:16px !important;
}
#mobileMapToolbar {
display:flex;
position:fixed;
right:10px;
left:10px;
bottom:10px;
z-index:11000;
gap:8px;
padding:7px;
direction:rtl;
border-radius:16px;
background:
rgba(
255,
255,
255,
0.94
);
box-shadow:
0 4px 18px
rgba(
0,
0,
0,
0.24
);
font-family:
Arial,
sans-serif;
}
#mobileMapToolbar button {
flex:1;
min-height:46px;
border:0;
border-radius:12px;
background:#f1f5f9;
color:#1f2937;
font-size:14px;
font-weight:700;
cursor:pointer;
}
#mobileMapToolbar button.active {
background:#2563eb;
color:#fff;
}
.map-footer {
display:none !important;
}
.leaflet-control-zoom,
.leaflet-control-locate {
margin-bottom:82px !important;
}
.leaflet-popup-content {
max-width:
calc(
100vw - 80px
) !important;
}
}
</style>
<script>
window.searchableMarkers = [];
function setMobileButtonState(
activeTarget
) {
var searchBtn =
document.getElementById(
"mobileSearchBtn"
);
var statsBtn =
document.getElementById(
"mobileStatsBtn"
);
if (searchBtn)
searchBtn.classList.toggle(
"active",
activeTarget === "search"
);
if (statsBtn)
statsBtn.classList.toggle(
"active",
activeTarget === "stats"
);
}
function closeMobileSheets() {
var searchPanel =
document.getElementById(
"searchBoxPanel"
);
var statsPanel =
document.querySelector(
".stats-panel"
);
if (searchPanel)
searchPanel.classList.remove(
"mobile-open"
);
if (statsPanel)
statsPanel.classList.remove(
"mobile-open"
);
setMobileButtonState("");
}
function toggleMobileSheet(
target
) {
var searchPanel =
document.getElementById(
"searchBoxPanel"
);
var statsPanel =
document.querySelector(
".stats-panel"
);
var targetPanel =
target === "search"
? searchPanel
: statsPanel;
var willOpen =
targetPanel
&& !targetPanel.classList.contains(
"mobile-open"
);
closeMobileSheets();
if (willOpen) {
targetPanel.classList.add(
"mobile-open"
);
setMobileButtonState(
target
);
if (
target === "search"
) {
setTimeout(
function() {
var input =
document.getElementById(
"mapSearchInput"
);
if (input)
input.focus();
},
100
);
}
}
}
setTimeout(
function() {
var input =
document.getElementById(
"mapSearchInput"
);
var count =
document.getElementById(
"searchCount"
);
if (!input)
return;
input.addEventListener(
"input",
function() {
var q =
input.value
.trim()
.toLowerCase();
var found = 0;
window.searchableMarkers.forEach(
function(item) {
var ok =
!q
|| item.name
.toLowerCase()
.indexOf(q) >= 0;
if (
item.layer
&& item.map
) {
if (ok) {
if (
!item.map.hasLayer(
item.layer
)
)
item.layer.addTo(
item.map
);
found += 1;
} else {
if (
item.map.hasLayer(
item.layer
)
)
item.map.removeLayer(
item.layer
);
}
}
}
);
count.innerText =
q
? (
"نتائج البحث: "
+ found
)
: (
"اكتب للبحث داخل نقاط الخريطة"
);
}
);
},
1000
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة المجدوعي للصناعات المحدودة شركة ذات المسؤولية المحدودة من شخص واحد",
layer:
marker_6a27ef6559c33b8e6ca6e072ed355e8f,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة المجدوعي ودي رايكه المحدودة",
layer:
marker_97c46d9fe9f584ae4989ad883726d296,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة المشارق للتجارة والمقاولات",
layer:
marker_5a6442bc5f636afe481cfb513382182e,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة سراكو",
layer:
marker_664507770176fe3802bef5ff926ff259,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة السعوديه لصناعة الصمامات المحدوده",
layer:
marker_8fadd968181f2b3827cedba7aaf6da3e,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة الحصان للمقاولات",
layer:
marker_50204d648c7c6d8ab93363fc24b2617a,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة المناوله للشحن",
layer:
marker_e3841542f670f8658ce6bfc699516a22,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<script>
setTimeout(
function() {
if (
!window.searchableMarkers
)
window.searchableMarkers = [];
window.searchableMarkers.push({
name:
"شركة مصنع ربوع الجزيره للاثاث المعدني",
layer:
marker_f6debbed4681707f48e88dcabcf7ffe8,
map:
map_1b43464cdc07d75be8fa9d8d94501e3c
});
},
800
);
</script>
<div class="map-footer" style="
position: fixed;
bottom: 8px;
left: 8px;
background: rgba(255,255,255,0.85);
padding: 6px 10px;
border-radius: 10px;
font-size: 13px;
direction: rtl;
z-index: 9999;
box-shadow: 0 1px 8px rgba(0,0,0,0.15);
">
تصميم وإعداد <b>نوف الناصر</b>
</div>
<div class="folium-map" id="map_1b43464cdc07d75be8fa9d8d94501e3c" ></div>
</body>
<script>
var map_1b43464cdc07d75be8fa9d8d94501e3c = L.map(
"map_1b43464cdc07d75be8fa9d8d94501e3c",
{
center: [26.415362560158137, 50.08618015433512],
crs: L.CRS.EPSG3857,
...{
"zoom": 13,
"zoomControl": true,
"preferCanvas": false,
}
}
);
var tile_layer_b3bf3ff8293a6cb3217485841bf61aef = L.tileLayer(
"https://tile.openstreetmap.org/{z}/{x}/{y}.png",
{
"minZoom": 0,
"maxZoom": 19,
"maxNativeZoom": 19,
"noWrap": false,
"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
"subdomains": "abc",
"detectRetina": false,
"tms": false,
"opacity": 1,
}
);
tile_layer_b3bf3ff8293a6cb3217485841bf61aef.addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var tile_layer_661783f272e6ba57621f2967b40ec5fb = L.tileLayer(
"https://tile.openstreetmap.org/{z}/{x}/{y}.png",
{
"minZoom": 0,
"maxZoom": 19,
"maxNativeZoom": 19,
"noWrap": false,
"attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
"subdomains": "abc",
"detectRetina": false,
"tms": false,
"opacity": 1,
}
);
tile_layer_661783f272e6ba57621f2967b40ec5fb.addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var tile_layer_03fc26958a77824ff180f03056ab5e8f = L.tileLayer(
"https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
{
"minZoom": 0,
"maxZoom": 18,
"maxNativeZoom": 18,
"noWrap": false,
"attribution": "\u0026copy; Esri",
"subdomains": "abc",
"detectRetina": false,
"tms": false,
"opacity": 1,
}
);
tile_layer_03fc26958a77824ff180f03056ab5e8f.addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var locate_control_545edb1d4acd02a681077f1eeba03743 = L.control.locate(
{}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var marker_6a27ef6559c33b8e6ca6e072ed355e8f = L.marker(
[26.40080543, 50.05166428],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_6a7c2eb4831cb636b92929ad99fc7914 = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#C026D3;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_0e4a1697c410cdd1f4ac8a5e2090f673 = L.popup({
"maxWidth": 340,
});
var html_01499f2b584dc51e2907b02ae7e397d5 = $(`<div id="html_01499f2b584dc51e2907b02ae7e397d5" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة المجدوعي للصناعات المحدودة شركة ذات المسؤولية المحدودة من شخص واحد </b> <br> المنطقة: الدمام <br> الحارة: الفيصلية <br> السجل التجاري: 2050109192<br>الترميز: 2920<br>الرقم الموحد: 7003013278<br> <a href="https://www.google.com/maps?q=26.40080543,50.05166428" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_0e4a1697c410cdd1f4ac8a5e2090f673.setContent(html_01499f2b584dc51e2907b02ae7e397d5);
marker_6a27ef6559c33b8e6ca6e072ed355e8f.bindPopup(popup_0e4a1697c410cdd1f4ac8a5e2090f673)
;
marker_6a27ef6559c33b8e6ca6e072ed355e8f.setIcon(div_icon_6a7c2eb4831cb636b92929ad99fc7914);
var marker_97c46d9fe9f584ae4989ad883726d296 = L.marker(
[26.4009225222363, 50.0517887994647],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_6e835531196882847c752d5e89745f56 = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#2563EB;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_41edf89a1efd397b962757e6e8241857 = L.popup({
"maxWidth": 340,
});
var html_c2730b522781e96ca5238f77d9fde948 = $(`<div id="html_c2730b522781e96ca5238f77d9fde948" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة المجدوعي ودي رايكه المحدودة </b> <br> المنطقة: الدمام <br> الحارة: الفيصلية <br> السجل التجاري: 2050056981<br>الترميز: 5210<br>الرقم الموحد: 7001535124<br> نوع العينة: <b>المسح الأساسي + متقاطعة مع ثقة الاعمال</b><br> <a href="https://www.google.com/maps?q=26.4009225222363,50.0517887994647" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_41edf89a1efd397b962757e6e8241857.setContent(html_c2730b522781e96ca5238f77d9fde948);
marker_97c46d9fe9f584ae4989ad883726d296.bindPopup(popup_41edf89a1efd397b962757e6e8241857)
;
marker_97c46d9fe9f584ae4989ad883726d296.setIcon(div_icon_6e835531196882847c752d5e89745f56);
var marker_5a6442bc5f636afe481cfb513382182e = L.marker(
[26.42891988, 50.07566059],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_78da48f64b4926ea04ca3fb37d7c34ed = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#9333EA;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_613ab2fa08e46e2783f9480e10d8636d = L.popup({
"maxWidth": 340,
});
var html_a5ff313766a838d9faf8f48b5fa37a49 = $(`<div id="html_a5ff313766a838d9faf8f48b5fa37a49" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة المشارق للتجارة والمقاولات </b> <br> المنطقة: الدمام <br> الحارة: غرناطة <br> السجل التجاري: 2050011871<br>الترميز: 4100<br>الرقم الموحد: 7000052386<br> <a href="https://www.google.com/maps?q=26.42891988,50.07566059" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_613ab2fa08e46e2783f9480e10d8636d.setContent(html_a5ff313766a838d9faf8f48b5fa37a49);
marker_5a6442bc5f636afe481cfb513382182e.bindPopup(popup_613ab2fa08e46e2783f9480e10d8636d)
;
marker_5a6442bc5f636afe481cfb513382182e.setIcon(div_icon_78da48f64b4926ea04ca3fb37d7c34ed);
var marker_664507770176fe3802bef5ff926ff259 = L.marker(
[26.4218386057895, 50.0872391369193],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_05356ec978a803bda3d837748b2dd8c2 = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#9333EA;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_d7b75a15aa7b50f85804c27aae3916ce = L.popup({
"maxWidth": 340,
});
var html_c8e27d71ec63c6092b37cdc4cf694d38 = $(`<div id="html_c8e27d71ec63c6092b37cdc4cf694d38" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة سراكو </b> <br> المنطقة: الدمام <br> الحارة: غرناطة <br> السجل التجاري: 2050007518<br>الترميز: 4210<br>الرقم الموحد: 7001697601<br> <a href="https://www.google.com/maps?q=26.4218386057895,50.0872391369193" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_d7b75a15aa7b50f85804c27aae3916ce.setContent(html_c8e27d71ec63c6092b37cdc4cf694d38);
marker_664507770176fe3802bef5ff926ff259.bindPopup(popup_d7b75a15aa7b50f85804c27aae3916ce)
;
marker_664507770176fe3802bef5ff926ff259.setIcon(div_icon_05356ec978a803bda3d837748b2dd8c2);
var marker_8fadd968181f2b3827cedba7aaf6da3e = L.marker(
[26.3799430754619, 50.0883180539554],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_3ad55b774d50c15483165ce5e973e59a = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#DC2626;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_33af76eddfa4670e8ef0e4c4a2d25eb0 = L.popup({
"maxWidth": 340,
});
var html_9f3909e90778084d09c715dec64320ee = $(`<div id="html_9f3909e90778084d09c715dec64320ee" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة السعوديه لصناعة الصمامات المحدوده </b> <br> المنطقة: الدمام <br> الحارة: الواحة <br> السجل التجاري: 4030042954<br>الترميز: 2813<br>الرقم الموحد: 7000819693<br> <a href="https://www.google.com/maps?q=26.3799430754619,50.0883180539554" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_33af76eddfa4670e8ef0e4c4a2d25eb0.setContent(html_9f3909e90778084d09c715dec64320ee);
marker_8fadd968181f2b3827cedba7aaf6da3e.bindPopup(popup_33af76eddfa4670e8ef0e4c4a2d25eb0)
;
marker_8fadd968181f2b3827cedba7aaf6da3e.setIcon(div_icon_3ad55b774d50c15483165ce5e973e59a);
var marker_50204d648c7c6d8ab93363fc24b2617a = L.marker(
[26.4094302629783, 50.1091942331795],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_548fa102f6fbd099ad8c6289083f3edc = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#0E7490;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_48f4d60511f8b357291d83538e03c74c = L.popup({
"maxWidth": 340,
});
var html_adee3db7ef447d17610164d83c08ec5f = $(`<div id="html_adee3db7ef447d17610164d83c08ec5f" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة الحصان للمقاولات </b> <br> المنطقة: الدمام <br> الحارة: المريكبات <br> السجل التجاري: 2050004344<br>الترميز: 4100<br>الرقم الموحد: 7011727026<br> <a href="https://www.google.com/maps?q=26.4094302629783,50.1091942331795" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_48f4d60511f8b357291d83538e03c74c.setContent(html_adee3db7ef447d17610164d83c08ec5f);
marker_50204d648c7c6d8ab93363fc24b2617a.bindPopup(popup_48f4d60511f8b357291d83538e03c74c)
;
marker_50204d648c7c6d8ab93363fc24b2617a.setIcon(div_icon_548fa102f6fbd099ad8c6289083f3edc);
var marker_e3841542f670f8658ce6bfc699516a22 = L.marker(
[26.4387317781915, 50.1118561413719],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_d9fa1f84c4a2e3e9d322453bbad4b0c1 = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#C026D3;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_cb9a529d20d4170a309fe6c2bc1a6a07 = L.popup({
"maxWidth": 340,
});
var html_c97108fecf6caee88250552a983fe320 = $(`<div id="html_c97108fecf6caee88250552a983fe320" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة المناوله للشحن </b> <br> المنطقة: الدمام <br> الحارة: الربيع <br> السجل التجاري: 2050032335<br>الترميز: 5012<br>الرقم الموحد: 7001385009<br> <a href="https://www.google.com/maps?q=26.4387317781915,50.1118561413719" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_cb9a529d20d4170a309fe6c2bc1a6a07.setContent(html_c97108fecf6caee88250552a983fe320);
marker_e3841542f670f8658ce6bfc699516a22.bindPopup(popup_cb9a529d20d4170a309fe6c2bc1a6a07)
;
marker_e3841542f670f8658ce6bfc699516a22.setIcon(div_icon_d9fa1f84c4a2e3e9d322453bbad4b0c1);
var marker_f6debbed4681707f48e88dcabcf7ffe8 = L.marker(
[26.4423089266076, 50.1137199997901],
{
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
var div_icon_53dd911f7b7af01c7ecb114af76b1786 = L.divIcon({
"html": "\n \u003cdiv style=\"\n position:relative;\n width:24px;\n height:24px;\n transform:translate(-12px,-24px);\n \"\u003e\n \u003cdiv style=\"\n width:20px;\n height:20px;\n background:#4D7C0F;\n border:2px solid #ffffff;\n border-radius:50% 50% 50% 0;\n transform:rotate(-45deg);\n box-shadow:0 2px 7px rgba(0,0,0,0.35);\n \"\u003e\n \u003cdiv style=\"\n width:7px;\n height:7px;\n background:#ffffff;\n border-radius:50%;\n margin:5px 0 0 5px;\n \"\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n ",
"className": "empty",
});
var popup_7da3b2376310c73eff19f24873d15453 = L.popup({
"maxWidth": 340,
});
var html_29936c72e7540f313fccbc6f2671c71c = $(`<div id="html_29936c72e7540f313fccbc6f2671c71c" style="width: 100.0%; height: 100.0%;"> <div style=" direction:rtl; font-size:13px; line-height:1.9; min-width:280px; "> <b> شركة مصنع ربوع الجزيره للاثاث المعدني </b> <br> المنطقة: الدمام <br> الحارة: العمامرة <br> السجل التجاري: 1010168668<br>الترميز: 3100<br>الرقم الموحد: 7001424766<br> <a href="https://www.google.com/maps?q=26.4423089266076,50.1137199997901" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0];
popup_7da3b2376310c73eff19f24873d15453.setContent(html_29936c72e7540f313fccbc6f2671c71c);
marker_f6debbed4681707f48e88dcabcf7ffe8.bindPopup(popup_7da3b2376310c73eff19f24873d15453)
;
marker_f6debbed4681707f48e88dcabcf7ffe8.setIcon(div_icon_53dd911f7b7af01c7ecb114af76b1786);
var layer_control_1e02f33b35f2eeab63c98576c0164425_layers = {
base_layers : {
"openstreetmap" : tile_layer_661783f272e6ba57621f2967b40ec5fb,
"\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_03fc26958a77824ff180f03056ab5e8f,
},
overlays : {
},
};
let layer_control_1e02f33b35f2eeab63c98576c0164425 = L.control.layers(
layer_control_1e02f33b35f2eeab63c98576c0164425_layers.base_layers,
layer_control_1e02f33b35f2eeab63c98576c0164425_layers.overlays,
{
"position": "topright",
"collapsed": true,
"autoZIndex": true,
}
).addTo(map_1b43464cdc07d75be8fa9d8d94501e3c);
</script>
</html>