|
|
<!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_4226f2a13b16872bf0b13472a1b6ae6e { |
|
|
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'>باحث رقم 30</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_4226f2a13b16872bf0b13472a1b6ae6e" ></div> |
|
|
|
|
|
</body> |
|
|
<script> |
|
|
|
|
|
|
|
|
var map_4226f2a13b16872bf0b13472a1b6ae6e = L.map( |
|
|
"map_4226f2a13b16872bf0b13472a1b6ae6e", |
|
|
{ |
|
|
center: [27.06405657, 49.53975151], |
|
|
crs: L.CRS.EPSG3857, |
|
|
...{ |
|
|
"zoom": 15, |
|
|
"zoomControl": true, |
|
|
"preferCanvas": false, |
|
|
} |
|
|
|
|
|
} |
|
|
); |
|
|
L.control.scale().addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var tile_layer_82345bf256f9b036dd27c295e735380e = 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_82345bf256f9b036dd27c295e735380e.addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
var tile_layer_6a970614daff30fa8b84c17b9029b60f = 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_6a970614daff30fa8b84c17b9029b60f.addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
var tile_layer_536dfd079a941d4c6fba25f391df2334 = 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_536dfd079a941d4c6fba25f391df2334.addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
var locate_control_1e2811d96861ee37bef6596eac9d867e = L.control.locate( |
|
|
{"flyTo": true} |
|
|
).addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
|
|
|
var marker_8422f45cd62beaf771111ca38a67d127 = L.marker( |
|
|
[27.06405657, 49.53975151], |
|
|
{ |
|
|
} |
|
|
).addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
var icon_8722a5a3dce8a657d6e471742ee1836d = L.AwesomeMarkers.icon( |
|
|
{ |
|
|
"markerColor": "red", |
|
|
"iconColor": "white", |
|
|
"icon": "info-sign", |
|
|
"prefix": "glyphicon", |
|
|
"extraClasses": "fa-rotate-0", |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
var popup_5b01303709898b9051621dca6863fc69 = L.popup({ |
|
|
"maxWidth": 250, |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var html_530f54c33aa313069145f8724ef2249e = $(`<div id="html_530f54c33aa313069145f8724ef2249e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl"> <b>شركة المصنع السعودي للرافعات وأعمال الحديد المحدودة</b><br> الباحث: باحث رقم 30<br> السجل التجاري: 2055004753<br> المنطقة: nan<br> الحارة: الجبيل<br> <a href="https://www.google.com/maps?q=27.06405657,49.53975151" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
|
|
popup_5b01303709898b9051621dca6863fc69.setContent(html_530f54c33aa313069145f8724ef2249e); |
|
|
|
|
|
|
|
|
|
|
|
marker_8422f45cd62beaf771111ca38a67d127.bindPopup(popup_5b01303709898b9051621dca6863fc69) |
|
|
; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
marker_8422f45cd62beaf771111ca38a67d127.bindTooltip( |
|
|
`<div> |
|
|
شركة المصنع السعودي للرافعات وأعمال الحديد المحدودة |
|
|
</div>`, |
|
|
{ |
|
|
"sticky": true, |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
marker_8422f45cd62beaf771111ca38a67d127.setIcon(icon_8722a5a3dce8a657d6e471742ee1836d); |
|
|
|
|
|
|
|
|
var layer_control_8f0cee65c9c615c9f17519da9dd17350_layers = { |
|
|
base_layers : { |
|
|
"openstreetmap" : tile_layer_82345bf256f9b036dd27c295e735380e, |
|
|
"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_6a970614daff30fa8b84c17b9029b60f, |
|
|
"\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_536dfd079a941d4c6fba25f391df2334, |
|
|
}, |
|
|
overlays : { |
|
|
}, |
|
|
}; |
|
|
let layer_control_8f0cee65c9c615c9f17519da9dd17350 = L.control.layers( |
|
|
layer_control_8f0cee65c9c615c9f17519da9dd17350_layers.base_layers, |
|
|
layer_control_8f0cee65c9c615c9f17519da9dd17350_layers.overlays, |
|
|
{ |
|
|
"position": "topright", |
|
|
"collapsed": false, |
|
|
"autoZIndex": true, |
|
|
} |
|
|
).addTo(map_4226f2a13b16872bf0b13472a1b6ae6e); |
|
|
|
|
|
|
|
|
</script> |
|
|
</html> |
