|
|
<!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_3221e45ecc390db9e2b6fb0ab275c2d1 { |
|
|
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'>باحث رقم 9</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_3221e45ecc390db9e2b6fb0ab275c2d1" ></div> |
|
|
|
|
|
</body> |
|
|
<script> |
|
|
|
|
|
|
|
|
var map_3221e45ecc390db9e2b6fb0ab275c2d1 = L.map( |
|
|
"map_3221e45ecc390db9e2b6fb0ab275c2d1", |
|
|
{ |
|
|
center: [28.4130629022312, 48.501550107108656], |
|
|
crs: L.CRS.EPSG3857, |
|
|
...{ |
|
|
"zoom": 13, |
|
|
"zoomControl": true, |
|
|
"preferCanvas": false, |
|
|
} |
|
|
|
|
|
} |
|
|
); |
|
|
L.control.scale().addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var tile_layer_71c27b1fea154a9d9fc3f5784de36988 = 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_71c27b1fea154a9d9fc3f5784de36988.addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
var tile_layer_a03fe3804e1f349c2701c2947686ad79 = 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_a03fe3804e1f349c2701c2947686ad79.addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
var tile_layer_3939f62afbc57a1a06598bf6e8ad64c2 = 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_3939f62afbc57a1a06598bf6e8ad64c2.addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
var locate_control_011dee59af3692c40ca287bf1ffcba1d = L.control.locate( |
|
|
{"flyTo": true} |
|
|
).addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
|
|
|
var marker_5ee284c8f55faed204c1b241c3cc9e56 = L.marker( |
|
|
[28.41239357, 48.50657788], |
|
|
{ |
|
|
} |
|
|
).addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
var icon_a7d2c2253da5bfd3bd8ff8f98632cdb7 = L.AwesomeMarkers.icon( |
|
|
{ |
|
|
"markerColor": "red", |
|
|
"iconColor": "white", |
|
|
"icon": "info-sign", |
|
|
"prefix": "glyphicon", |
|
|
"extraClasses": "fa-rotate-0", |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
var popup_fe88e33cf9e2dfe62d348dec52838d55 = L.popup({ |
|
|
"maxWidth": 250, |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var html_9e33e5616f843ae9fc8d450f87bd2df3 = $(`<div id="html_9e33e5616f843ae9fc8d450f87bd2df3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl"> <b>شركة الخليج العربي للأعمال المكانيكية والمقاولات المحدودة</b><br> الباحث: باحث رقم 9<br> السجل التجاري: 2057001411<br> المنطقة: الخفجي<br> الحارة: ج14<br> <a href="https://www.google.com/maps?q=28.41239357,48.50657788" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
|
|
popup_fe88e33cf9e2dfe62d348dec52838d55.setContent(html_9e33e5616f843ae9fc8d450f87bd2df3); |
|
|
|
|
|
|
|
|
|
|
|
marker_5ee284c8f55faed204c1b241c3cc9e56.bindPopup(popup_fe88e33cf9e2dfe62d348dec52838d55) |
|
|
; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
marker_5ee284c8f55faed204c1b241c3cc9e56.bindTooltip( |
|
|
`<div> |
|
|
شركة الخليج العربي للأعمال المكانيكية والمقاولات المحدودة |
|
|
</div>`, |
|
|
{ |
|
|
"sticky": true, |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
marker_5ee284c8f55faed204c1b241c3cc9e56.setIcon(icon_a7d2c2253da5bfd3bd8ff8f98632cdb7); |
|
|
|
|
|
|
|
|
var marker_a99080697b9a40f8d74a0dee62ea13d9 = L.marker( |
|
|
[28.4137322344624, 48.4965223342173], |
|
|
{ |
|
|
} |
|
|
).addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
var icon_533137b37938fe285fcb49ab1efebdf9 = L.AwesomeMarkers.icon( |
|
|
{ |
|
|
"markerColor": "red", |
|
|
"iconColor": "white", |
|
|
"icon": "info-sign", |
|
|
"prefix": "glyphicon", |
|
|
"extraClasses": "fa-rotate-0", |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
var popup_647cdd1a26494a936e90e9ab2f52b08e = L.popup({ |
|
|
"maxWidth": 250, |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var html_7f30fd2b17f38aa5a2d711078f5c1a51 = $(`<div id="html_7f30fd2b17f38aa5a2d711078f5c1a51" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl"> <b>شركة حواء للمطابخ الالمنيوم التجارية</b><br> الباحث: باحث رقم 9<br> السجل التجاري: 2050137376<br> المنطقة: الخفجي<br> الحارة: ج14<br> <a href="https://www.google.com/maps?q=28.4137322344624,48.4965223342173" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
|
|
popup_647cdd1a26494a936e90e9ab2f52b08e.setContent(html_7f30fd2b17f38aa5a2d711078f5c1a51); |
|
|
|
|
|
|
|
|
|
|
|
marker_a99080697b9a40f8d74a0dee62ea13d9.bindPopup(popup_647cdd1a26494a936e90e9ab2f52b08e) |
|
|
; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
marker_a99080697b9a40f8d74a0dee62ea13d9.bindTooltip( |
|
|
`<div> |
|
|
شركة حواء للمطابخ الالمنيوم التجارية |
|
|
</div>`, |
|
|
{ |
|
|
"sticky": true, |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
marker_a99080697b9a40f8d74a0dee62ea13d9.setIcon(icon_533137b37938fe285fcb49ab1efebdf9); |
|
|
|
|
|
|
|
|
var layer_control_79906343ba3999d1ef1d0b3463cf42d9_layers = { |
|
|
base_layers : { |
|
|
"openstreetmap" : tile_layer_71c27b1fea154a9d9fc3f5784de36988, |
|
|
"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_a03fe3804e1f349c2701c2947686ad79, |
|
|
"\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_3939f62afbc57a1a06598bf6e8ad64c2, |
|
|
}, |
|
|
overlays : { |
|
|
}, |
|
|
}; |
|
|
let layer_control_79906343ba3999d1ef1d0b3463cf42d9 = L.control.layers( |
|
|
layer_control_79906343ba3999d1ef1d0b3463cf42d9_layers.base_layers, |
|
|
layer_control_79906343ba3999d1ef1d0b3463cf42d9_layers.overlays, |
|
|
{ |
|
|
"position": "topright", |
|
|
"collapsed": false, |
|
|
"autoZIndex": true, |
|
|
} |
|
|
).addTo(map_3221e45ecc390db9e2b6fb0ab275c2d1); |
|
|
|
|
|
|
|
|
</script> |
|
|
</html> |
