|
|
<!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_9273fc23a91ed505ba7ea06ce9b96013 { |
|
|
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> |
|
|
|
|
|
<h3 style='direction:rtl;text-align:center;margin:10px 0'>باحث رقم 25</h3> |
|
|
|
|
|
<div style=" |
|
|
position: fixed; |
|
|
bottom: 8px; left: 8px; |
|
|
background: rgba(255,255,255,0.85); |
|
|
padding: 6px 10px; |
|
|
border-radius: 8px; |
|
|
font-size: 13px; |
|
|
direction: rtl; |
|
|
z-index: 9999; |
|
|
box-shadow: 0 1px 6px rgba(0,0,0,0.15); |
|
|
"> |
|
|
تصميم وإعداد <b>نوف الناصر</b> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="folium-map" id="map_9273fc23a91ed505ba7ea06ce9b96013" ></div> |
|
|
|
|
|
</body> |
|
|
<script> |
|
|
|
|
|
|
|
|
var map_9273fc23a91ed505ba7ea06ce9b96013 = L.map( |
|
|
"map_9273fc23a91ed505ba7ea06ce9b96013", |
|
|
{ |
|
|
center: [28.41654239999999, 48.5049113], |
|
|
crs: L.CRS.EPSG3857, |
|
|
...{ |
|
|
"zoom": 15, |
|
|
"zoomControl": true, |
|
|
"preferCanvas": false, |
|
|
} |
|
|
|
|
|
} |
|
|
); |
|
|
L.control.scale().addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var tile_layer_2c1feaf45d211a43c1ee9b3959305898 = 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_2c1feaf45d211a43c1ee9b3959305898.addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
var tile_layer_a0d01b94c7245b469900a45ff5740848 = 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_a0d01b94c7245b469900a45ff5740848.addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
var tile_layer_2d3218a3071198e5ad095969a7f04df7 = 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_2d3218a3071198e5ad095969a7f04df7.addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
var locate_control_13fff718550c0d54ca0cd9adcc82b580 = L.control.locate( |
|
|
{"flyTo": true} |
|
|
).addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
|
|
|
var marker_b38dff9e17ac4cdbd0d3a88c629c02f3 = L.marker( |
|
|
[28.41654239999999, 48.5049113], |
|
|
{ |
|
|
} |
|
|
).addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
var icon_a6a6bfb3fdfa5b5492f91b5cdcb95f79 = L.AwesomeMarkers.icon( |
|
|
{ |
|
|
"markerColor": "red", |
|
|
"iconColor": "white", |
|
|
"icon": "info-sign", |
|
|
"prefix": "glyphicon", |
|
|
"extraClasses": "fa-rotate-0", |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
var popup_5b2dbcbcda4af6b864667d5004d335f8 = L.popup({ |
|
|
"maxWidth": 250, |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var html_8f7039cf9bd22e2f7b93fec44afcc692 = $(`<div id="html_8f7039cf9bd22e2f7b93fec44afcc692" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl"> <b>اجيال الترفيهية</b><br> الباحث: باحث رقم 25<br> السجل التجاري: 1000693600.0<br> المنطقة: الخفجي<br> الحارة: ج14<br> <a href="https://www.google.com/maps?q=28.41654239999999,48.5049113" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
|
|
popup_5b2dbcbcda4af6b864667d5004d335f8.setContent(html_8f7039cf9bd22e2f7b93fec44afcc692); |
|
|
|
|
|
|
|
|
|
|
|
marker_b38dff9e17ac4cdbd0d3a88c629c02f3.bindPopup(popup_5b2dbcbcda4af6b864667d5004d335f8) |
|
|
; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
marker_b38dff9e17ac4cdbd0d3a88c629c02f3.bindTooltip( |
|
|
`<div> |
|
|
اجيال الترفيهية |
|
|
</div>`, |
|
|
{ |
|
|
"sticky": true, |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
marker_b38dff9e17ac4cdbd0d3a88c629c02f3.setIcon(icon_a6a6bfb3fdfa5b5492f91b5cdcb95f79); |
|
|
|
|
|
|
|
|
var layer_control_84ea2bb172c2361244afaae0836f87df_layers = { |
|
|
base_layers : { |
|
|
"openstreetmap" : tile_layer_2c1feaf45d211a43c1ee9b3959305898, |
|
|
"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_a0d01b94c7245b469900a45ff5740848, |
|
|
"\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_2d3218a3071198e5ad095969a7f04df7, |
|
|
}, |
|
|
overlays : { |
|
|
}, |
|
|
}; |
|
|
let layer_control_84ea2bb172c2361244afaae0836f87df = L.control.layers( |
|
|
layer_control_84ea2bb172c2361244afaae0836f87df_layers.base_layers, |
|
|
layer_control_84ea2bb172c2361244afaae0836f87df_layers.overlays, |
|
|
{ |
|
|
"position": "topright", |
|
|
"collapsed": false, |
|
|
"autoZIndex": true, |
|
|
} |
|
|
).addTo(map_9273fc23a91ed505ba7ea06ce9b96013); |
|
|
|
|
|
|
|
|
</script> |
|
|
</html> |