Spaces:

stat2025
/

Map

Running

File size: 49,141 Bytes

cf98e46

<!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_0e5b60115c9450064bc1084264fc1a1c {
                    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_46" onclick="
            var panel = document.getElementById('stats_46');
            var btn = document.getElementById('btn_stats_46');
            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_46" 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> 9</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>• ج19: 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_46_مرتضى_محمد_بن_ابراهيم_السيهاتى.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_46_مرتضى_محمد_بن_ابراهيم_السيهاتى.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:#0F766E;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:#BE123C;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>ج19</span>
                </div>
                <span style="color:#555;">(1)</span>
            </div>
            
            <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;">
                <div style="display:flex;align-items:center;gap:8px;">
                    <span style="width:12px;height:12px;border-radius:50%;display:inline-block;background:#7C2D12;border:1px solid rgba(0,0,0,0.15);"></span>
                    <span>الخضرية</span>
                </div>
                <span style="color:#555;">(1)</span>
            </div>
            
            <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;">
                <div style="display:flex;align-items:center;gap:8px;">
                    <span style="width:12px;height:12px;border-radius:50%;display:inline-block;background:#7C2D12;border:1px solid rgba(0,0,0,0.15);"></span>
                    <span>العزيزية</span>
                </div>
                <span style="color:#555;">(1)</span>
            </div>
            
            <div 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:#BE123C;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:#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:#1F2937;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_662596316b7bae407b116d0801416eed,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة ميثاق الشرقية للنقليات شركة شخص واحد",
                layer: marker_9eea55754d639c70391db6e11d9a7e33,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "مؤسسة البرق للنقليات",
                layer: marker_9ca85ad0c49b808e982f49b86d223abd,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة البواردي لمواد البناء شركة شخص واحد",
                layer: marker_8cb90c6b41721a1666f70242af35f1e2,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة رايق لتقديم الوجبات",
                layer: marker_fa74b3edd2d466ed8d6bc058d4cd96c5,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة مجموعة ماس الاهلية",
                layer: marker_0fee0af0e2ecc5fe7fc4a4dc42e97d65,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة كي إيه جي كراينز",
                layer: marker_1e83bbe5a4f6742213634374bc1b308a,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "مؤسسة محمد غازي المطيري للمقاولات",
                layer: marker_efb73c399235332cf761a3e4885f7351,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة عبدالله عسكر الهاجري المحدودة",
                layer: marker_bd6c891b8f05355d8cabefb4cc03b03a,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "مؤسسة محمد جاسم البحار للمقاولات",
                layer: marker_d2359c7a156ef5e027745e34dd6d2fc3,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 800);
        </script>
        
    
        <script>
        setTimeout(function() {
            if (!window.searchableMarkers) window.searchableMarkers = [];
            window.searchableMarkers.push({
                name: "شركة أحمد صالح الغامدي وأولاده للتجارة والعقار",
                layer: marker_50854307ed19bf715efe22b1613f102f,
                map: map_0e5b60115c9450064bc1084264fc1a1c
            });
        }, 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_0e5b60115c9450064bc1084264fc1a1c" ></div>
        
</body>
<script>
    
    
            var map_0e5b60115c9450064bc1084264fc1a1c = L.map(
                "map_0e5b60115c9450064bc1084264fc1a1c",
                {
                    center: [26.45601280762077, 50.032383567946255],
                    crs: L.CRS.EPSG3857,
                    ...{
  "zoom": 13,
  "zoomControl": true,
  "preferCanvas": false,
}

                }
            );

            

        
    
            var tile_layer_68708529d33e92544e1f3887509cf696 = 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_68708529d33e92544e1f3887509cf696.addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var tile_layer_d2695967e3fffa515f2e29bf510c1c07 = 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_d2695967e3fffa515f2e29bf510c1c07.addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var tile_layer_b43f8afaadffbe1b2c270060ac95b54f = 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_b43f8afaadffbe1b2c270060ac95b54f.addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var locate_control_ba8c07a93c709438bd073b319aa142ed = L.control.locate(
                {}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
            
        
    
            var marker_662596316b7bae407b116d0801416eed = L.marker(
                [26.4719389458849, 49.9603695996369],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_10827d7975187806502f08bd3269ceb3 = 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_4bb8b269ae58626c05b490b9adf40a4c = L.popup({
  "maxWidth": 340,
});

        
            
                var html_cddaff260871f0178667ec714576157c = $(`<div id="html_cddaff260871f0178667ec714576157c" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة المحيط العملاق للخدمات البيئية</b><br>           السجل التجاري: 2062617396<br>           المنطقة: البيضاء<br>           الحارة: ج19<br>           الترميز: 3830<br>الرقم الموحد: 7006317015<br>                      <a href="https://www.google.com/maps?q=26.4719389458849,49.9603695996369" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_4bb8b269ae58626c05b490b9adf40a4c.setContent(html_cddaff260871f0178667ec714576157c);
            
        

        marker_662596316b7bae407b116d0801416eed.bindPopup(popup_4bb8b269ae58626c05b490b9adf40a4c)
        ;

        
    
    
                marker_662596316b7bae407b116d0801416eed.setIcon(div_icon_10827d7975187806502f08bd3269ceb3);
            
    
            var marker_9eea55754d639c70391db6e11d9a7e33 = L.marker(
                [26.42680391, 50.0570080099999],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_e8a9cd3dcd881b2ca73ae73c4023c05d = 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_ccfd87ca29e8d4fecc393290a6b81961 = L.popup({
  "maxWidth": 340,
});

        
            
                var html_ba0213000d7f88383a3b6ee0c59cce0e = $(`<div id="html_ba0213000d7f88383a3b6ee0c59cce0e" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة ميثاق الشرقية للنقليات شركة شخص واحد</b><br>           السجل التجاري: 2050119977<br>           المنطقة: الدمام<br>           الحارة: الضباب<br>           الترميز: 1080<br>الرقم الموحد: 7005318188<br>                      <a href="https://www.google.com/maps?q=26.42680391,50.0570080099999" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_ccfd87ca29e8d4fecc393290a6b81961.setContent(html_ba0213000d7f88383a3b6ee0c59cce0e);
            
        

        marker_9eea55754d639c70391db6e11d9a7e33.bindPopup(popup_ccfd87ca29e8d4fecc393290a6b81961)
        ;

        
    
    
                marker_9eea55754d639c70391db6e11d9a7e33.setIcon(div_icon_e8a9cd3dcd881b2ca73ae73c4023c05d);
            
    
            var marker_9ca85ad0c49b808e982f49b86d223abd = L.marker(
                [26.4673164958038, 50.0099397567387],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_a58ef37070a699661fd97fad77ba40c4 = 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:#BE123C;\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_a7762cb5e562b2624c530fac049dcbca = L.popup({
  "maxWidth": 340,
});

        
            
                var html_1d83f8bbc09c54b0adab8f435da692f8 = $(`<div id="html_1d83f8bbc09c54b0adab8f435da692f8" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>مؤسسة البرق للنقليات</b><br>           السجل التجاري: 2062016185<br>           المنطقة: النابيه<br>           الحارة: الصناعية<br>           الترميز: 4923<br>الرقم الموحد: 7013587501<br>                      <a href="https://www.google.com/maps?q=26.4673164958038,50.0099397567387" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_a7762cb5e562b2624c530fac049dcbca.setContent(html_1d83f8bbc09c54b0adab8f435da692f8);
            
        

        marker_9ca85ad0c49b808e982f49b86d223abd.bindPopup(popup_a7762cb5e562b2624c530fac049dcbca)
        ;

        
    
    
                marker_9ca85ad0c49b808e982f49b86d223abd.setIcon(div_icon_a58ef37070a699661fd97fad77ba40c4);
            
    
            var marker_8cb90c6b41721a1666f70242af35f1e2 = L.marker(
                [26.4469505313019, 50.0511091962074],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_c34d15939c6a862a98cd6dd76c5991b8 = L.divIcon({
  "html": "\n    \u003cdiv style=\"\n        position:relative;\n        width:24px;\n        height:24px;\n        transform:translate(-12px,-24px);\n    \"\u003e\n        \u003cdiv style=\"\n            width:20px;\n            height:20px;\n            background:#7C2D12;\n            border:2px solid #ffffff;\n            border-radius:50% 50% 50% 0;\n            transform:rotate(-45deg);\n            box-shadow:0 2px 7px rgba(0,0,0,0.35);\n        \"\u003e\n            \u003cdiv style=\"\n                width:7px;\n                height:7px;\n                background:#ffffff;\n                border-radius:50%;\n                margin:5px 0 0 5px;\n            \"\u003e\u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n    ",
  "className": "empty",
});
        
    
        var popup_02716e1d43cf82cf5baf5f12343b7d59 = L.popup({
  "maxWidth": 340,
});

        
            
                var html_6d6f8e8d52ed094ae972b3667a6ff7ec = $(`<div id="html_6d6f8e8d52ed094ae972b3667a6ff7ec" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة البواردي لمواد البناء شركة شخص واحد</b><br>           السجل التجاري: 2050025415<br>           المنطقة: الدمام<br>           الحارة: الخضرية<br>           الترميز: 4752<br>الرقم الموحد: 7011405946<br>                      <a href="https://www.google.com/maps?q=26.4469505313019,50.0511091962074" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_02716e1d43cf82cf5baf5f12343b7d59.setContent(html_6d6f8e8d52ed094ae972b3667a6ff7ec);
            
        

        marker_8cb90c6b41721a1666f70242af35f1e2.bindPopup(popup_02716e1d43cf82cf5baf5f12343b7d59)
        ;

        
    
    
                marker_8cb90c6b41721a1666f70242af35f1e2.setIcon(div_icon_c34d15939c6a862a98cd6dd76c5991b8);
            
    
            var marker_fa74b3edd2d466ed8d6bc058d4cd96c5 = L.marker(
                [26.4325773460615, 50.046466847433],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_8cbb432dc71a26fafd465b2e306168e4 = 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_2925d82befdc017378917d8b6025b228 = L.popup({
  "maxWidth": 340,
});

        
            
                var html_184cf90899d3f321ebae22860e8adc16 = $(`<div id="html_184cf90899d3f321ebae22860e8adc16" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة رايق لتقديم الوجبات</b><br>           السجل التجاري: 2050111989<br>           المنطقة: الدمام<br>           الحارة: الضباب<br>           الترميز: 5610<br>الرقم الموحد: 7007594562<br>                      <a href="https://www.google.com/maps?q=26.4325773460615,50.046466847433" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_2925d82befdc017378917d8b6025b228.setContent(html_184cf90899d3f321ebae22860e8adc16);
            
        

        marker_fa74b3edd2d466ed8d6bc058d4cd96c5.bindPopup(popup_2925d82befdc017378917d8b6025b228)
        ;

        
    
    
                marker_fa74b3edd2d466ed8d6bc058d4cd96c5.setIcon(div_icon_8cbb432dc71a26fafd465b2e306168e4);
            
    
            var marker_0fee0af0e2ecc5fe7fc4a4dc42e97d65 = L.marker(
                [26.4527653663042, 50.0724573992124],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_9a9054b902531235c81313b72f7d076f = L.divIcon({
  "html": "\n    \u003cdiv style=\"\n        position:relative;\n        width:24px;\n        height:24px;\n        transform:translate(-12px,-24px);\n    \"\u003e\n        \u003cdiv style=\"\n            width:20px;\n            height:20px;\n            background:#7C2D12;\n            border:2px solid #ffffff;\n            border-radius:50% 50% 50% 0;\n            transform:rotate(-45deg);\n            box-shadow:0 2px 7px rgba(0,0,0,0.35);\n        \"\u003e\n            \u003cdiv style=\"\n                width:7px;\n                height:7px;\n                background:#ffffff;\n                border-radius:50%;\n                margin:5px 0 0 5px;\n            \"\u003e\u003c/div\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n    ",
  "className": "empty",
});
        
    
        var popup_55bea3752f78355ab4bc19b01def2cf7 = L.popup({
  "maxWidth": 340,
});

        
            
                var html_dc69d017bc097b3341f27e99f47d42c0 = $(`<div id="html_dc69d017bc097b3341f27e99f47d42c0" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة مجموعة ماس الاهلية</b><br>           السجل التجاري: 2050012516<br>           المنطقة: الدمام<br>           الحارة: العزيزية<br>           الترميز: 4330<br>الرقم الموحد: 7001862338<br>                      <a href="https://www.google.com/maps?q=26.4527653663042,50.0724573992124" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_55bea3752f78355ab4bc19b01def2cf7.setContent(html_dc69d017bc097b3341f27e99f47d42c0);
            
        

        marker_0fee0af0e2ecc5fe7fc4a4dc42e97d65.bindPopup(popup_55bea3752f78355ab4bc19b01def2cf7)
        ;

        
    
    
                marker_0fee0af0e2ecc5fe7fc4a4dc42e97d65.setIcon(div_icon_9a9054b902531235c81313b72f7d076f);
            
    
            var marker_1e83bbe5a4f6742213634374bc1b308a = L.marker(
                [26.4682873937294, 50.0442248729873],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_cc174cf209d20278986d185db010bea2 = 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_8c8ef14b85cea5793dd544d2cbfbb6da = L.popup({
  "maxWidth": 340,
});

        
            
                var html_62f2e0e842618ae347c09a75d4d855b2 = $(`<div id="html_62f2e0e842618ae347c09a75d4d855b2" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة كي إيه جي كراينز</b><br>           السجل التجاري: 2050195788<br>           المنطقة: الدمام<br>           الحارة: الدانة<br>           الترميز: 2816<br>الرقم الموحد: 7039975649<br>                      <a href="https://www.google.com/maps?q=26.4682873937294,50.0442248729873" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_8c8ef14b85cea5793dd544d2cbfbb6da.setContent(html_62f2e0e842618ae347c09a75d4d855b2);
            
        

        marker_1e83bbe5a4f6742213634374bc1b308a.bindPopup(popup_8c8ef14b85cea5793dd544d2cbfbb6da)
        ;

        
    
    
                marker_1e83bbe5a4f6742213634374bc1b308a.setIcon(div_icon_cc174cf209d20278986d185db010bea2);
            
    
            var marker_efb73c399235332cf761a3e4885f7351 = L.marker(
                [26.4775593040001, 50.0039696650001],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_f06767025d3332e9e287a69f9934b73a = 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:#BE123C;\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_aa5a2c156dcd8ebf576d5b08a46f8465 = L.popup({
  "maxWidth": 340,
});

        
            
                var html_9b7b6ae90886e6ff9f683ff024c8bc7a = $(`<div id="html_9b7b6ae90886e6ff9f683ff024c8bc7a" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>مؤسسة محمد غازي المطيري للمقاولات</b><br>           السجل التجاري: 2062024216<br>           المنطقة: النابيه<br>           الحارة: النابية<br>           الترميز: 4330<br>الرقم الموحد: 7006139757<br>                      <a href="https://www.google.com/maps?q=26.4775593040001,50.0039696650001" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_aa5a2c156dcd8ebf576d5b08a46f8465.setContent(html_9b7b6ae90886e6ff9f683ff024c8bc7a);
            
        

        marker_efb73c399235332cf761a3e4885f7351.bindPopup(popup_aa5a2c156dcd8ebf576d5b08a46f8465)
        ;

        
    
    
                marker_efb73c399235332cf761a3e4885f7351.setIcon(div_icon_f06767025d3332e9e287a69f9934b73a);
            
    
            var marker_bd6c891b8f05355d8cabefb4cc03b03a = L.marker(
                [26.464039720128, 50.0121577871178],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_bbe91561693c1fdf1452abdf12ba9731 = 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:#BE123C;\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_48c4519c43631710f40bfa3233beafbe = L.popup({
  "maxWidth": 340,
});

        
            
                var html_b2a32b38b4b9dc43463754007048adf2 = $(`<div id="html_b2a32b38b4b9dc43463754007048adf2" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة عبدالله عسكر الهاجري المحدودة</b><br>           السجل التجاري: 2050018110<br>           المنطقة: النابيه<br>           الحارة: الصناعية<br>           الترميز: 4923<br>الرقم الموحد: 7009173464<br>                      <a href="https://www.google.com/maps?q=26.464039720128,50.0121577871178" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_48c4519c43631710f40bfa3233beafbe.setContent(html_b2a32b38b4b9dc43463754007048adf2);
            
        

        marker_bd6c891b8f05355d8cabefb4cc03b03a.bindPopup(popup_48c4519c43631710f40bfa3233beafbe)
        ;

        
    
    
                marker_bd6c891b8f05355d8cabefb4cc03b03a.setIcon(div_icon_bbe91561693c1fdf1452abdf12ba9731);
            
    
            var marker_d2359c7a156ef5e027745e34dd6d2fc3 = L.marker(
                [26.462299307292, 50.0370625675814],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_34565af418c77931d71c41122f6cdb97 = 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_a643b72107878d97027943cbd0ba5d48 = L.popup({
  "maxWidth": 340,
});

        
            
                var html_676720e437e3af21148eb2e955ca3284 = $(`<div id="html_676720e437e3af21148eb2e955ca3284" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>مؤسسة محمد جاسم البحار للمقاولات</b><br>           السجل التجاري: 2050053174<br>           المنطقة: الدمام<br>           الحارة: الرابية<br>           الترميز: 4100<br>الرقم الموحد: 7014925155<br>                      <a href="https://www.google.com/maps?q=26.462299307292,50.0370625675814" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_a643b72107878d97027943cbd0ba5d48.setContent(html_676720e437e3af21148eb2e955ca3284);
            
        

        marker_d2359c7a156ef5e027745e34dd6d2fc3.bindPopup(popup_a643b72107878d97027943cbd0ba5d48)
        ;

        
    
    
                marker_d2359c7a156ef5e027745e34dd6d2fc3.setIcon(div_icon_34565af418c77931d71c41122f6cdb97);
            
    
            var marker_50854307ed19bf715efe22b1613f102f = L.marker(
                [26.4456025633227, 50.0614535454939],
                {
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);
        
    
            var div_icon_a18825c316fae8f833e1a27b13f37ff6 = 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:#1F2937;\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_22227e4e4f550a918fc7a0aff327d4ea = L.popup({
  "maxWidth": 340,
});

        
            
                var html_777352fdd527ff839acbdd582b1ab34d = $(`<div id="html_777352fdd527ff839acbdd582b1ab34d" style="width: 100.0%; height: 100.0%;">         <div style="direction:rtl;font-size:13px;line-height:1.9;min-width:280px;">           <b>شركة أحمد صالح الغامدي وأولاده للتجارة والعقار</b><br>           السجل التجاري: 2050080436<br>           المنطقة: الدمام<br>           الحارة: المحمدية<br>           الترميز: 1030<br>الرقم الموحد: 7001733877<br>                      <a href="https://www.google.com/maps?q=26.4456025633227,50.0614535454939" target="_blank">فتح في خرائط جوجل</a>         </div>         </div>`)[0];
                popup_22227e4e4f550a918fc7a0aff327d4ea.setContent(html_777352fdd527ff839acbdd582b1ab34d);
            
        

        marker_50854307ed19bf715efe22b1613f102f.bindPopup(popup_22227e4e4f550a918fc7a0aff327d4ea)
        ;

        
    
    
                marker_50854307ed19bf715efe22b1613f102f.setIcon(div_icon_a18825c316fae8f833e1a27b13f37ff6);
            
    
            var layer_control_1a43eb2593f5b9073c1223e8a1467216_layers = {
                base_layers : {
                    "openstreetmap" : tile_layer_d2695967e3fffa515f2e29bf510c1c07,
                    "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_b43f8afaadffbe1b2c270060ac95b54f,
                },
                overlays :  {
                },
            };
            let layer_control_1a43eb2593f5b9073c1223e8a1467216 = L.control.layers(
                layer_control_1a43eb2593f5b9073c1223e8a1467216_layers.base_layers,
                layer_control_1a43eb2593f5b9073c1223e8a1467216_layers.overlays,
                {
  "position": "topright",
  "collapsed": true,
  "autoZIndex": true,
}
            ).addTo(map_0e5b60115c9450064bc1084264fc1a1c);

        
</script>
</html>