Map / Hekly /100.html
stat2025's picture
Upload 376 files
a921575 verified
<!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_db46bf020fcc796ce0f0d64a5b7413de {
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 style="
position:fixed;
top:10px;
right:10px;
z-index:10000;
direction:rtl;
font-family:Arial, sans-serif;
">
<button id="btn_stats_100" onclick="
var panel = document.getElementById('stats_100');
var btn = document.getElementById('btn_stats_100');
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_100" style="
display:block;
position:fixed;
top:10px;
right:58px;
width:320px;
max-height:85vh;
overflow-y:auto;
background:rgba(255,255,255,0.86);
backdrop-filter:blur(4px);
-webkit-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;
">محمد مناع الظفيري - 129</div>
<div style="font-size:15px;">
<div><b>عدد المواقع:</b> 5</div>
<div><b>عدد الحارات:</b> 3</div>
</div>
<div style="margin-top:10px;">
<div style="font-weight:bold;">أكثر الحارات:</div>
<div style="padding-right:8px;"><div>• ج8: 2</div><div>• الرقعى الجديده: 2</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_100_محمد_مناع_الظفيري.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_100_محمد_مناع_الظفيري.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>
<a href="no_coordinates_100_محمد_مناع_الظفيري.pdf" target="_blank" style="
display:block;
text-align:center;
background:#dc2626;
color:#fff;
text-decoration:none;
padding:10px 12px;
border-radius:12px;
font-weight:700;
margin-bottom:14px;
">عينات بدون إحداثية PDF</a>
<div style="font-weight:bold; margin-bottom:6px;">تلوين حسب الحارة</div>
<div style="font-size:13px;">
<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:gray;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>ج8</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:beige;
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:darkblue;
border:1px solid rgba(0,0,0,0.15);
"></span>
<span>محطة كهرباء ومعسكر جيش</span>
</div>
<span style="color:#555;">(1)</span>
</div>
</div>
</div>
</div>
<div style="
position:fixed;
top:10px;
left:10px;
z-index:10000;
direction:rtl;
font-family:Arial, sans-serif;
">
<button id="searchToggleBtn" onclick="toggleSearchBox()" 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="searchBoxPanel" style="
position:fixed;
top:55px;
left:10px;
z-index:10000;
direction:rtl;
font-family:Arial, sans-serif;
background:rgba(255,255,255,0.92);
padding:10px;
border-radius:16px;
box-shadow:0 2px 10px rgba(0,0,0,0.18);
width:300px;
">
<input id="mapSearchInput" type="text" placeholder="ابحث عن اسم المنشأة..."
style="
width:100%;
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;
line-height:1.7;
">
اكتب للبحث داخل نقاط الخريطة
</div>
<button onclick="clearMapSearch()" style="
margin-top:8px;
width:100%;
padding:8px;
border:none;
border-radius:10px;
background:#f3f4f6;
cursor:pointer;
font-weight:bold;
">
مسح البحث
</button>
</div>
<script>
window.searchableMarkers = [];
window.noCoordinateSamples = [{"name": "مؤسسة فيصل عبدالرحمن الدهمشي للخط والرسم"}];
function toggleSearchBox() {
var panel = document.getElementById("searchBoxPanel");
var btn = document.getElementById("searchToggleBtn");
if (panel.style.display === "none") {
panel.style.display = "block";
btn.innerText = "إخفاء البحث";
} else {
panel.style.display = "none";
btn.innerText = "إظهار البحث";
}
}
function normalizeArabicText(text) {
return (text || "")
.toString()
.toLowerCase()
.replace(/[أإآا]/g, "ا")
.replace(/ى/g, "ي")
.replace(/ة/g, "ه")
.replace(/ؤ/g, "و")
.replace(/ئ/g, "ي")
.replace(/ـ/g, "")
.trim();
}
function applyMapSearch() {
var input = document.getElementById("mapSearchInput");
var countBox = document.getElementById("searchCount");
var query = normalizeArabicText(input.value);
var shown = 0;
var noCoordMatch = false;
window.searchableMarkers.forEach(function(item) {
var match = query === "" || normalizeArabicText(item.name).includes(query);
if (match) {
if (!item.map.hasLayer(item.marker)) {
item.marker.addTo(item.map);
}
shown++;
} else {
if (item.map.hasLayer(item.marker)) {
item.map.removeLayer(item.marker);
}
}
});
if (query !== "") {
window.noCoordinateSamples.forEach(function(item) {
if (normalizeArabicText(item.name).includes(query)) {
noCoordMatch = true;
}
});
}
if (query === "") {
countBox.style.color = "#334155";
countBox.innerText = "اكتب للبحث داخل نقاط الخريطة";
} else if (shown > 0) {
countBox.style.color = "#334155";
countBox.innerText = "عدد النتائج على الخريطة: " + shown;
} else if (noCoordMatch) {
countBox.style.color = "#dc2626";
countBox.innerText = "العينة موجودة ضمن عينات الباحث، لكنها بدون إحداثية. كرماً الدخول عليها من الجهاز اللوحي.";
} else {
countBox.style.color = "#dc2626";
countBox.innerText = "لا توجد نتيجة مطابقة داخل نقاط الخريطة.";
}
}
function clearMapSearch() {
document.getElementById("mapSearchInput").value = "";
applyMapSearch();
}
setTimeout(function() {
var input = document.getElementById("mapSearchInput");
if (input) {
input.addEventListener("keyup", applyMapSearch);
input.addEventListener("change", applyMapSearch);
}
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) {
window.searchableMarkers = [];
}
window.searchableMarkers.push({
name: "مؤسسة محل عبيد سعيد سمار المطيري للأجهزة المنزلية",
marker: marker_e0d779852402aabf7b3ec92c46455e32,
map: map_db46bf020fcc796ce0f0d64a5b7413de
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) {
window.searchableMarkers = [];
}
window.searchableMarkers.push({
name: "محل الزئبق للاتصالات",
marker: marker_e35a087206f6e7dc4a1f35b92a59a1da,
map: map_db46bf020fcc796ce0f0d64a5b7413de
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) {
window.searchableMarkers = [];
}
window.searchableMarkers.push({
name: "بوفية لذيذ كويت لتقديم الوجبات",
marker: marker_01e1c3b3b445820a6023e390516bd2cc,
map: map_db46bf020fcc796ce0f0d64a5b7413de
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) {
window.searchableMarkers = [];
}
window.searchableMarkers.push({
name: "مؤسسة مريم مالك العنزي للتجارة",
marker: marker_6676a166ac138ed51398838fda5838f8,
map: map_db46bf020fcc796ce0f0d64a5b7413de
});
}, 800);
</script>
<script>
setTimeout(function() {
if (!window.searchableMarkers) {
window.searchableMarkers = [];
}
window.searchableMarkers.push({
name: "مؤسسة فارس ملوح نهار الشمري للتخليص الجمركي",
marker: marker_ec6689ed2386003e943b12c688e471d2,
map: map_db46bf020fcc796ce0f0d64a5b7413de
});
}, 800);
</script>
<div 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_db46bf020fcc796ce0f0d64a5b7413de" ></div>
</body>
<script>
var map_db46bf020fcc796ce0f0d64a5b7413de = L.map(
"map_db46bf020fcc796ce0f0d64a5b7413de",
{
center: [28.5231463992991, 46.10256463212998],
crs: L.CRS.EPSG3857,
...{
"zoom": 13,
"zoomControl": true,
"preferCanvas": false,
}
}
);
var tile_layer_72110ef9e0de561ea1ff126ea77b8d85 = 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_72110ef9e0de561ea1ff126ea77b8d85.addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var tile_layer_b7a73e03c6a02b847577a337d00611f7 = 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_b7a73e03c6a02b847577a337d00611f7.addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var tile_layer_5e4e9bc6e7edacb65063dbd6747cf108 = 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_5e4e9bc6e7edacb65063dbd6747cf108.addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var locate_control_7c111896eb1658406bd962fb16e6134a = L.control.locate(
{}
).addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var marker_e0d779852402aabf7b3ec92c46455e32 = L.marker(
[28.12193195, 45.66962626],
{
}
).addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var icon_537ee659f3590682710243f8218f44ad = L.AwesomeMarkers.icon(
{
"markerColor": "gray",
"iconColor": "white",
"icon": "info-sign",
"prefix": "glyphicon",
"extraClasses": "fa-rotate-0",
}
);
var popup_422323b5291caf27d9e7b0de83e55acc = L.popup({
"maxWidth": 320,
});
var html_bcecb97fec877e4c43cac7d6e626478d = $(`<div id="html_bcecb97fec877e4c43cac7d6e626478d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>مؤسسة محل عبيد سعيد سمار المطيري للأجهزة المنزلية</b><br> السجل التجاري: 2514100217<br> المنطقة: الذيبيه<br> الحارة: ج8<br> <b>اسم الباحث:</b> محمد مناع الظفيري<br> <a href="https://www.google.com/maps?q=28.12193195,45.66962626" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_422323b5291caf27d9e7b0de83e55acc.setContent(html_bcecb97fec877e4c43cac7d6e626478d);
marker_e0d779852402aabf7b3ec92c46455e32.bindPopup(popup_422323b5291caf27d9e7b0de83e55acc)
;
marker_e0d779852402aabf7b3ec92c46455e32.setIcon(icon_537ee659f3590682710243f8218f44ad);
var marker_e35a087206f6e7dc4a1f35b92a59a1da = L.marker(
[28.12222767, 45.66934942],
{
}
).addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var icon_165d09849cb0a8c6746251e5196ec942 = L.AwesomeMarkers.icon(
{
"markerColor": "gray",
"iconColor": "white",
"icon": "info-sign",
"prefix": "glyphicon",
"extraClasses": "fa-rotate-0",
}
);
var popup_bcc09eb1abde914d067365d64326aa51 = L.popup({
"maxWidth": 320,
});
var html_0d99bc86c4b76058e2d717817820cc53 = $(`<div id="html_0d99bc86c4b76058e2d717817820cc53" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>محل الزئبق للاتصالات</b><br> السجل التجاري: 2514100157<br> المنطقة: الذيبيه<br> الحارة: ج8<br> <b>اسم الباحث:</b> محمد مناع الظفيري<br> <a href="https://www.google.com/maps?q=28.12222767,45.66934942" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_bcc09eb1abde914d067365d64326aa51.setContent(html_0d99bc86c4b76058e2d717817820cc53);
marker_e35a087206f6e7dc4a1f35b92a59a1da.bindPopup(popup_bcc09eb1abde914d067365d64326aa51)
;
marker_e35a087206f6e7dc4a1f35b92a59a1da.setIcon(icon_165d09849cb0a8c6746251e5196ec942);
var marker_01e1c3b3b445820a6023e390516bd2cc = L.marker(
[28.98644888, 46.58380514],
{
}
).addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var icon_121ac4c6adf1cbaa716a7e0eaf336c91 = L.AwesomeMarkers.icon(
{
"markerColor": "beige",
"iconColor": "white",
"icon": "info-sign",
"prefix": "glyphicon",
"extraClasses": "fa-rotate-0",
}
);
var popup_1e02548d27e1103c1768757fa7ac18b4 = L.popup({
"maxWidth": 320,
});
var html_16eda9fd74128b5c69e1277d11e41e60 = $(`<div id="html_16eda9fd74128b5c69e1277d11e41e60" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>بوفية لذيذ كويت لتقديم الوجبات</b><br> السجل التجاري: 2511115283<br> المنطقة: الرقعى الجديده<br> الحارة: الرقعى الجديده<br> <b>اسم الباحث:</b> محمد مناع الظفيري<br> <a href="https://www.google.com/maps?q=28.98644888,46.58380514" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_1e02548d27e1103c1768757fa7ac18b4.setContent(html_16eda9fd74128b5c69e1277d11e41e60);
marker_01e1c3b3b445820a6023e390516bd2cc.bindPopup(popup_1e02548d27e1103c1768757fa7ac18b4)
;
marker_01e1c3b3b445820a6023e390516bd2cc.setIcon(icon_121ac4c6adf1cbaa716a7e0eaf336c91);
var marker_6676a166ac138ed51398838fda5838f8 = L.marker(
[28.39649303, 46.00832297],
{
}
).addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var icon_f47c70f80d841dd4d8bb7e45e8aeac26 = L.AwesomeMarkers.icon(
{
"markerColor": "darkblue",
"iconColor": "white",
"icon": "info-sign",
"prefix": "glyphicon",
"extraClasses": "fa-rotate-0",
}
);
var popup_da661372586947d3512a7b48b00ebf81 = L.popup({
"maxWidth": 320,
});
var html_98ee85ab0fbbb0ef665a2bad2fb01a97 = $(`<div id="html_98ee85ab0fbbb0ef665a2bad2fb01a97" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>مؤسسة مريم مالك العنزي للتجارة</b><br> السجل التجاري: 2511111073<br> المنطقة: محطة كهرباء ومعسكر جيش<br> الحارة: محطة كهرباء ومعسكر جيش<br> <b>اسم الباحث:</b> محمد مناع الظفيري<br> <a href="https://www.google.com/maps?q=28.39649303,46.00832297" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_da661372586947d3512a7b48b00ebf81.setContent(html_98ee85ab0fbbb0ef665a2bad2fb01a97);
marker_6676a166ac138ed51398838fda5838f8.bindPopup(popup_da661372586947d3512a7b48b00ebf81)
;
marker_6676a166ac138ed51398838fda5838f8.setIcon(icon_f47c70f80d841dd4d8bb7e45e8aeac26);
var marker_ec6689ed2386003e943b12c688e471d2 = L.marker(
[28.9886304664955, 46.58171937064991],
{
}
).addTo(map_db46bf020fcc796ce0f0d64a5b7413de);
var icon_1b987d43d97df00564c029889f6519b0 = L.AwesomeMarkers.icon(
{
"markerColor": "beige",
"iconColor": "white",
"icon": "info-sign",
"prefix": "glyphicon",
"extraClasses": "fa-rotate-0",
}
);
var popup_bace897f44582370c703d9931f01316a = L.popup({
"maxWidth": 320,
});
var html_26b6aaf3b0c9395a809d3bf21ff5a399 = $(`<div id="html_26b6aaf3b0c9395a809d3bf21ff5a399" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-size:13px;line-height:1.8;"> <b>مؤسسة فارس ملوح نهار الشمري للتخليص الجمركي</b><br> السجل التجاري: 2513101133<br> المنطقة: الرقعى الجديده<br> الحارة: الرقعى الجديده<br> <b>اسم الباحث:</b> محمد مناع الظفيري<br> <a href="https://www.google.com/maps?q=28.9886304664955,46.58171937064991" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
popup_bace897f44582370c703d9931f01316a.setContent(html_26b6aaf3b0c9395a809d3bf21ff5a399);
marker_ec6689ed2386003e943b12c688e471d2.bindPopup(popup_bace897f44582370c703d9931f01316a)
;
marker_ec6689ed2386003e943b12c688e471d2.setIcon(icon_1b987d43d97df00564c029889f6519b0);
</script>
</html>