|
|
<!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_f7abe18665664bd18e2712995aec5552 { |
|
|
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'>باحث رقم 11</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_f7abe18665664bd18e2712995aec5552" ></div> |
|
|
|
|
|
</body> |
|
|
<script> |
|
|
|
|
|
|
|
|
var map_f7abe18665664bd18e2712995aec5552 = L.map( |
|
|
"map_f7abe18665664bd18e2712995aec5552", |
|
|
{ |
|
|
center: [26.471929, 50.12365074], |
|
|
crs: L.CRS.EPSG3857, |
|
|
...{ |
|
|
"zoom": 15, |
|
|
"zoomControl": true, |
|
|
"preferCanvas": false, |
|
|
} |
|
|
|
|
|
} |
|
|
); |
|
|
L.control.scale().addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var tile_layer_cb45d9959c44f4c4e3d484f2e9382f78 = 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_cb45d9959c44f4c4e3d484f2e9382f78.addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
var tile_layer_fcf98f9b7f4a591b79306981b7bff30b = 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_fcf98f9b7f4a591b79306981b7bff30b.addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
var tile_layer_e7108c728ce07f8c0f9abfb341671bc3 = 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_e7108c728ce07f8c0f9abfb341671bc3.addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
var locate_control_2efe8179062c41cf42d2a96e8a91c421 = L.control.locate( |
|
|
{"flyTo": true} |
|
|
).addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
|
|
|
var marker_67f497a7ec6e8cc14ee5bc5cc8ec26d4 = L.marker( |
|
|
[26.471929, 50.12365074], |
|
|
{ |
|
|
} |
|
|
).addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
var icon_df3894ea9110d6beeefbea09bf4c68a0 = L.AwesomeMarkers.icon( |
|
|
{ |
|
|
"markerColor": "red", |
|
|
"iconColor": "white", |
|
|
"icon": "info-sign", |
|
|
"prefix": "glyphicon", |
|
|
"extraClasses": "fa-rotate-0", |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
var popup_7294aec24e366936205f25968ff5cbfd = L.popup({ |
|
|
"maxWidth": 250, |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var html_0956d4e80d08b8995022ce33c3be3283 = $(`<div id="html_0956d4e80d08b8995022ce33c3be3283" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl"> <b>شركة الابتكار العربية للخدمات النفطية</b><br> الباحث: باحث رقم 11<br> السجل التجاري: 2050154364<br> المنطقة: المنطقة الشرقية<br> الحارة: الدمام (مقرالامارة)<br> <a href="https://www.google.com/maps?q=26.471929,50.12365074" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
|
|
popup_7294aec24e366936205f25968ff5cbfd.setContent(html_0956d4e80d08b8995022ce33c3be3283); |
|
|
|
|
|
|
|
|
|
|
|
marker_67f497a7ec6e8cc14ee5bc5cc8ec26d4.bindPopup(popup_7294aec24e366936205f25968ff5cbfd) |
|
|
; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
marker_67f497a7ec6e8cc14ee5bc5cc8ec26d4.bindTooltip( |
|
|
`<div> |
|
|
شركة الابتكار العربية للخدمات النفطية |
|
|
</div>`, |
|
|
{ |
|
|
"sticky": true, |
|
|
} |
|
|
); |
|
|
|
|
|
|
|
|
marker_67f497a7ec6e8cc14ee5bc5cc8ec26d4.setIcon(icon_df3894ea9110d6beeefbea09bf4c68a0); |
|
|
|
|
|
|
|
|
var layer_control_f9904557e1142a41bc1c8d9d7da7a80c_layers = { |
|
|
base_layers : { |
|
|
"openstreetmap" : tile_layer_cb45d9959c44f4c4e3d484f2e9382f78, |
|
|
"\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_fcf98f9b7f4a591b79306981b7bff30b, |
|
|
"\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_e7108c728ce07f8c0f9abfb341671bc3, |
|
|
}, |
|
|
overlays : { |
|
|
}, |
|
|
}; |
|
|
let layer_control_f9904557e1142a41bc1c8d9d7da7a80c = L.control.layers( |
|
|
layer_control_f9904557e1142a41bc1c8d9d7da7a80c_layers.base_layers, |
|
|
layer_control_f9904557e1142a41bc1c8d9d7da7a80c_layers.overlays, |
|
|
{ |
|
|
"position": "topright", |
|
|
"collapsed": false, |
|
|
"autoZIndex": true, |
|
|
} |
|
|
).addTo(map_f7abe18665664bd18e2712995aec5552); |
|
|
|
|
|
|
|
|
</script> |
|
|
</html> |
