| <!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_58e657fb76707de5e5a12cfbee35091a { |
| 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'>باحث رقم 20</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_58e657fb76707de5e5a12cfbee35091a" ></div> |
| |
| </body> |
| <script> |
| |
| |
| var map_58e657fb76707de5e5a12cfbee35091a = L.map( |
| "map_58e657fb76707de5e5a12cfbee35091a", |
| { |
| center: [27.00222681, 49.62237204], |
| crs: L.CRS.EPSG3857, |
| ...{ |
| "zoom": 15, |
| "zoomControl": true, |
| "preferCanvas": false, |
| } |
| |
| } |
| ); |
| L.control.scale().addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| |
| |
| |
| var tile_layer_34f663c02c4405263fa20aa641404822 = 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_34f663c02c4405263fa20aa641404822.addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| var tile_layer_fb255dc5d67d7e5cf2f17ea1d61250ff = 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_fb255dc5d67d7e5cf2f17ea1d61250ff.addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| var tile_layer_ae0c48be99356a06372c4b2bb26a1bac = 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_ae0c48be99356a06372c4b2bb26a1bac.addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| var locate_control_b8ebbfbc1ebec06ed66e1ffa1d2f8bb0 = L.control.locate( |
| {"flyTo": true} |
| ).addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| |
| var marker_05e9182992ab74449b51875d74136d97 = L.marker( |
| [27.00222681, 49.62237204], |
| { |
| } |
| ).addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| var icon_3462b403347cbee1064f079faa1ca3f9 = L.AwesomeMarkers.icon( |
| { |
| "markerColor": "red", |
| "iconColor": "white", |
| "icon": "info-sign", |
| "prefix": "glyphicon", |
| "extraClasses": "fa-rotate-0", |
| } |
| ); |
| |
| |
| var popup_f6014916d70322507ad16a9f404883dc = L.popup({ |
| "maxWidth": 250, |
| }); |
| |
| |
| |
| var html_927147ce7518f84e97af192567d95bec = $(`<div id="html_927147ce7518f84e97af192567d95bec" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl"> <b>شركة مصنع حمادي الجبيل للتصنيع</b><br> الباحث: باحث رقم 20<br> السجل التجاري: 2055020245<br> المنطقة: المنطقة الشرقية<br> الحارة: الجبيل<br> <a href="https://www.google.com/maps?q=27.00222681,49.62237204" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0]; |
| popup_f6014916d70322507ad16a9f404883dc.setContent(html_927147ce7518f84e97af192567d95bec); |
| |
| |
| |
| marker_05e9182992ab74449b51875d74136d97.bindPopup(popup_f6014916d70322507ad16a9f404883dc) |
| ; |
| |
| |
| |
| |
| marker_05e9182992ab74449b51875d74136d97.bindTooltip( |
| `<div> |
| شركة مصنع حمادي الجبيل للتصنيع |
| </div>`, |
| { |
| "sticky": true, |
| } |
| ); |
| |
| |
| marker_05e9182992ab74449b51875d74136d97.setIcon(icon_3462b403347cbee1064f079faa1ca3f9); |
| |
| |
| var layer_control_637d9ee1f31137ed889c603c4b0d63cf_layers = { |
| base_layers : { |
| "openstreetmap" : tile_layer_34f663c02c4405263fa20aa641404822, |
| "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_fb255dc5d67d7e5cf2f17ea1d61250ff, |
| "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_ae0c48be99356a06372c4b2bb26a1bac, |
| }, |
| overlays : { |
| }, |
| }; |
| let layer_control_637d9ee1f31137ed889c603c4b0d63cf = L.control.layers( |
| layer_control_637d9ee1f31137ed889c603c4b0d63cf_layers.base_layers, |
| layer_control_637d9ee1f31137ed889c603c4b0d63cf_layers.overlays, |
| { |
| "position": "topright", |
| "collapsed": false, |
| "autoZIndex": true, |
| } |
| ).addTo(map_58e657fb76707de5e5a12cfbee35091a); |
| |
| |
| </script> |
| </html> |
