Download QR/02.html from stat2025/Map: direct link, hf CLI and curl.
- Browser
- Download file 37.2 kB
-
https://huggingface.co/spaces/stat2025/Map/resolve/main/QR/02.html
- Command line
-
hf download hf://spaces/stat2025/Map/QR/02.html
-
curl -L -o 02.html https://huggingface.co/spaces/stat2025/Map/resolve/main/QR/02.html
37.2 kB
| <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_35c68673986885b65bd953e09298ae96 { | |
| 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_2" | |
| onclick=" | |
| var panel = | |
| document.getElementById( | |
| 'stats_2' | |
| ); | |
| var btn = | |
| document.getElementById( | |
| 'btn_stats_2' | |
| ); | |
| 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_2" | |
| 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> | |
| 4 | |
| </div> | |
| <div> | |
| <b>عدد الحارات:</b> | |
| 4 | |
| </div> | |
| </div> | |
| <div style="margin-top:10px;"> | |
| <div style="font-weight:bold;"> | |
| أكثر الحارات: | |
| </div> | |
| <div style="padding-right:8px;"> | |
| <div>• الأتصالات: 1</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_02_طيبه_فالح_بن_عبدالله_الرويشد.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_02_طيبه_فالح_بن_عبدالله_الرويشد.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:#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:#475569; | |
| 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 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;"> | |
| (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 ; | |
| } | |
| .mobile-map-sheet { | |
| display:none ; | |
| position:fixed ; | |
| top:auto ; | |
| right:10px ; | |
| left:10px ; | |
| bottom:72px ; | |
| width:auto ; | |
| max-height:68vh ; | |
| overflow-y:auto ; | |
| box-sizing:border-box ; | |
| z-index:10900 ; | |
| border-radius:20px ; | |
| background:rgba( | |
| 255, | |
| 255, | |
| 255, | |
| 0.96 | |
| ) ; | |
| box-shadow: | |
| 0 8px 30px | |
| rgba( | |
| 0, | |
| 0, | |
| 0, | |
| 0.28 | |
| ) ; | |
| padding:14px ; | |
| } | |
| .mobile-map-sheet.mobile-open { | |
| display:block ; | |
| } | |
| #searchBoxPanel input { | |
| width:100% ; | |
| min-height:44px ; | |
| font-size:16px ; | |
| } | |
| #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 ; | |
| } | |
| .leaflet-control-zoom, | |
| .leaflet-control-locate { | |
| margin-bottom:82px ; | |
| } | |
| .leaflet-popup-content { | |
| max-width: | |
| calc( | |
| 100vw - 80px | |
| ) ; | |
| } | |
| } | |
| </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_f47c69fbcd5c977dda4efbe2d11d3a7b, | |
| map: | |
| map_35c68673986885b65bd953e09298ae96 | |
| }); | |
| }, | |
| 800 | |
| ); | |
| </script> | |
| <script> | |
| setTimeout( | |
| function() { | |
| if ( | |
| !window.searchableMarkers | |
| ) | |
| window.searchableMarkers = []; | |
| window.searchableMarkers.push({ | |
| name: | |
| "الحلول التنموية للاسكان", | |
| layer: | |
| marker_58e80b63bf5e5d87a157b06d3e8b31ba, | |
| map: | |
| map_35c68673986885b65bd953e09298ae96 | |
| }); | |
| }, | |
| 800 | |
| ); | |
| </script> | |
| <script> | |
| setTimeout( | |
| function() { | |
| if ( | |
| !window.searchableMarkers | |
| ) | |
| window.searchableMarkers = []; | |
| window.searchableMarkers.push({ | |
| name: | |
| "إطعامهم", | |
| layer: | |
| marker_db5e4277a73c97ddd58d87fbb6e4b7cb, | |
| map: | |
| map_35c68673986885b65bd953e09298ae96 | |
| }); | |
| }, | |
| 800 | |
| ); | |
| </script> | |
| <script> | |
| setTimeout( | |
| function() { | |
| if ( | |
| !window.searchableMarkers | |
| ) | |
| window.searchableMarkers = []; | |
| window.searchableMarkers.push({ | |
| name: | |
| "الدعوة والإرشاد وتوعية الجاليات بالعقربية", | |
| layer: | |
| marker_2c1e32f04970bb981638d539c62264bb, | |
| map: | |
| map_35c68673986885b65bd953e09298ae96 | |
| }); | |
| }, | |
| 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_35c68673986885b65bd953e09298ae96" ></div> | |
| </body> | |
| <script> | |
| var map_35c68673986885b65bd953e09298ae96 = L.map( | |
| "map_35c68673986885b65bd953e09298ae96", | |
| { | |
| center: [26.41351715, 50.0986575], | |
| crs: L.CRS.EPSG3857, | |
| ...{ | |
| "zoom": 13, | |
| "zoomControl": true, | |
| "preferCanvas": false, | |
| } | |
| } | |
| ); | |
| var tile_layer_a5375cd0892a31f700010dc060bd2bf7 = 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_a5375cd0892a31f700010dc060bd2bf7.addTo(map_35c68673986885b65bd953e09298ae96); | |
| var tile_layer_e0204e61d6b4304ac8ec67587d0c54b6 = 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_e0204e61d6b4304ac8ec67587d0c54b6.addTo(map_35c68673986885b65bd953e09298ae96); | |
| var tile_layer_63e7a0baa2bc6d7d2fa323999a2ab11f = 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_63e7a0baa2bc6d7d2fa323999a2ab11f.addTo(map_35c68673986885b65bd953e09298ae96); | |
| var locate_control_7ce6dcb0304d7cdf4c34cefd7cf871f4 = L.control.locate( | |
| {} | |
| ).addTo(map_35c68673986885b65bd953e09298ae96); | |
| var marker_f47c69fbcd5c977dda4efbe2d11d3a7b = L.marker( | |
| [26.4207, 50.0888], | |
| { | |
| } | |
| ).addTo(map_35c68673986885b65bd953e09298ae96); | |
| var div_icon_19d5fca2feefbff62d0f50af061c64e0 = 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_89ac91ad05a5e9588b52afd6d0f9ad31 = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_058afd13208d6d209d30b95b46f9c62c = $(`<div id="html_058afd13208d6d209d30b95b46f9c62c" 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> اسم الترميز: جمعيات أهلية<br>الرقم الموحد: 7025383568<br> <a href="https://www.google.com/maps?q=26.4207,50.0888" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_89ac91ad05a5e9588b52afd6d0f9ad31.setContent(html_058afd13208d6d209d30b95b46f9c62c); | |
| marker_f47c69fbcd5c977dda4efbe2d11d3a7b.bindPopup(popup_89ac91ad05a5e9588b52afd6d0f9ad31) | |
| ; | |
| marker_f47c69fbcd5c977dda4efbe2d11d3a7b.setIcon(div_icon_19d5fca2feefbff62d0f50af061c64e0); | |
| var marker_58e80b63bf5e5d87a157b06d3e8b31ba = L.marker( | |
| [26.4081263, 50.0986084], | |
| { | |
| } | |
| ).addTo(map_35c68673986885b65bd953e09298ae96); | |
| var div_icon_f3ad9d34158ab09f4f373ea383bc9ea0 = 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:#475569;\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_3068eca9f99550687093fc2dc9a59a69 = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_2c0aba7cf3e634d6f8c627ae32e9ce84 = $(`<div id="html_2c0aba7cf3e634d6f8c627ae32e9ce84" 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> اسم الترميز: جمعيات أهلية<br>الرقم الموحد: 7035253918<br> <a href="https://www.google.com/maps?q=26.4081263,50.0986084" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_3068eca9f99550687093fc2dc9a59a69.setContent(html_2c0aba7cf3e634d6f8c627ae32e9ce84); | |
| marker_58e80b63bf5e5d87a157b06d3e8b31ba.bindPopup(popup_3068eca9f99550687093fc2dc9a59a69) | |
| ; | |
| marker_58e80b63bf5e5d87a157b06d3e8b31ba.setIcon(div_icon_f3ad9d34158ab09f4f373ea383bc9ea0); | |
| var marker_db5e4277a73c97ddd58d87fbb6e4b7cb = L.marker( | |
| [26.3930302, 50.0916293], | |
| { | |
| } | |
| ).addTo(map_35c68673986885b65bd953e09298ae96); | |
| var div_icon_b380414973dad439c759c86e1ea72333 = 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_c79474c59647403ff8c7c2e611c24577 = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_fd138b1fa98fde228ddd5b6610c42ccf = $(`<div id="html_fd138b1fa98fde228ddd5b6610c42ccf" 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> اسم الترميز: جمعيات أهلية<br>الرقم الموحد: 7041229464<br> <a href="https://www.google.com/maps?q=26.3930302,50.0916293" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_c79474c59647403ff8c7c2e611c24577.setContent(html_fd138b1fa98fde228ddd5b6610c42ccf); | |
| marker_db5e4277a73c97ddd58d87fbb6e4b7cb.bindPopup(popup_c79474c59647403ff8c7c2e611c24577) | |
| ; | |
| marker_db5e4277a73c97ddd58d87fbb6e4b7cb.setIcon(div_icon_b380414973dad439c759c86e1ea72333); | |
| var marker_2c1e32f04970bb981638d539c62264bb = L.marker( | |
| [26.4322121, 50.1155923], | |
| { | |
| } | |
| ).addTo(map_35c68673986885b65bd953e09298ae96); | |
| var div_icon_ffdee1554ce01fdbcd089d0609f9382d = 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_73757dcb529b91cfe097689e8ed042cd = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_fa29e22c6aecfc68a5d3756e8badee27 = $(`<div id="html_fa29e22c6aecfc68a5d3756e8badee27" 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> اسم الترميز: جمعيات أهلية<br>الرقم الموحد: 7051935034<br> <a href="https://www.google.com/maps?q=26.4322121,50.1155923" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_73757dcb529b91cfe097689e8ed042cd.setContent(html_fa29e22c6aecfc68a5d3756e8badee27); | |
| marker_2c1e32f04970bb981638d539c62264bb.bindPopup(popup_73757dcb529b91cfe097689e8ed042cd) | |
| ; | |
| marker_2c1e32f04970bb981638d539c62264bb.setIcon(div_icon_ffdee1554ce01fdbcd089d0609f9382d); | |
| var layer_control_83be8a6ed1762825ed8089ce37f5b3d5_layers = { | |
| base_layers : { | |
| "openstreetmap" : tile_layer_e0204e61d6b4304ac8ec67587d0c54b6, | |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_63e7a0baa2bc6d7d2fa323999a2ab11f, | |
| }, | |
| overlays : { | |
| }, | |
| }; | |
| let layer_control_83be8a6ed1762825ed8089ce37f5b3d5 = L.control.layers( | |
| layer_control_83be8a6ed1762825ed8089ce37f5b3d5_layers.base_layers, | |
| layer_control_83be8a6ed1762825ed8089ce37f5b3d5_layers.overlays, | |
| { | |
| "position": "topright", | |
| "collapsed": true, | |
| "autoZIndex": true, | |
| } | |
| ).addTo(map_35c68673986885b65bd953e09298ae96); | |
| </script> | |
| </html> |