Download QR/03.html from stat2025/Map: direct link, hf CLI and curl.
- Browser
- Download file 33.7 kB
-
https://huggingface.co/spaces/stat2025/Map/resolve/main/QR/03.html
- Command line
-
hf download hf://spaces/stat2025/Map/QR/03.html
-
curl -L -o 03.html https://huggingface.co/spaces/stat2025/Map/resolve/main/QR/03.html
33.7 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_e6fea053b0b17decc8582290d0fb3fff { | |
| 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_3" | |
| onclick=" | |
| var panel = | |
| document.getElementById( | |
| 'stats_3' | |
| ); | |
| var btn = | |
| document.getElementById( | |
| 'btn_stats_3' | |
| ); | |
| 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_3" | |
| 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> | |
| 1 | |
| </div> | |
| </div> | |
| <div style="margin-top:10px;"> | |
| <div style="font-weight:bold;"> | |
| أكثر الحارات: | |
| </div> | |
| <div style="padding-right:8px;"> | |
| <div>• الناصرية: 4</div> | |
| </div> | |
| </div> | |
| <div style=" | |
| margin-top:14px; | |
| padding-top:10px; | |
| border-top:1px solid rgba(0,0,0,0.08); | |
| "> | |
| <a | |
| href="report_03_أمل_جعفر_بن_علي_آل_حماد.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_03_أمل_جعفر_بن_علي_آل_حماد.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;"> | |
| (4) | |
| </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_0081fc452f393b76bdaf9d3330a66c26, | |
| map: | |
| map_e6fea053b0b17decc8582290d0fb3fff | |
| }); | |
| }, | |
| 800 | |
| ); | |
| </script> | |
| <script> | |
| setTimeout( | |
| function() { | |
| if ( | |
| !window.searchableMarkers | |
| ) | |
| window.searchableMarkers = []; | |
| window.searchableMarkers.push({ | |
| name: | |
| "جمعية البحث العلمي", | |
| layer: | |
| marker_958315ba0c2921e1b13d1f2862076fe0, | |
| map: | |
| map_e6fea053b0b17decc8582290d0fb3fff | |
| }); | |
| }, | |
| 800 | |
| ); | |
| </script> | |
| <script> | |
| setTimeout( | |
| function() { | |
| if ( | |
| !window.searchableMarkers | |
| ) | |
| window.searchableMarkers = []; | |
| window.searchableMarkers.push({ | |
| name: | |
| "الادخار", | |
| layer: | |
| marker_5bb285744ab10dbec3a5f48e98ef0d9e, | |
| map: | |
| map_e6fea053b0b17decc8582290d0fb3fff | |
| }); | |
| }, | |
| 800 | |
| ); | |
| </script> | |
| <script> | |
| setTimeout( | |
| function() { | |
| if ( | |
| !window.searchableMarkers | |
| ) | |
| window.searchableMarkers = []; | |
| window.searchableMarkers.push({ | |
| name: | |
| "الدار التراثية", | |
| layer: | |
| marker_c390fdd7da12e12dbbc559465cb353e5, | |
| map: | |
| map_e6fea053b0b17decc8582290d0fb3fff | |
| }); | |
| }, | |
| 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_e6fea053b0b17decc8582290d0fb3fff" ></div> | |
| </body> | |
| <script> | |
| var map_e6fea053b0b17decc8582290d0fb3fff = L.map( | |
| "map_e6fea053b0b17decc8582290d0fb3fff", | |
| { | |
| center: [26.423510427099174, 50.118735720112625], | |
| crs: L.CRS.EPSG3857, | |
| ...{ | |
| "zoom": 13, | |
| "zoomControl": true, | |
| "preferCanvas": false, | |
| } | |
| } | |
| ); | |
| var tile_layer_09579ebb6ac2798bd6853dc12359d0ea = 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_09579ebb6ac2798bd6853dc12359d0ea.addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var tile_layer_b9469d7c2ec3802d4011af28fdf78b38 = 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_b9469d7c2ec3802d4011af28fdf78b38.addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var tile_layer_0fdad8b2b4c9050e0a97bab930574479 = 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_0fdad8b2b4c9050e0a97bab930574479.addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var locate_control_0409a7797d48ea78b646368188f8acf3 = L.control.locate( | |
| {} | |
| ).addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var marker_0081fc452f393b76bdaf9d3330a66c26 = L.marker( | |
| [26.42360135, 50.11873434], | |
| { | |
| } | |
| ).addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var div_icon_4b705ce6cca3bb31ff5ccc597e227e69 = 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_54eaa3b7e2c6260aea59f755ed0e7151 = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_144d435d114a6cd7c36638cd15a489e0 = $(`<div id="html_144d435d114a6cd7c36638cd15a489e0" 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>الرقم الموحد: 7034981451<br> <a href="https://www.google.com/maps?q=26.42360135,50.11873434" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_54eaa3b7e2c6260aea59f755ed0e7151.setContent(html_144d435d114a6cd7c36638cd15a489e0); | |
| marker_0081fc452f393b76bdaf9d3330a66c26.bindPopup(popup_54eaa3b7e2c6260aea59f755ed0e7151) | |
| ; | |
| marker_0081fc452f393b76bdaf9d3330a66c26.setIcon(div_icon_4b705ce6cca3bb31ff5ccc597e227e69); | |
| var marker_958315ba0c2921e1b13d1f2862076fe0 = L.marker( | |
| [26.4235221, 50.1188201], | |
| { | |
| } | |
| ).addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var div_icon_de0e736558fa084dbeae2e8c743cc4f0 = 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_131c2c566dc778c4b56cb3f481f63ae5 = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_1c19a0173fc3d0cd806bf0a873bc5dd3 = $(`<div id="html_1c19a0173fc3d0cd806bf0a873bc5dd3" 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>الرقم الموحد: 7020608977<br> <a href="https://www.google.com/maps?q=26.4235221,50.1188201" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_131c2c566dc778c4b56cb3f481f63ae5.setContent(html_1c19a0173fc3d0cd806bf0a873bc5dd3); | |
| marker_958315ba0c2921e1b13d1f2862076fe0.bindPopup(popup_131c2c566dc778c4b56cb3f481f63ae5) | |
| ; | |
| marker_958315ba0c2921e1b13d1f2862076fe0.setIcon(div_icon_de0e736558fa084dbeae2e8c743cc4f0); | |
| var marker_5bb285744ab10dbec3a5f48e98ef0d9e = L.marker( | |
| [26.4234955583967, 50.1187282404505], | |
| { | |
| } | |
| ).addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var div_icon_8db59f60eeb4e4e6bcc4acb4eb70d401 = 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_9a2607cf0108af2701eb0b4b724ae0e8 = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_52bd845d81583fbac6287b1074a964e0 = $(`<div id="html_52bd845d81583fbac6287b1074a964e0" 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>الرقم الموحد: 7028583792<br> <a href="https://www.google.com/maps?q=26.4234955583967,50.1187282404505" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_9a2607cf0108af2701eb0b4b724ae0e8.setContent(html_52bd845d81583fbac6287b1074a964e0); | |
| marker_5bb285744ab10dbec3a5f48e98ef0d9e.bindPopup(popup_9a2607cf0108af2701eb0b4b724ae0e8) | |
| ; | |
| marker_5bb285744ab10dbec3a5f48e98ef0d9e.setIcon(div_icon_8db59f60eeb4e4e6bcc4acb4eb70d401); | |
| var marker_c390fdd7da12e12dbbc559465cb353e5 = L.marker( | |
| [26.4234227, 50.1186602], | |
| { | |
| } | |
| ).addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| var div_icon_61d63809b794dbbcaf75a2a811d7c97e = 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_28f20bd11830d860d29bc3157b5f385f = L.popup({ | |
| "maxWidth": 340, | |
| }); | |
| var html_11d89c3852f7458ba6656d9d8376a0d2 = $(`<div id="html_11d89c3852f7458ba6656d9d8376a0d2" 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>الرقم الموحد: 7041318044<br> <a href="https://www.google.com/maps?q=26.4234227,50.1186602" target="_blank" > فتح في خرائط جوجل </a> </div> </div>`)[0]; | |
| popup_28f20bd11830d860d29bc3157b5f385f.setContent(html_11d89c3852f7458ba6656d9d8376a0d2); | |
| marker_c390fdd7da12e12dbbc559465cb353e5.bindPopup(popup_28f20bd11830d860d29bc3157b5f385f) | |
| ; | |
| marker_c390fdd7da12e12dbbc559465cb353e5.setIcon(div_icon_61d63809b794dbbcaf75a2a811d7c97e); | |
| var layer_control_ccade634949072b621d3f1fab8609bd6_layers = { | |
| base_layers : { | |
| "openstreetmap" : tile_layer_b9469d7c2ec3802d4011af28fdf78b38, | |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_0fdad8b2b4c9050e0a97bab930574479, | |
| }, | |
| overlays : { | |
| }, | |
| }; | |
| let layer_control_ccade634949072b621d3f1fab8609bd6 = L.control.layers( | |
| layer_control_ccade634949072b621d3f1fab8609bd6_layers.base_layers, | |
| layer_control_ccade634949072b621d3f1fab8609bd6_layers.overlays, | |
| { | |
| "position": "topright", | |
| "collapsed": true, | |
| "autoZIndex": true, | |
| } | |
| ).addTo(map_e6fea053b0b17decc8582290d0fb3fff); | |
| </script> | |
| </html> |