stat2025 commited on
Commit
e3abbcc
·
verified ·
1 Parent(s): c8ca9b0

Delete entag

Browse files
This view is limited to 50 files because it contains too many changes.   See raw diff
Files changed (50) hide show
  1. entag/01.html +0 -606
  2. entag/02.html +0 -864
  3. entag/03.html +0 -912
  4. entag/04.html +0 -948
  5. entag/05.html +0 -798
  6. entag/06.html +0 -966
  7. entag/07.html +0 -912
  8. entag/08.html +0 -960
  9. entag/09.html +0 -816
  10. entag/10.html +0 -954
  11. entag/11.html +0 -960
  12. entag/12.html +0 -978
  13. entag/13.html +0 -1002
  14. entag/14.html +0 -654
  15. entag/15.html +0 -666
  16. entag/16.html +0 -666
  17. entag/17.html +0 -660
  18. entag/18.html +0 -702
  19. entag/19.html +0 -714
  20. entag/20.html +0 -564
  21. entag/21.html +0 -858
  22. entag/22.html +0 -858
  23. entag/23.html +0 -918
  24. entag/24.html +0 -912
  25. entag/25.html +0 -966
  26. entag/26.html +0 -948
  27. entag/27.html +0 -864
  28. entag/28.html +0 -846
  29. entag/29.html +0 -918
  30. entag/30.html +0 -1038
  31. entag/31.html +0 -966
  32. entag/32.html +0 -1026
  33. entag/33.html +0 -930
  34. entag/34.html +0 -978
  35. entag/35.html +0 -978
  36. entag/36.html +0 -510
  37. entag/37.html +0 -720
  38. entag/38.html +0 -726
  39. entag/39.html +0 -822
  40. entag/40.html +0 -822
  41. entag/41.html +0 -876
  42. entag/42.html +0 -768
  43. entag/43.html +0 -762
  44. entag/44.html +0 -780
  45. entag/45.html +0 -762
  46. entag/46.html +0 -756
  47. entag/47.html +0 -768
  48. entag/48.html +0 -714
  49. entag/49.html +0 -720
  50. entag/50.html +0 -822
entag/01.html DELETED
@@ -1,606 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_280564f619273e8275a794e0c31a5276 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">عبدالهادي عون بن سعييد القحطاني - 1</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 3<br>
139
- <b>عدد الحارات:</b> 1<br>
140
- <b>الأكثر:</b> <b>المدينة الصناعية الثانية بالدمام</b>: 3
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المدينة الصناعية الثانية بالدمام</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
-
156
- <script>
157
- (function(){
158
- const box = document.getElementById('statsBox');
159
- const fab = document.getElementById('statsFab');
160
- const hide = document.getElementById('hideStats');
161
-
162
- hide.addEventListener('click', function(){
163
- box.style.display = 'none';
164
- fab.style.display = 'block';
165
- });
166
-
167
- fab.addEventListener('click', function(){
168
- box.style.display = 'block';
169
- fab.style.display = 'none';
170
- });
171
- })();
172
- </script>
173
-
174
-
175
- <style>
176
- .leaflet-control.est-search-control {
177
- background: rgba(255,255,255,0.92);
178
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
179
- border-radius: 14px;
180
- padding: 10px 10px;
181
- width: 320px;
182
- direction: rtl;
183
- font-family: Arial, sans-serif;
184
- }
185
- .est-search-control input {
186
- width: 100%;
187
- border: 1px solid rgba(0,0,0,0.15);
188
- border-radius: 10px;
189
- padding: 10px 12px;
190
- font-size: 13px;
191
- outline: none;
192
- }
193
- .est-search-meta {
194
- margin-top: 6px;
195
- font-size: 12px;
196
- color: #666;
197
- display:flex;
198
- justify-content:space-between;
199
- gap:8px;
200
- }
201
- .est-results {
202
- margin-top: 8px;
203
- max-height: 180px;
204
- overflow: auto;
205
- border-top: 1px solid rgba(0,0,0,0.08);
206
- padding-top: 6px;
207
- }
208
- .est-item {
209
- cursor: pointer;
210
- padding: 8px 10px;
211
- border-radius: 10px;
212
- font-size: 13px;
213
- line-height: 1.4;
214
- }
215
- .est-item:hover {
216
- background: rgba(0,0,0,0.06);
217
- }
218
- .est-badge {
219
- font-size: 12px;
220
- color: #333;
221
- }
222
- .est-clear {
223
- cursor:pointer;
224
- user-select:none;
225
- font-size:12px;
226
- color:#0b6efd;
227
- }
228
- </style>
229
-
230
- <script>
231
- (function(){
232
- const map = map_280564f619273e8275a794e0c31a5276;
233
- // items: list of objects (title, lat, lon, markerVar)
234
- const items = [{"title": "مؤسسة الخط السابع للنقليات", "lat": 26.2047262299999, "lon": 49.94269276, "markerVar": "marker_a39043583f6b0a0abecee4ebe31c4c48"}, {"title": "مؤسسة ابراهيم هندي الهاجري للنقليات", "lat": 26.1998206015381, "lon": 49.9406248371717, "markerVar": "marker_a995502a2b2157895278a80d4161c00c"}, {"title": "مؤسسة محمد بن ابراهيم الحمود للنقليات", "lat": 26.2131950363284, "lon": 49.9387046600226, "markerVar": "marker_675f067ac54018963291f2775b1fa5df"}];
235
-
236
- function norm(s){
237
- if(!s) return "";
238
- s = (""+s).toLowerCase();
239
-
240
- // إزالة التشكيل
241
- s = s.replace(/[\u064B-\u065F]/g, "");
242
- // تطبيع عربي
243
- s = s.replace(/[إأآا]/g, "ا")
244
- .replace(/ى/g, "ي")
245
- .replace(/ة/g, "ه")
246
- .replace(/ؤ/g, "و")
247
- .replace(/ئ/g, "ي")
248
- .replace(/ـ/g, "");
249
- // مسافات
250
- s = s.replace(/\s+/g, " ").trim();
251
- return s;
252
- }
253
-
254
- const SearchControl = L.Control.extend({
255
- options: { position: 'bottomleft' },
256
- onAdd: function(){
257
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
258
- div.innerHTML = `
259
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
260
- <div class="est-search-meta">
261
- <span id="estCount" class="est-badge"></span>
262
- <span id="estClear" class="est-clear">مسح</span>
263
- </div>
264
- <div id="estResults" class="est-results"></div>
265
- `;
266
- L.DomEvent.disableClickPropagation(div);
267
- L.DomEvent.disableScrollPropagation(div);
268
- return div;
269
- }
270
- });
271
-
272
- map.addControl(new SearchControl());
273
-
274
- function renderResults(hits){
275
- const results = document.getElementById('estResults');
276
- const count = document.getElementById('estCount');
277
- results.innerHTML = "";
278
-
279
- if(!hits.length){
280
- count.textContent = "لا توجد نتائج";
281
- return;
282
- }
283
-
284
- count.textContent = "النتائج: " + hits.length;
285
-
286
- for(const h of hits.slice(0, 50)){
287
- const el = document.createElement('div');
288
- el.className = 'est-item';
289
- el.textContent = h.title;
290
- el.onclick = function(){
291
- try {
292
- const mv = window[h.markerVar];
293
- if(mv && mv.getLatLng){
294
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
295
- if(mv.openPopup) mv.openPopup();
296
- } else {
297
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
298
- }
299
- } catch(e) {}
300
- };
301
- results.appendChild(el);
302
- }
303
- }
304
-
305
- function search(q){
306
- const nq = norm(q);
307
- if(!nq) return [];
308
- const hits = [];
309
- for(const it of items){
310
- if(norm(it.title).includes(nq)) hits.push(it);
311
- }
312
- return hits;
313
- }
314
-
315
- setTimeout(function(){
316
- const input = document.getElementById('estQ');
317
- const clearBtn = document.getElementById('estClear');
318
-
319
- input.addEventListener('input', function(){
320
- renderResults(search(this.value));
321
- });
322
-
323
- input.addEventListener('keydown', function(e){
324
- if(e.key === 'Enter'){
325
- const hits = search(this.value);
326
- renderResults(hits);
327
- if(hits.length){
328
- try {
329
- const mv = window[hits[0].markerVar];
330
- if(mv && mv.getLatLng){
331
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
332
- if(mv.openPopup) mv.openPopup();
333
- }
334
- } catch(e) {}
335
- }
336
- }
337
- });
338
-
339
- clearBtn.addEventListener('click', function(){
340
- input.value = "";
341
- document.getElementById('estResults').innerHTML = "";
342
- document.getElementById('estCount').textContent = "";
343
- });
344
- }, 0);
345
- })();
346
- </script>
347
-
348
-
349
- <div style="
350
- position: fixed;
351
- bottom: 8px; left: 8px;
352
- background: rgba(255,255,255,0.85);
353
- padding: 6px 10px;
354
- border-radius: 10px;
355
- font-size: 13px;
356
- direction: rtl;
357
- z-index: 9999;
358
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
359
- font-family: Arial, sans-serif;
360
- ">
361
- تصميم وإعداد <b>نوف الناصر</b>
362
- </div>
363
-
364
-
365
- <div class="folium-map" id="map_280564f619273e8275a794e0c31a5276" ></div>
366
-
367
- </body>
368
- <script>
369
-
370
-
371
- var map_280564f619273e8275a794e0c31a5276 = L.map(
372
- "map_280564f619273e8275a794e0c31a5276",
373
- {
374
- center: [26.205913955955467, 49.94067408573144],
375
- crs: L.CRS.EPSG3857,
376
- ...{
377
- "zoom": 13,
378
- "zoomControl": true,
379
- "preferCanvas": false,
380
- }
381
-
382
- }
383
- );
384
- L.control.scale().addTo(map_280564f619273e8275a794e0c31a5276);
385
-
386
-
387
-
388
-
389
-
390
- var tile_layer_e0e4ccb7035b8f99388cb5f0d88d9c71 = L.tileLayer(
391
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
392
- {
393
- "minZoom": 0,
394
- "maxZoom": 19,
395
- "maxNativeZoom": 19,
396
- "noWrap": false,
397
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
398
- "subdomains": "abc",
399
- "detectRetina": false,
400
- "tms": false,
401
- "opacity": 1,
402
- }
403
-
404
- );
405
-
406
-
407
- tile_layer_e0e4ccb7035b8f99388cb5f0d88d9c71.addTo(map_280564f619273e8275a794e0c31a5276);
408
-
409
-
410
- var tile_layer_247a79d7efe764b82b8f4099f4061e71 = L.tileLayer(
411
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
412
- {
413
- "minZoom": 0,
414
- "maxZoom": 18,
415
- "maxNativeZoom": 18,
416
- "noWrap": false,
417
- "attribution": "\u0026copy; Esri",
418
- "subdomains": "abc",
419
- "detectRetina": false,
420
- "tms": false,
421
- "opacity": 1,
422
- }
423
-
424
- );
425
-
426
-
427
- tile_layer_247a79d7efe764b82b8f4099f4061e71.addTo(map_280564f619273e8275a794e0c31a5276);
428
-
429
-
430
- var locate_control_7e7ac1dc9134cd24a4aabffa2eeef264 = L.control.locate(
431
- {"flyTo": true}
432
- ).addTo(map_280564f619273e8275a794e0c31a5276);
433
-
434
-
435
-
436
- var marker_a39043583f6b0a0abecee4ebe31c4c48 = L.marker(
437
- [26.2047262299999, 49.94269276],
438
- {
439
- }
440
- ).addTo(map_280564f619273e8275a794e0c31a5276);
441
-
442
-
443
- var icon_cb18695430f74a9da629535fe9a40177 = L.AwesomeMarkers.icon(
444
- {
445
- "markerColor": "lightblue",
446
- "iconColor": "white",
447
- "icon": "info-sign",
448
- "prefix": "glyphicon",
449
- "extraClasses": "fa-rotate-0",
450
- }
451
- );
452
-
453
-
454
- var popup_bafd51343e99133bf77868157c81978d = L.popup({
455
- "maxWidth": 320,
456
- });
457
-
458
-
459
-
460
- var html_7f65fbbb24efec47b6941a1fd61f8e98 = $(`<div id="html_7f65fbbb24efec47b6941a1fd61f8e98" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الخط السابع للنقليات</b><br> السجل التجاري: 2050099404<br> المنطقة: الدمام<br> الحارة: المدينة الصناعية الثانية بالدمام<br> <a href="https://www.google.com/maps?q=26.2047262299999,49.94269276" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
461
- popup_bafd51343e99133bf77868157c81978d.setContent(html_7f65fbbb24efec47b6941a1fd61f8e98);
462
-
463
-
464
-
465
- marker_a39043583f6b0a0abecee4ebe31c4c48.bindPopup(popup_bafd51343e99133bf77868157c81978d)
466
- ;
467
-
468
-
469
-
470
-
471
- marker_a39043583f6b0a0abecee4ebe31c4c48.bindTooltip(
472
- `<div>
473
- مؤسسة الخط السابع للنقليات
474
- </div>`,
475
- {
476
- "sticky": true,
477
- }
478
- );
479
-
480
-
481
- marker_a39043583f6b0a0abecee4ebe31c4c48.setIcon(icon_cb18695430f74a9da629535fe9a40177);
482
-
483
-
484
- var marker_a995502a2b2157895278a80d4161c00c = L.marker(
485
- [26.1998206015381, 49.9406248371717],
486
- {
487
- }
488
- ).addTo(map_280564f619273e8275a794e0c31a5276);
489
-
490
-
491
- var icon_d9f3da6b437c11e8e60e8dd025a3c8c5 = L.AwesomeMarkers.icon(
492
- {
493
- "markerColor": "lightblue",
494
- "iconColor": "white",
495
- "icon": "info-sign",
496
- "prefix": "glyphicon",
497
- "extraClasses": "fa-rotate-0",
498
- }
499
- );
500
-
501
-
502
- var popup_ac1a5cd8a24c0ceb6c48e7ceeaa37a0c = L.popup({
503
- "maxWidth": 320,
504
- });
505
-
506
-
507
-
508
- var html_bbc545579e9702dae12c5237ca8076a8 = $(`<div id="html_bbc545579e9702dae12c5237ca8076a8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ابراهيم هندي الهاجري للنقليات</b><br> السجل التجاري: 2050087962<br> المنطقة: الدمام<br> الحارة: المدينة الصناعية الثانية بالدمام<br> <a href="https://www.google.com/maps?q=26.1998206015381,49.9406248371717" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
509
- popup_ac1a5cd8a24c0ceb6c48e7ceeaa37a0c.setContent(html_bbc545579e9702dae12c5237ca8076a8);
510
-
511
-
512
-
513
- marker_a995502a2b2157895278a80d4161c00c.bindPopup(popup_ac1a5cd8a24c0ceb6c48e7ceeaa37a0c)
514
- ;
515
-
516
-
517
-
518
-
519
- marker_a995502a2b2157895278a80d4161c00c.bindTooltip(
520
- `<div>
521
- مؤسسة ابراهيم هندي الهاجري للنقليات
522
- </div>`,
523
- {
524
- "sticky": true,
525
- }
526
- );
527
-
528
-
529
- marker_a995502a2b2157895278a80d4161c00c.setIcon(icon_d9f3da6b437c11e8e60e8dd025a3c8c5);
530
-
531
-
532
- var marker_675f067ac54018963291f2775b1fa5df = L.marker(
533
- [26.2131950363284, 49.9387046600226],
534
- {
535
- }
536
- ).addTo(map_280564f619273e8275a794e0c31a5276);
537
-
538
-
539
- var icon_28f68809ca423b210b51592488c5b2cc = L.AwesomeMarkers.icon(
540
- {
541
- "markerColor": "lightblue",
542
- "iconColor": "white",
543
- "icon": "info-sign",
544
- "prefix": "glyphicon",
545
- "extraClasses": "fa-rotate-0",
546
- }
547
- );
548
-
549
-
550
- var popup_3d2f2e4d7792465f6d6c4613a798b001 = L.popup({
551
- "maxWidth": 320,
552
- });
553
-
554
-
555
-
556
- var html_f34a8ebde4e5ed5baac4ec23ba04ad75 = $(`<div id="html_f34a8ebde4e5ed5baac4ec23ba04ad75" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة محمد بن ابراهيم الحمود للنقليات</b><br> السجل التجاري: 2050041709<br> المنطقة: الدمام<br> الحارة: المدينة الصناعية الثانية بالدمام<br> <a href="https://www.google.com/maps?q=26.2131950363284,49.9387046600226" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
557
- popup_3d2f2e4d7792465f6d6c4613a798b001.setContent(html_f34a8ebde4e5ed5baac4ec23ba04ad75);
558
-
559
-
560
-
561
- marker_675f067ac54018963291f2775b1fa5df.bindPopup(popup_3d2f2e4d7792465f6d6c4613a798b001)
562
- ;
563
-
564
-
565
-
566
-
567
- marker_675f067ac54018963291f2775b1fa5df.bindTooltip(
568
- `<div>
569
- مؤسسة محمد بن ابراهيم الحمود للنقليات
570
- </div>`,
571
- {
572
- "sticky": true,
573
- }
574
- );
575
-
576
-
577
- marker_675f067ac54018963291f2775b1fa5df.setIcon(icon_28f68809ca423b210b51592488c5b2cc);
578
-
579
-
580
- map_280564f619273e8275a794e0c31a5276.fitBounds(
581
- [[26.2047262299999, 49.94269276], [26.1998206015381, 49.9406248371717], [26.2131950363284, 49.9387046600226]],
582
- {"padding": [30, 30]}
583
- );
584
-
585
-
586
- var layer_control_abc5d5918482c7492cc8db6004df6ec7_layers = {
587
- base_layers : {
588
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_e0e4ccb7035b8f99388cb5f0d88d9c71,
589
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_247a79d7efe764b82b8f4099f4061e71,
590
- },
591
- overlays : {
592
- },
593
- };
594
- let layer_control_abc5d5918482c7492cc8db6004df6ec7 = L.control.layers(
595
- layer_control_abc5d5918482c7492cc8db6004df6ec7_layers.base_layers,
596
- layer_control_abc5d5918482c7492cc8db6004df6ec7_layers.overlays,
597
- {
598
- "position": "topright",
599
- "collapsed": false,
600
- "autoZIndex": true,
601
- }
602
- ).addTo(map_280564f619273e8275a794e0c31a5276);
603
-
604
-
605
- </script>
606
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/02.html DELETED
@@ -1,864 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_ff573d0e3aa32425dbf85d35469c6d1b {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نوره عبدالله بن زهير الرزقي - 2</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 8<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>بدر</b>: 3 | <b>النور</b>: 2 | <b>الفيحاء</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">بدر</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النور</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الفيحاء</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الأمل1</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_ff573d0e3aa32425dbf85d35469c6d1b;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مقهى مائة وواحد لتقديم الوجبات", "lat": 26.42195783, "lon": 50.02658255, "markerVar": "marker_d9e021619dbabc2005d725319aa33550"}, {"title": "مدارس رياض الأندلس الأهلية", "lat": 26.422688288678, "lon": 50.0218093921753, "markerVar": "marker_81c917b7ce51d404bc56b7f9baf3b254"}, {"title": "شركة الدمام النموذجية لتعليم القيادة", "lat": 26.3395939599999, "lon": 50.0317185199999, "markerVar": "marker_11d74f2b5799e214fc0ff159b325226a"}, {"title": "بوفية محمد شعيب مربد الشمري لتقديم الوجبات", "lat": 26.4138375399999, "lon": 50.0207761799999, "markerVar": "marker_66c6e818560f2de1c4f5a8664bfb3d85"}, {"title": "مؤسسة أمجاد للتطوير والاستثمار العقاري", "lat": 26.39404242, "lon": 50.03425682, "markerVar": "marker_78a8ab3ddbf6d2598848a6c741fc8a42"}, {"title": "مؤسسة حنيف ضاوي العتيبي للنقليات", "lat": 26.4127660406307, "lon": 50.0245393935676, "markerVar": "marker_a7f79ff07350fb7c9040510584f96468"}, {"title": "مؤسسة مفتاح إبداع للاتصالات", "lat": 26.4366409199999, "lon": 50.0470979099999, "markerVar": "marker_9946746e807f80c11f1d939db2137d5e"}, {"title": "مكتب جودة المشتري ��لعقاري", "lat": 26.4367433, "lon": 50.0468757399999, "markerVar": "marker_2a73896ef49039554f7a724b3a62f476"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_ff573d0e3aa32425dbf85d35469c6d1b" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_ff573d0e3aa32425dbf85d35469c6d1b = L.map(
390
- "map_ff573d0e3aa32425dbf85d35469c6d1b",
391
- {
392
- center: [26.40978378741355, 50.031707063217816],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_d1743b25b2ec8a15e9dbb77062396b54 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_d1743b25b2ec8a15e9dbb77062396b54.addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
426
-
427
-
428
- var tile_layer_5b9dfdcdb8395a0ba0b067645429fcf6 = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_5b9dfdcdb8395a0ba0b067645429fcf6.addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
446
-
447
-
448
- var locate_control_853119c52893e47b27bf29823ab54bbf = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
451
-
452
-
453
-
454
- var marker_d9e021619dbabc2005d725319aa33550 = L.marker(
455
- [26.42195783, 50.02658255],
456
- {
457
- }
458
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
459
-
460
-
461
- var icon_859891756698c28df1a8acb38c25c4ee = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "darkred",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_5e3ec0cab4077e238015985bec890d75 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_e10e6972852cf385f927e0f7af1c8654 = $(`<div id="html_e10e6972852cf385f927e0f7af1c8654" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى مائة وواحد لتقديم الوجبات</b><br> السجل التجاري: 2050235142<br> المنطقة: الدمام<br> الحارة: النور<br> <a href="https://www.google.com/maps?q=26.42195783,50.02658255" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_5e3ec0cab4077e238015985bec890d75.setContent(html_e10e6972852cf385f927e0f7af1c8654);
480
-
481
-
482
-
483
- marker_d9e021619dbabc2005d725319aa33550.bindPopup(popup_5e3ec0cab4077e238015985bec890d75)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_d9e021619dbabc2005d725319aa33550.bindTooltip(
490
- `<div>
491
- مقهى مائة وواحد لتقديم الوجبات
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_d9e021619dbabc2005d725319aa33550.setIcon(icon_859891756698c28df1a8acb38c25c4ee);
500
-
501
-
502
- var marker_81c917b7ce51d404bc56b7f9baf3b254 = L.marker(
503
- [26.422688288678, 50.0218093921753],
504
- {
505
- }
506
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
507
-
508
-
509
- var icon_e61f8e5ab5cf29bfa351748120e7c85a = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "darkred",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_d6762c8c55705588c8df89bc998a3fa3 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_e4b51825005b0c7a517de293f5b20fc9 = $(`<div id="html_e4b51825005b0c7a517de293f5b20fc9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدارس رياض الأندلس الأهلية</b><br> السجل التجاري: 2050125081<br> المنطقة: الدمام<br> الحارة: النور<br> <a href="https://www.google.com/maps?q=26.422688288678,50.0218093921753" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_d6762c8c55705588c8df89bc998a3fa3.setContent(html_e4b51825005b0c7a517de293f5b20fc9);
528
-
529
-
530
-
531
- marker_81c917b7ce51d404bc56b7f9baf3b254.bindPopup(popup_d6762c8c55705588c8df89bc998a3fa3)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_81c917b7ce51d404bc56b7f9baf3b254.bindTooltip(
538
- `<div>
539
- مدارس رياض الأندلس الأهلية
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_81c917b7ce51d404bc56b7f9baf3b254.setIcon(icon_e61f8e5ab5cf29bfa351748120e7c85a);
548
-
549
-
550
- var marker_11d74f2b5799e214fc0ff159b325226a = L.marker(
551
- [26.3395939599999, 50.0317185199999],
552
- {
553
- }
554
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
555
-
556
-
557
- var icon_cd84a106f08b500767fd776f64b0d4b9 = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "darkgreen",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_abbaf1feff8828f90766d6168cd62cc0 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_064078db727dd6bb65eff71a8a5c4c66 = $(`<div id="html_064078db727dd6bb65eff71a8a5c4c66" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الدمام النموذجية لتعليم القيادة</b><br> السجل التجاري: 2050114344<br> المنطقة: الدمام<br> الحارة: الأمل1<br> <a href="https://www.google.com/maps?q=26.3395939599999,50.0317185199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_abbaf1feff8828f90766d6168cd62cc0.setContent(html_064078db727dd6bb65eff71a8a5c4c66);
576
-
577
-
578
-
579
- marker_11d74f2b5799e214fc0ff159b325226a.bindPopup(popup_abbaf1feff8828f90766d6168cd62cc0)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_11d74f2b5799e214fc0ff159b325226a.bindTooltip(
586
- `<div>
587
- شركة الدمام النموذجية لتعليم القيادة
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_11d74f2b5799e214fc0ff159b325226a.setIcon(icon_cd84a106f08b500767fd776f64b0d4b9);
596
-
597
-
598
- var marker_66c6e818560f2de1c4f5a8664bfb3d85 = L.marker(
599
- [26.4138375399999, 50.0207761799999],
600
- {
601
- }
602
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
603
-
604
-
605
- var icon_322b0334e2b6870a862ff5ecde2c670d = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "gray",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_005493649b139f69c99c77fd7e4e6f55 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_542268d5b7129d9c299161df93db0c92 = $(`<div id="html_542268d5b7129d9c299161df93db0c92" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية محمد شعيب مربد الشمري لتقديم الوجبات</b><br> السجل التجاري: 2050163107<br> المنطقة: الدمام<br> الحارة: بدر<br> <a href="https://www.google.com/maps?q=26.4138375399999,50.0207761799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_005493649b139f69c99c77fd7e4e6f55.setContent(html_542268d5b7129d9c299161df93db0c92);
624
-
625
-
626
-
627
- marker_66c6e818560f2de1c4f5a8664bfb3d85.bindPopup(popup_005493649b139f69c99c77fd7e4e6f55)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_66c6e818560f2de1c4f5a8664bfb3d85.bindTooltip(
634
- `<div>
635
- بوفية محمد شعيب مربد الشمري لتقديم الوجبات
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_66c6e818560f2de1c4f5a8664bfb3d85.setIcon(icon_322b0334e2b6870a862ff5ecde2c670d);
644
-
645
-
646
- var marker_78a8ab3ddbf6d2598848a6c741fc8a42 = L.marker(
647
- [26.39404242, 50.03425682],
648
- {
649
- }
650
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
651
-
652
-
653
- var icon_1951c36448f201ff6abbad3a4f35c709 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "gray",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_ff7607943de140dcb1520da0b5fbae7f = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_f6fbd3ec8d2d1c0bfb0c02d34332a90c = $(`<div id="html_f6fbd3ec8d2d1c0bfb0c02d34332a90c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة أمجاد للتطوير والاستثمار العقاري</b><br> السجل التجاري: 2050131020<br> المنطقة: الدمام<br> الحارة: بدر<br> <a href="https://www.google.com/maps?q=26.39404242,50.03425682" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_ff7607943de140dcb1520da0b5fbae7f.setContent(html_f6fbd3ec8d2d1c0bfb0c02d34332a90c);
672
-
673
-
674
-
675
- marker_78a8ab3ddbf6d2598848a6c741fc8a42.bindPopup(popup_ff7607943de140dcb1520da0b5fbae7f)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_78a8ab3ddbf6d2598848a6c741fc8a42.bindTooltip(
682
- `<div>
683
- مؤسسة أمجاد للتطوير والاستثمار العقاري
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_78a8ab3ddbf6d2598848a6c741fc8a42.setIcon(icon_1951c36448f201ff6abbad3a4f35c709);
692
-
693
-
694
- var marker_a7f79ff07350fb7c9040510584f96468 = L.marker(
695
- [26.4127660406307, 50.0245393935676],
696
- {
697
- }
698
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
699
-
700
-
701
- var icon_3ae9f7a8f77d22cac4eee5e8efb509be = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "gray",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_073f69244c3931c77ff8518de673de71 = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_89b0b9c414f64f90616fa831c4faa9a9 = $(`<div id="html_89b0b9c414f64f90616fa831c4faa9a9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة حنيف ضاوي العتيبي للنقليات</b><br> السجل التجاري: 2050091041<br> المنطقة: الدمام<br> الحارة: بدر<br> <a href="https://www.google.com/maps?q=26.4127660406307,50.0245393935676" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_073f69244c3931c77ff8518de673de71.setContent(html_89b0b9c414f64f90616fa831c4faa9a9);
720
-
721
-
722
-
723
- marker_a7f79ff07350fb7c9040510584f96468.bindPopup(popup_073f69244c3931c77ff8518de673de71)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_a7f79ff07350fb7c9040510584f96468.bindTooltip(
730
- `<div>
731
- مؤسسة حنيف ضاوي العتيبي للنقليات
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_a7f79ff07350fb7c9040510584f96468.setIcon(icon_3ae9f7a8f77d22cac4eee5e8efb509be);
740
-
741
-
742
- var marker_9946746e807f80c11f1d939db2137d5e = L.marker(
743
- [26.4366409199999, 50.0470979099999],
744
- {
745
- }
746
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
747
-
748
-
749
- var icon_ded9eb8885d4476287ee0e3fab828466 = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "black",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_dc78fdb30d4d7d7f586eeedaf11d5f09 = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_7be46070ca4f2d072aa4972ad6a235de = $(`<div id="html_7be46070ca4f2d072aa4972ad6a235de" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مفتاح إبداع للاتصالات</b><br> السجل التجاري: 2050143572<br> المنطقة: الدمام<br> الحارة: الفيحاء<br> <a href="https://www.google.com/maps?q=26.4366409199999,50.0470979099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_dc78fdb30d4d7d7f586eeedaf11d5f09.setContent(html_7be46070ca4f2d072aa4972ad6a235de);
768
-
769
-
770
-
771
- marker_9946746e807f80c11f1d939db2137d5e.bindPopup(popup_dc78fdb30d4d7d7f586eeedaf11d5f09)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_9946746e807f80c11f1d939db2137d5e.bindTooltip(
778
- `<div>
779
- مؤسسة مفتاح إبداع للاتصالات
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_9946746e807f80c11f1d939db2137d5e.setIcon(icon_ded9eb8885d4476287ee0e3fab828466);
788
-
789
-
790
- var marker_2a73896ef49039554f7a724b3a62f476 = L.marker(
791
- [26.4367433, 50.0468757399999],
792
- {
793
- }
794
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
795
-
796
-
797
- var icon_b74a60fb092dc83c3d2d589af1a7cf12 = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "black",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_581c387f3a1748222d84720e7c94376f = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_35723750b0cf5f17906c8cd7ec7e5cdf = $(`<div id="html_35723750b0cf5f17906c8cd7ec7e5cdf" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب جودة المشتري العقاري</b><br> السجل التجاري: 2050068883<br> المنطقة: الدمام<br> الحارة: الفيحاء<br> <a href="https://www.google.com/maps?q=26.4367433,50.0468757399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_581c387f3a1748222d84720e7c94376f.setContent(html_35723750b0cf5f17906c8cd7ec7e5cdf);
816
-
817
-
818
-
819
- marker_2a73896ef49039554f7a724b3a62f476.bindPopup(popup_581c387f3a1748222d84720e7c94376f)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_2a73896ef49039554f7a724b3a62f476.bindTooltip(
826
- `<div>
827
- مكتب جودة المشتري العقاري
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_2a73896ef49039554f7a724b3a62f476.setIcon(icon_b74a60fb092dc83c3d2d589af1a7cf12);
836
-
837
-
838
- map_ff573d0e3aa32425dbf85d35469c6d1b.fitBounds(
839
- [[26.42195783, 50.02658255], [26.422688288678, 50.0218093921753], [26.3395939599999, 50.0317185199999], [26.4138375399999, 50.0207761799999], [26.39404242, 50.03425682], [26.4127660406307, 50.0245393935676], [26.4366409199999, 50.0470979099999], [26.4367433, 50.0468757399999]],
840
- {"padding": [30, 30]}
841
- );
842
-
843
-
844
- var layer_control_24b3580ced3815d13fbf04df9ca9dc03_layers = {
845
- base_layers : {
846
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_d1743b25b2ec8a15e9dbb77062396b54,
847
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_5b9dfdcdb8395a0ba0b067645429fcf6,
848
- },
849
- overlays : {
850
- },
851
- };
852
- let layer_control_24b3580ced3815d13fbf04df9ca9dc03 = L.control.layers(
853
- layer_control_24b3580ced3815d13fbf04df9ca9dc03_layers.base_layers,
854
- layer_control_24b3580ced3815d13fbf04df9ca9dc03_layers.overlays,
855
- {
856
- "position": "topright",
857
- "collapsed": false,
858
- "autoZIndex": true,
859
- }
860
- ).addTo(map_ff573d0e3aa32425dbf85d35469c6d1b);
861
-
862
-
863
- </script>
864
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/03.html DELETED
@@ -1,912 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_e8289420d358c8da000e26ac630807f0 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">فاطمه حسين بن ابراهيم القرقوش - 3</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 9<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>المنار</b>: 5 | <b>أحد</b>: 2 | <b>الصناعية</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#ff6b6b;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المنار</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">أحد</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الصناعية</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخضرية</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_e8289420d358c8da000e26ac630807f0;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مؤسسة واصل الخير للخدمات اللوجستية", "lat": 26.45207123, "lon": 50.01874988, "markerVar": "marker_883bc2c8b1d474cad0bc27d214a17bb7"}, {"title": "مجموعة فايز بن حسين بن عبدالله السبيعي العقارية", "lat": 26.36738102, "lon": 50.03432113, "markerVar": "marker_b4cd6653d288c086f7a25973f6d2edf6"}, {"title": "شركة فضاء للأمن السيبراني", "lat": 26.38192261, "lon": 50.04725392, "markerVar": "marker_5cd0c2fb66182d71c754b797463e5675"}, {"title": "شركة النور الاسود للانتاج الفني", "lat": 26.38405995, "lon": 50.05356306, "markerVar": "marker_32976b66571f0ace09f63d897ccccee6"}, {"title": "مدرسة البيلسان الأهلية", "lat": 26.37313245, "lon": 50.0328485599999, "markerVar": "marker_0e0eb28e535d508bb0ddfad52504d900"}, {"title": "مكتب محمد ظافر للخدمات العقارية", "lat": 26.3774918599042, "lon": 50.0391664765215, "markerVar": "marker_25ffae75b4b6d2df679baae61610c2b8"}, {"title": "مطعم فلافل الراوي لتقديم الوجبات", "lat": 26.4119594199999, "lon": 50.05524303, "markerVar": "marker_af13063b46c6969faea4332f1a3da738"}, {"title": "مدارس الخوالد الأهلية", "lat": 26.40136456, "lon": 50.0417933199999, "markerVar": "marker_dee97ea7ea67021788f6a5be784cff60"}, {"title": "مطعم سعيده احمد الصفار لتقديم الوجبات", "lat": 26.4559925999999, "lon": 50.0439208399999, "markerVar": "marker_1c112c051e87af54ed3529ba1742b9b6"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_e8289420d358c8da000e26ac630807f0" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_e8289420d358c8da000e26ac630807f0 = L.map(
390
- "map_e8289420d358c8da000e26ac630807f0",
391
- {
392
- center: [26.40059729998933, 50.04076224628013],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_e8289420d358c8da000e26ac630807f0);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_b943c8fcf866ccc47b789423ca0507b6 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_b943c8fcf866ccc47b789423ca0507b6.addTo(map_e8289420d358c8da000e26ac630807f0);
426
-
427
-
428
- var tile_layer_80fcb76c3a444b89abd0a4a69129a0ca = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_80fcb76c3a444b89abd0a4a69129a0ca.addTo(map_e8289420d358c8da000e26ac630807f0);
446
-
447
-
448
- var locate_control_beac47fb23b2d10ee56a4cb5460f484f = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
451
-
452
-
453
-
454
- var marker_883bc2c8b1d474cad0bc27d214a17bb7 = L.marker(
455
- [26.45207123, 50.01874988],
456
- {
457
- }
458
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
459
-
460
-
461
- var icon_3d002ff63a475e385c2c4ea21c0b961f = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "red",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_ec34a4ecc8ee7dcff800c9e55437a419 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_a0bc09e584586007eec74ca287094260 = $(`<div id="html_a0bc09e584586007eec74ca287094260" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة واصل الخير للخدمات اللوجستية</b><br> السجل التجاري: 2050158454<br> المنطقة: الدمام<br> الحارة: الصناعية<br> <a href="https://www.google.com/maps?q=26.45207123,50.01874988" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_ec34a4ecc8ee7dcff800c9e55437a419.setContent(html_a0bc09e584586007eec74ca287094260);
480
-
481
-
482
-
483
- marker_883bc2c8b1d474cad0bc27d214a17bb7.bindPopup(popup_ec34a4ecc8ee7dcff800c9e55437a419)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_883bc2c8b1d474cad0bc27d214a17bb7.bindTooltip(
490
- `<div>
491
- مؤسسة واصل الخير للخدمات اللوجستية
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_883bc2c8b1d474cad0bc27d214a17bb7.setIcon(icon_3d002ff63a475e385c2c4ea21c0b961f);
500
-
501
-
502
- var marker_b4cd6653d288c086f7a25973f6d2edf6 = L.marker(
503
- [26.36738102, 50.03432113],
504
- {
505
- }
506
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
507
-
508
-
509
- var icon_a398d0b5c71bba677510b91d07545fc2 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "lightred",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_6be9c5ccc7fe810fbc4be2974261e920 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_8b94479addf1d56e8b0a618d37cc3a34 = $(`<div id="html_8b94479addf1d56e8b0a618d37cc3a34" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مجموعة فايز بن حسين بن عبدالله السبيعي العقارية</b><br> السجل التجاري: 2050240604<br> المنطقة: الدمام<br> الحارة: المنار<br> <a href="https://www.google.com/maps?q=26.36738102,50.03432113" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_6be9c5ccc7fe810fbc4be2974261e920.setContent(html_8b94479addf1d56e8b0a618d37cc3a34);
528
-
529
-
530
-
531
- marker_b4cd6653d288c086f7a25973f6d2edf6.bindPopup(popup_6be9c5ccc7fe810fbc4be2974261e920)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_b4cd6653d288c086f7a25973f6d2edf6.bindTooltip(
538
- `<div>
539
- مجموعة فايز بن حسين بن عبدالله السبيعي العقارية
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_b4cd6653d288c086f7a25973f6d2edf6.setIcon(icon_a398d0b5c71bba677510b91d07545fc2);
548
-
549
-
550
- var marker_5cd0c2fb66182d71c754b797463e5675 = L.marker(
551
- [26.38192261, 50.04725392],
552
- {
553
- }
554
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
555
-
556
-
557
- var icon_3f9a711532e95f71d51003d33f965d93 = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "lightred",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_4747af9d7929745209e06d1a0c98bc83 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_cec95d293845960ef6eaa2586d0fbec2 = $(`<div id="html_cec95d293845960ef6eaa2586d0fbec2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة فضاء للأمن السيبراني</b><br> السجل التجاري: 2050129745<br> المنطقة: الدمام<br> الحارة: المنار<br> <a href="https://www.google.com/maps?q=26.38192261,50.04725392" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_4747af9d7929745209e06d1a0c98bc83.setContent(html_cec95d293845960ef6eaa2586d0fbec2);
576
-
577
-
578
-
579
- marker_5cd0c2fb66182d71c754b797463e5675.bindPopup(popup_4747af9d7929745209e06d1a0c98bc83)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_5cd0c2fb66182d71c754b797463e5675.bindTooltip(
586
- `<div>
587
- شركة فضاء للأمن السيبراني
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_5cd0c2fb66182d71c754b797463e5675.setIcon(icon_3f9a711532e95f71d51003d33f965d93);
596
-
597
-
598
- var marker_32976b66571f0ace09f63d897ccccee6 = L.marker(
599
- [26.38405995, 50.05356306],
600
- {
601
- }
602
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
603
-
604
-
605
- var icon_6485d53e08f8038f0a8fe130ce4710b3 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "lightred",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_a896ca2f6fe7ccddb5b85930c7ef36b9 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_2340557eddc1ddea67fa2ddb5b9fcb2d = $(`<div id="html_2340557eddc1ddea67fa2ddb5b9fcb2d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة النور الاسود للانتاج الفني</b><br> السجل التجاري: 2050102647<br> المنطقة: الدمام<br> الحارة: المنار<br> <a href="https://www.google.com/maps?q=26.38405995,50.05356306" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_a896ca2f6fe7ccddb5b85930c7ef36b9.setContent(html_2340557eddc1ddea67fa2ddb5b9fcb2d);
624
-
625
-
626
-
627
- marker_32976b66571f0ace09f63d897ccccee6.bindPopup(popup_a896ca2f6fe7ccddb5b85930c7ef36b9)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_32976b66571f0ace09f63d897ccccee6.bindTooltip(
634
- `<div>
635
- شركة النور الاسود للانتاج الفني
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_32976b66571f0ace09f63d897ccccee6.setIcon(icon_6485d53e08f8038f0a8fe130ce4710b3);
644
-
645
-
646
- var marker_0e0eb28e535d508bb0ddfad52504d900 = L.marker(
647
- [26.37313245, 50.0328485599999],
648
- {
649
- }
650
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
651
-
652
-
653
- var icon_58c58815e6ca662eef4ce54d06af7a36 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "lightred",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_a3ea0a419c65351dd0cf0f1ff747f789 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_010ecdd0867f0c6bb734a23cf48352c2 = $(`<div id="html_010ecdd0867f0c6bb734a23cf48352c2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدرسة البيلسان الأهلية</b><br> السجل التجاري: 2050074779<br> المنطقة: الدمام<br> الحارة: المنار<br> <a href="https://www.google.com/maps?q=26.37313245,50.0328485599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_a3ea0a419c65351dd0cf0f1ff747f789.setContent(html_010ecdd0867f0c6bb734a23cf48352c2);
672
-
673
-
674
-
675
- marker_0e0eb28e535d508bb0ddfad52504d900.bindPopup(popup_a3ea0a419c65351dd0cf0f1ff747f789)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_0e0eb28e535d508bb0ddfad52504d900.bindTooltip(
682
- `<div>
683
- مدرسة البيلسان الأهلية
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_0e0eb28e535d508bb0ddfad52504d900.setIcon(icon_58c58815e6ca662eef4ce54d06af7a36);
692
-
693
-
694
- var marker_25ffae75b4b6d2df679baae61610c2b8 = L.marker(
695
- [26.3774918599042, 50.0391664765215],
696
- {
697
- }
698
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
699
-
700
-
701
- var icon_28e616d4ea51b97f5f7a232643a532e9 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "lightred",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_10b269c4948c111b0a78cea5876d493b = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_02f4220cf93ddbd75d994e35d329f3a5 = $(`<div id="html_02f4220cf93ddbd75d994e35d329f3a5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب محمد ظافر للخدمات العقارية</b><br> السجل التجاري: 2050028599<br> المنطقة: الدمام<br> الحارة: المنار<br> <a href="https://www.google.com/maps?q=26.3774918599042,50.0391664765215" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_10b269c4948c111b0a78cea5876d493b.setContent(html_02f4220cf93ddbd75d994e35d329f3a5);
720
-
721
-
722
-
723
- marker_25ffae75b4b6d2df679baae61610c2b8.bindPopup(popup_10b269c4948c111b0a78cea5876d493b)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_25ffae75b4b6d2df679baae61610c2b8.bindTooltip(
730
- `<div>
731
- مكتب محمد ظافر للخدمات العقارية
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_25ffae75b4b6d2df679baae61610c2b8.setIcon(icon_28e616d4ea51b97f5f7a232643a532e9);
740
-
741
-
742
- var marker_af13063b46c6969faea4332f1a3da738 = L.marker(
743
- [26.4119594199999, 50.05524303],
744
- {
745
- }
746
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
747
-
748
-
749
- var icon_c3daab629fbc72ab2119127c97f35a2a = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "darkpurple",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_ec6a3f73a74f430c677d2fae49492e2e = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_fa8091e68d90a098c5910e32e2819ce6 = $(`<div id="html_fa8091e68d90a098c5910e32e2819ce6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم فلافل الراوي لتقديم الوجبات</b><br> السجل التجاري: 2050158587<br> المنطقة: الدمام<br> الحارة: أحد<br> <a href="https://www.google.com/maps?q=26.4119594199999,50.05524303" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_ec6a3f73a74f430c677d2fae49492e2e.setContent(html_fa8091e68d90a098c5910e32e2819ce6);
768
-
769
-
770
-
771
- marker_af13063b46c6969faea4332f1a3da738.bindPopup(popup_ec6a3f73a74f430c677d2fae49492e2e)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_af13063b46c6969faea4332f1a3da738.bindTooltip(
778
- `<div>
779
- مطعم فلافل الراوي لتقديم الوجبات
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_af13063b46c6969faea4332f1a3da738.setIcon(icon_c3daab629fbc72ab2119127c97f35a2a);
788
-
789
-
790
- var marker_dee97ea7ea67021788f6a5be784cff60 = L.marker(
791
- [26.40136456, 50.0417933199999],
792
- {
793
- }
794
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
795
-
796
-
797
- var icon_c4b6b672b174d8d4f9ad0b086a689fd0 = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "darkpurple",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_9ec7c94dd618436b929e0fd40146de95 = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_96756f9f0a7a53125399646058f85c04 = $(`<div id="html_96756f9f0a7a53125399646058f85c04" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدارس الخوالد الأهلية</b><br> السجل التجاري: 2050074269<br> المنطقة: الدمام<br> الحارة: أحد<br> <a href="https://www.google.com/maps?q=26.40136456,50.0417933199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_9ec7c94dd618436b929e0fd40146de95.setContent(html_96756f9f0a7a53125399646058f85c04);
816
-
817
-
818
-
819
- marker_dee97ea7ea67021788f6a5be784cff60.bindPopup(popup_9ec7c94dd618436b929e0fd40146de95)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_dee97ea7ea67021788f6a5be784cff60.bindTooltip(
826
- `<div>
827
- مدارس الخوالد الأهلية
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_dee97ea7ea67021788f6a5be784cff60.setIcon(icon_c4b6b672b174d8d4f9ad0b086a689fd0);
836
-
837
-
838
- var marker_1c112c051e87af54ed3529ba1742b9b6 = L.marker(
839
- [26.4559925999999, 50.0439208399999],
840
- {
841
- }
842
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
843
-
844
-
845
- var icon_ee2b72cef2d629a041f129efbc119be8 = L.AwesomeMarkers.icon(
846
- {
847
- "markerColor": "beige",
848
- "iconColor": "white",
849
- "icon": "info-sign",
850
- "prefix": "glyphicon",
851
- "extraClasses": "fa-rotate-0",
852
- }
853
- );
854
-
855
-
856
- var popup_55c817b89ab8b8c0970c4eb533d916b3 = L.popup({
857
- "maxWidth": 320,
858
- });
859
-
860
-
861
-
862
- var html_1f50e54c2791e08efeba05821ce0f899 = $(`<div id="html_1f50e54c2791e08efeba05821ce0f899" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم سعيده احمد الصفار لتقديم الوجبات</b><br> السجل التجاري: 2050095034<br> المنطقة: الدمام<br> الحارة: الخضرية<br> <a href="https://www.google.com/maps?q=26.4559925999999,50.0439208399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
863
- popup_55c817b89ab8b8c0970c4eb533d916b3.setContent(html_1f50e54c2791e08efeba05821ce0f899);
864
-
865
-
866
-
867
- marker_1c112c051e87af54ed3529ba1742b9b6.bindPopup(popup_55c817b89ab8b8c0970c4eb533d916b3)
868
- ;
869
-
870
-
871
-
872
-
873
- marker_1c112c051e87af54ed3529ba1742b9b6.bindTooltip(
874
- `<div>
875
- مطعم سعيده احمد الصفار لتقديم الوجبات
876
- </div>`,
877
- {
878
- "sticky": true,
879
- }
880
- );
881
-
882
-
883
- marker_1c112c051e87af54ed3529ba1742b9b6.setIcon(icon_ee2b72cef2d629a041f129efbc119be8);
884
-
885
-
886
- map_e8289420d358c8da000e26ac630807f0.fitBounds(
887
- [[26.45207123, 50.01874988], [26.36738102, 50.03432113], [26.38192261, 50.04725392], [26.38405995, 50.05356306], [26.37313245, 50.0328485599999], [26.3774918599042, 50.0391664765215], [26.4119594199999, 50.05524303], [26.40136456, 50.0417933199999], [26.4559925999999, 50.0439208399999]],
888
- {"padding": [30, 30]}
889
- );
890
-
891
-
892
- var layer_control_68b125296aae1dd863af1ea25351ca0a_layers = {
893
- base_layers : {
894
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_b943c8fcf866ccc47b789423ca0507b6,
895
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_80fcb76c3a444b89abd0a4a69129a0ca,
896
- },
897
- overlays : {
898
- },
899
- };
900
- let layer_control_68b125296aae1dd863af1ea25351ca0a = L.control.layers(
901
- layer_control_68b125296aae1dd863af1ea25351ca0a_layers.base_layers,
902
- layer_control_68b125296aae1dd863af1ea25351ca0a_layers.overlays,
903
- {
904
- "position": "topright",
905
- "collapsed": false,
906
- "autoZIndex": true,
907
- }
908
- ).addTo(map_e8289420d358c8da000e26ac630807f0);
909
-
910
-
911
- </script>
912
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/04.html DELETED
@@ -1,948 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_e4a74a221564b3e5f4887bd7859a456a {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">طيبه فالح بن عبدالله الرويشد - 4</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 2<br>
140
- <b>الأكثر:</b> <b>الندى</b>: 5 | <b>غرناطة</b>: 5
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#ff6b6b;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الندى</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">غرناطة</span>
155
- <span style="font-size:12px;color:#666;">(5)</span>
156
- </div>
157
-
158
- </div>
159
- </div>
160
- </div>
161
-
162
- <script>
163
- (function(){
164
- const box = document.getElementById('statsBox');
165
- const fab = document.getElementById('statsFab');
166
- const hide = document.getElementById('hideStats');
167
-
168
- hide.addEventListener('click', function(){
169
- box.style.display = 'none';
170
- fab.style.display = 'block';
171
- });
172
-
173
- fab.addEventListener('click', function(){
174
- box.style.display = 'block';
175
- fab.style.display = 'none';
176
- });
177
- })();
178
- </script>
179
-
180
-
181
- <style>
182
- .leaflet-control.est-search-control {
183
- background: rgba(255,255,255,0.92);
184
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
185
- border-radius: 14px;
186
- padding: 10px 10px;
187
- width: 320px;
188
- direction: rtl;
189
- font-family: Arial, sans-serif;
190
- }
191
- .est-search-control input {
192
- width: 100%;
193
- border: 1px solid rgba(0,0,0,0.15);
194
- border-radius: 10px;
195
- padding: 10px 12px;
196
- font-size: 13px;
197
- outline: none;
198
- }
199
- .est-search-meta {
200
- margin-top: 6px;
201
- font-size: 12px;
202
- color: #666;
203
- display:flex;
204
- justify-content:space-between;
205
- gap:8px;
206
- }
207
- .est-results {
208
- margin-top: 8px;
209
- max-height: 180px;
210
- overflow: auto;
211
- border-top: 1px solid rgba(0,0,0,0.08);
212
- padding-top: 6px;
213
- }
214
- .est-item {
215
- cursor: pointer;
216
- padding: 8px 10px;
217
- border-radius: 10px;
218
- font-size: 13px;
219
- line-height: 1.4;
220
- }
221
- .est-item:hover {
222
- background: rgba(0,0,0,0.06);
223
- }
224
- .est-badge {
225
- font-size: 12px;
226
- color: #333;
227
- }
228
- .est-clear {
229
- cursor:pointer;
230
- user-select:none;
231
- font-size:12px;
232
- color:#0b6efd;
233
- }
234
- </style>
235
-
236
- <script>
237
- (function(){
238
- const map = map_e4a74a221564b3e5f4887bd7859a456a;
239
- // items: list of objects (title, lat, lon, markerVar)
240
- const items = [{"title": "شركة صفوة الرواد للتعليم", "lat": 26.37005005, "lon": 50.0853985899999, "markerVar": "marker_9693fe054943e91fc07f01278e474dd5"}, {"title": "شقق راوند للشقق المخدومة", "lat": 26.3689730299999, "lon": 50.0799264699999, "markerVar": "marker_dd061377362d42b85693e9d80bb1483d"}, {"title": "شركة العوالم السبعة للتطوير والاستثمار العقاري شركة شخص واحد", "lat": 26.3636523899999, "lon": 50.07360672, "markerVar": "marker_dfee26e5896c3b578af9099ea96e4d46"}, {"title": "مؤسسة وهج المسك للشقق المخدومة", "lat": 26.37189366, "lon": 50.08684186, "markerVar": "marker_b0d9c642a1d74fd77db05a38175e7604"}, {"title": "شقق تاج الخليج للشقق المخدومة", "lat": 26.36503072, "lon": 50.07594709, "markerVar": "marker_17aee38a86cd2f7dbd1bdafaf53ecc5e"}, {"title": "مؤسسة تركيبات ستور للاتصالات", "lat": 26.4213404499999, "lon": 50.0882611099999, "markerVar": "marker_4ae4bb248f6b9b3ba71abdf8292ee7c0"}, {"title": "مؤسسة ياسر عبدالله محمد هزازى للاتصالات", "lat": 26.42133657, "lon": 50.0880917499999, "markerVar": "marker_f3856e76d55491b4e7b4e1dab4e96e7c"}, {"title": "شقق الديار العالميه للوحدات السكنية", "lat": 26.42545432, "lon": 50.07158676, "markerVar": "marker_63210b1c51e1c4e1ba6e0d16e73b4630"}, {"title": "مكتب عبدالرحمن عبدالله اليوسف للخدمات العقارية", "lat": 26.42466568, "lon": 50.0824199099999, "markerVar": "marker_3a1ab8c79945cc7d5aaeeff81f673570"}, {"title": "شركة الليزر الرقمي للدعاية والاعلان شركة شخص واحد", "lat": 26.42148049, "lon": 50.08530057, "markerVar": "marker_3ea4133160e889f96b7b133707e23ef0"}];
241
-
242
- function norm(s){
243
- if(!s) return "";
244
- s = (""+s).toLowerCase();
245
-
246
- // إزالة التشكيل
247
- s = s.replace(/[\u064B-\u065F]/g, "");
248
- // تطبيع عربي
249
- s = s.replace(/[إأآا]/g, "ا")
250
- .replace(/ى/g, "ي")
251
- .replace(/ة/g, "ه")
252
- .replace(/ؤ/g, "و")
253
- .replace(/ئ/g, "ي")
254
- .replace(/ـ/g, "");
255
- // مسافات
256
- s = s.replace(/\s+/g, " ").trim();
257
- return s;
258
- }
259
-
260
- const SearchControl = L.Control.extend({
261
- options: { position: 'bottomleft' },
262
- onAdd: function(){
263
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
264
- div.innerHTML = `
265
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
266
- <div class="est-search-meta">
267
- <span id="estCount" class="est-badge"></span>
268
- <span id="estClear" class="est-clear">مسح</span>
269
- </div>
270
- <div id="estResults" class="est-results"></div>
271
- `;
272
- L.DomEvent.disableClickPropagation(div);
273
- L.DomEvent.disableScrollPropagation(div);
274
- return div;
275
- }
276
- });
277
-
278
- map.addControl(new SearchControl());
279
-
280
- function renderResults(hits){
281
- const results = document.getElementById('estResults');
282
- const count = document.getElementById('estCount');
283
- results.innerHTML = "";
284
-
285
- if(!hits.length){
286
- count.textContent = "لا توجد نتائج";
287
- return;
288
- }
289
-
290
- count.textContent = "النتائج: " + hits.length;
291
-
292
- for(const h of hits.slice(0, 50)){
293
- const el = document.createElement('div');
294
- el.className = 'est-item';
295
- el.textContent = h.title;
296
- el.onclick = function(){
297
- try {
298
- const mv = window[h.markerVar];
299
- if(mv && mv.getLatLng){
300
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
301
- if(mv.openPopup) mv.openPopup();
302
- } else {
303
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
304
- }
305
- } catch(e) {}
306
- };
307
- results.appendChild(el);
308
- }
309
- }
310
-
311
- function search(q){
312
- const nq = norm(q);
313
- if(!nq) return [];
314
- const hits = [];
315
- for(const it of items){
316
- if(norm(it.title).includes(nq)) hits.push(it);
317
- }
318
- return hits;
319
- }
320
-
321
- setTimeout(function(){
322
- const input = document.getElementById('estQ');
323
- const clearBtn = document.getElementById('estClear');
324
-
325
- input.addEventListener('input', function(){
326
- renderResults(search(this.value));
327
- });
328
-
329
- input.addEventListener('keydown', function(e){
330
- if(e.key === 'Enter'){
331
- const hits = search(this.value);
332
- renderResults(hits);
333
- if(hits.length){
334
- try {
335
- const mv = window[hits[0].markerVar];
336
- if(mv && mv.getLatLng){
337
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
338
- if(mv.openPopup) mv.openPopup();
339
- }
340
- } catch(e) {}
341
- }
342
- }
343
- });
344
-
345
- clearBtn.addEventListener('click', function(){
346
- input.value = "";
347
- document.getElementById('estResults').innerHTML = "";
348
- document.getElementById('estCount').textContent = "";
349
- });
350
- }, 0);
351
- })();
352
- </script>
353
-
354
-
355
- <div style="
356
- position: fixed;
357
- bottom: 8px; left: 8px;
358
- background: rgba(255,255,255,0.85);
359
- padding: 6px 10px;
360
- border-radius: 10px;
361
- font-size: 13px;
362
- direction: rtl;
363
- z-index: 9999;
364
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
365
- font-family: Arial, sans-serif;
366
- ">
367
- تصميم وإعداد <b>نوف الناصر</b>
368
- </div>
369
-
370
-
371
- <div class="folium-map" id="map_e4a74a221564b3e5f4887bd7859a456a" ></div>
372
-
373
- </body>
374
- <script>
375
-
376
-
377
- var map_e4a74a221564b3e5f4887bd7859a456a = L.map(
378
- "map_e4a74a221564b3e5f4887bd7859a456a",
379
- {
380
- center: [26.395387735999968, 50.081738082999955],
381
- crs: L.CRS.EPSG3857,
382
- ...{
383
- "zoom": 13,
384
- "zoomControl": true,
385
- "preferCanvas": false,
386
- }
387
-
388
- }
389
- );
390
- L.control.scale().addTo(map_e4a74a221564b3e5f4887bd7859a456a);
391
-
392
-
393
-
394
-
395
-
396
- var tile_layer_4f21f947a3d77bf64548b951c048d89b = L.tileLayer(
397
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
398
- {
399
- "minZoom": 0,
400
- "maxZoom": 19,
401
- "maxNativeZoom": 19,
402
- "noWrap": false,
403
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
404
- "subdomains": "abc",
405
- "detectRetina": false,
406
- "tms": false,
407
- "opacity": 1,
408
- }
409
-
410
- );
411
-
412
-
413
- tile_layer_4f21f947a3d77bf64548b951c048d89b.addTo(map_e4a74a221564b3e5f4887bd7859a456a);
414
-
415
-
416
- var tile_layer_3d8ac2a2175902a47173a3ff173e5c63 = L.tileLayer(
417
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
418
- {
419
- "minZoom": 0,
420
- "maxZoom": 18,
421
- "maxNativeZoom": 18,
422
- "noWrap": false,
423
- "attribution": "\u0026copy; Esri",
424
- "subdomains": "abc",
425
- "detectRetina": false,
426
- "tms": false,
427
- "opacity": 1,
428
- }
429
-
430
- );
431
-
432
-
433
- tile_layer_3d8ac2a2175902a47173a3ff173e5c63.addTo(map_e4a74a221564b3e5f4887bd7859a456a);
434
-
435
-
436
- var locate_control_b849d6183a79a839398b596c8e048780 = L.control.locate(
437
- {"flyTo": true}
438
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
439
-
440
-
441
-
442
- var marker_9693fe054943e91fc07f01278e474dd5 = L.marker(
443
- [26.37005005, 50.0853985899999],
444
- {
445
- }
446
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
447
-
448
-
449
- var icon_57083f2cce23baa0077c496ac674a944 = L.AwesomeMarkers.icon(
450
- {
451
- "markerColor": "lightred",
452
- "iconColor": "white",
453
- "icon": "info-sign",
454
- "prefix": "glyphicon",
455
- "extraClasses": "fa-rotate-0",
456
- }
457
- );
458
-
459
-
460
- var popup_4e4ddfa9b0fad7d85d9ee194523a9b73 = L.popup({
461
- "maxWidth": 320,
462
- });
463
-
464
-
465
-
466
- var html_8c8ab3dd37cfd67ae20a98296e2317fa = $(`<div id="html_8c8ab3dd37cfd67ae20a98296e2317fa" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة صفوة الرواد للتعليم</b><br> السجل التجاري: 2050233382<br> المنطقة: الدمام<br> الحارة: الندى<br> <a href="https://www.google.com/maps?q=26.37005005,50.0853985899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
467
- popup_4e4ddfa9b0fad7d85d9ee194523a9b73.setContent(html_8c8ab3dd37cfd67ae20a98296e2317fa);
468
-
469
-
470
-
471
- marker_9693fe054943e91fc07f01278e474dd5.bindPopup(popup_4e4ddfa9b0fad7d85d9ee194523a9b73)
472
- ;
473
-
474
-
475
-
476
-
477
- marker_9693fe054943e91fc07f01278e474dd5.bindTooltip(
478
- `<div>
479
- شركة صفوة الرواد للتعليم
480
- </div>`,
481
- {
482
- "sticky": true,
483
- }
484
- );
485
-
486
-
487
- marker_9693fe054943e91fc07f01278e474dd5.setIcon(icon_57083f2cce23baa0077c496ac674a944);
488
-
489
-
490
- var marker_dd061377362d42b85693e9d80bb1483d = L.marker(
491
- [26.3689730299999, 50.0799264699999],
492
- {
493
- }
494
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
495
-
496
-
497
- var icon_45a625834feca7190e8c49a119b3cd44 = L.AwesomeMarkers.icon(
498
- {
499
- "markerColor": "lightred",
500
- "iconColor": "white",
501
- "icon": "info-sign",
502
- "prefix": "glyphicon",
503
- "extraClasses": "fa-rotate-0",
504
- }
505
- );
506
-
507
-
508
- var popup_b6821de78727ae1987d1fee5b8b4b6d5 = L.popup({
509
- "maxWidth": 320,
510
- });
511
-
512
-
513
-
514
- var html_32f8e9bd9c71d8e74af554b3d23c2a67 = $(`<div id="html_32f8e9bd9c71d8e74af554b3d23c2a67" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق راوند للشقق المخدومة</b><br> السجل التجاري: 2050139672<br> المنطقة: الدمام<br> الحارة: الندى<br> <a href="https://www.google.com/maps?q=26.3689730299999,50.0799264699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
515
- popup_b6821de78727ae1987d1fee5b8b4b6d5.setContent(html_32f8e9bd9c71d8e74af554b3d23c2a67);
516
-
517
-
518
-
519
- marker_dd061377362d42b85693e9d80bb1483d.bindPopup(popup_b6821de78727ae1987d1fee5b8b4b6d5)
520
- ;
521
-
522
-
523
-
524
-
525
- marker_dd061377362d42b85693e9d80bb1483d.bindTooltip(
526
- `<div>
527
- شقق راوند للشقق المخدومة
528
- </div>`,
529
- {
530
- "sticky": true,
531
- }
532
- );
533
-
534
-
535
- marker_dd061377362d42b85693e9d80bb1483d.setIcon(icon_45a625834feca7190e8c49a119b3cd44);
536
-
537
-
538
- var marker_dfee26e5896c3b578af9099ea96e4d46 = L.marker(
539
- [26.3636523899999, 50.07360672],
540
- {
541
- }
542
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
543
-
544
-
545
- var icon_79488f68b95d8f568fe731c381e6aeb5 = L.AwesomeMarkers.icon(
546
- {
547
- "markerColor": "lightred",
548
- "iconColor": "white",
549
- "icon": "info-sign",
550
- "prefix": "glyphicon",
551
- "extraClasses": "fa-rotate-0",
552
- }
553
- );
554
-
555
-
556
- var popup_bb5870c2b56e68687d4b522b9867f5d1 = L.popup({
557
- "maxWidth": 320,
558
- });
559
-
560
-
561
-
562
- var html_f1e183aa5704766fbe4bd7abfc7e9b7c = $(`<div id="html_f1e183aa5704766fbe4bd7abfc7e9b7c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة العوالم السبعة للتطوير والاستثمار العقاري شركة شخص واحد</b><br> السجل التجاري: 2050120856<br> المنطقة: الدمام<br> الحارة: الندى<br> <a href="https://www.google.com/maps?q=26.3636523899999,50.07360672" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
563
- popup_bb5870c2b56e68687d4b522b9867f5d1.setContent(html_f1e183aa5704766fbe4bd7abfc7e9b7c);
564
-
565
-
566
-
567
- marker_dfee26e5896c3b578af9099ea96e4d46.bindPopup(popup_bb5870c2b56e68687d4b522b9867f5d1)
568
- ;
569
-
570
-
571
-
572
-
573
- marker_dfee26e5896c3b578af9099ea96e4d46.bindTooltip(
574
- `<div>
575
- شركة العوالم السبعة للتطوير والاستثمار العقاري شركة شخص واحد
576
- </div>`,
577
- {
578
- "sticky": true,
579
- }
580
- );
581
-
582
-
583
- marker_dfee26e5896c3b578af9099ea96e4d46.setIcon(icon_79488f68b95d8f568fe731c381e6aeb5);
584
-
585
-
586
- var marker_b0d9c642a1d74fd77db05a38175e7604 = L.marker(
587
- [26.37189366, 50.08684186],
588
- {
589
- }
590
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
591
-
592
-
593
- var icon_4dbbd6e7b9b0e2aa1aad96518da22f40 = L.AwesomeMarkers.icon(
594
- {
595
- "markerColor": "lightred",
596
- "iconColor": "white",
597
- "icon": "info-sign",
598
- "prefix": "glyphicon",
599
- "extraClasses": "fa-rotate-0",
600
- }
601
- );
602
-
603
-
604
- var popup_a2e37b6b5e5a9c416881bcaa26c137b3 = L.popup({
605
- "maxWidth": 320,
606
- });
607
-
608
-
609
-
610
- var html_42ea93675e37cf373dcd728afd076ab2 = $(`<div id="html_42ea93675e37cf373dcd728afd076ab2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة وهج المسك للشقق المخدومة</b><br> السجل التجاري: 2050107204<br> المنطقة: الدمام<br> الحارة: الندى<br> <a href="https://www.google.com/maps?q=26.37189366,50.08684186" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
611
- popup_a2e37b6b5e5a9c416881bcaa26c137b3.setContent(html_42ea93675e37cf373dcd728afd076ab2);
612
-
613
-
614
-
615
- marker_b0d9c642a1d74fd77db05a38175e7604.bindPopup(popup_a2e37b6b5e5a9c416881bcaa26c137b3)
616
- ;
617
-
618
-
619
-
620
-
621
- marker_b0d9c642a1d74fd77db05a38175e7604.bindTooltip(
622
- `<div>
623
- مؤسسة وهج المسك للشقق المخدومة
624
- </div>`,
625
- {
626
- "sticky": true,
627
- }
628
- );
629
-
630
-
631
- marker_b0d9c642a1d74fd77db05a38175e7604.setIcon(icon_4dbbd6e7b9b0e2aa1aad96518da22f40);
632
-
633
-
634
- var marker_17aee38a86cd2f7dbd1bdafaf53ecc5e = L.marker(
635
- [26.36503072, 50.07594709],
636
- {
637
- }
638
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
639
-
640
-
641
- var icon_cbdf8d24ed1fc7dc2968b8effa6928b6 = L.AwesomeMarkers.icon(
642
- {
643
- "markerColor": "lightred",
644
- "iconColor": "white",
645
- "icon": "info-sign",
646
- "prefix": "glyphicon",
647
- "extraClasses": "fa-rotate-0",
648
- }
649
- );
650
-
651
-
652
- var popup_c7e2800280bbfeb33006cc0f7671fdf4 = L.popup({
653
- "maxWidth": 320,
654
- });
655
-
656
-
657
-
658
- var html_4238e1ec82868f15f98886c7a1624641 = $(`<div id="html_4238e1ec82868f15f98886c7a1624641" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق تاج الخليج للشقق المخدومة</b><br> السجل التجاري: 2050239713<br> المنطقة: الدمام<br> الحارة: الندى<br> <a href="https://www.google.com/maps?q=26.36503072,50.07594709" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
659
- popup_c7e2800280bbfeb33006cc0f7671fdf4.setContent(html_4238e1ec82868f15f98886c7a1624641);
660
-
661
-
662
-
663
- marker_17aee38a86cd2f7dbd1bdafaf53ecc5e.bindPopup(popup_c7e2800280bbfeb33006cc0f7671fdf4)
664
- ;
665
-
666
-
667
-
668
-
669
- marker_17aee38a86cd2f7dbd1bdafaf53ecc5e.bindTooltip(
670
- `<div>
671
- شقق تاج الخليج للشقق المخدومة
672
- </div>`,
673
- {
674
- "sticky": true,
675
- }
676
- );
677
-
678
-
679
- marker_17aee38a86cd2f7dbd1bdafaf53ecc5e.setIcon(icon_cbdf8d24ed1fc7dc2968b8effa6928b6);
680
-
681
-
682
- var marker_4ae4bb248f6b9b3ba71abdf8292ee7c0 = L.marker(
683
- [26.4213404499999, 50.0882611099999],
684
- {
685
- }
686
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
687
-
688
-
689
- var icon_d0dc2a581e27c898b8dd70615e0eab0e = L.AwesomeMarkers.icon(
690
- {
691
- "markerColor": "purple",
692
- "iconColor": "white",
693
- "icon": "info-sign",
694
- "prefix": "glyphicon",
695
- "extraClasses": "fa-rotate-0",
696
- }
697
- );
698
-
699
-
700
- var popup_d0f3dd56de217defc10b47573028e843 = L.popup({
701
- "maxWidth": 320,
702
- });
703
-
704
-
705
-
706
- var html_c3c01f59ee637317f90873b350f53cd3 = $(`<div id="html_c3c01f59ee637317f90873b350f53cd3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة تركيبات ستور للاتصالات</b><br> السجل التجاري: 2050136411<br> المنطقة: الدمام<br> الحارة: غرناطة<br> <a href="https://www.google.com/maps?q=26.4213404499999,50.0882611099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
707
- popup_d0f3dd56de217defc10b47573028e843.setContent(html_c3c01f59ee637317f90873b350f53cd3);
708
-
709
-
710
-
711
- marker_4ae4bb248f6b9b3ba71abdf8292ee7c0.bindPopup(popup_d0f3dd56de217defc10b47573028e843)
712
- ;
713
-
714
-
715
-
716
-
717
- marker_4ae4bb248f6b9b3ba71abdf8292ee7c0.bindTooltip(
718
- `<div>
719
- مؤسسة تركيبات ستور للاتصالات
720
- </div>`,
721
- {
722
- "sticky": true,
723
- }
724
- );
725
-
726
-
727
- marker_4ae4bb248f6b9b3ba71abdf8292ee7c0.setIcon(icon_d0dc2a581e27c898b8dd70615e0eab0e);
728
-
729
-
730
- var marker_f3856e76d55491b4e7b4e1dab4e96e7c = L.marker(
731
- [26.42133657, 50.0880917499999],
732
- {
733
- }
734
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
735
-
736
-
737
- var icon_823d09ef677820688d09171e7798a710 = L.AwesomeMarkers.icon(
738
- {
739
- "markerColor": "purple",
740
- "iconColor": "white",
741
- "icon": "info-sign",
742
- "prefix": "glyphicon",
743
- "extraClasses": "fa-rotate-0",
744
- }
745
- );
746
-
747
-
748
- var popup_e2ef9238f700c75db5acf1a99f9e8e5e = L.popup({
749
- "maxWidth": 320,
750
- });
751
-
752
-
753
-
754
- var html_086e3fe64b9cac5f0c4c5d6c3b88fe5f = $(`<div id="html_086e3fe64b9cac5f0c4c5d6c3b88fe5f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ياسر عبدالله محمد هزازى للاتصالات</b><br> السجل التجاري: 2050126484<br> المنطقة: الدمام<br> الحارة: غرناطة<br> <a href="https://www.google.com/maps?q=26.42133657,50.0880917499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
755
- popup_e2ef9238f700c75db5acf1a99f9e8e5e.setContent(html_086e3fe64b9cac5f0c4c5d6c3b88fe5f);
756
-
757
-
758
-
759
- marker_f3856e76d55491b4e7b4e1dab4e96e7c.bindPopup(popup_e2ef9238f700c75db5acf1a99f9e8e5e)
760
- ;
761
-
762
-
763
-
764
-
765
- marker_f3856e76d55491b4e7b4e1dab4e96e7c.bindTooltip(
766
- `<div>
767
- مؤسسة ياسر عبدالله محمد هزازى للاتصالات
768
- </div>`,
769
- {
770
- "sticky": true,
771
- }
772
- );
773
-
774
-
775
- marker_f3856e76d55491b4e7b4e1dab4e96e7c.setIcon(icon_823d09ef677820688d09171e7798a710);
776
-
777
-
778
- var marker_63210b1c51e1c4e1ba6e0d16e73b4630 = L.marker(
779
- [26.42545432, 50.07158676],
780
- {
781
- }
782
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
783
-
784
-
785
- var icon_44fbb667a6fd1fb9f0db053ca0b4a8dc = L.AwesomeMarkers.icon(
786
- {
787
- "markerColor": "purple",
788
- "iconColor": "white",
789
- "icon": "info-sign",
790
- "prefix": "glyphicon",
791
- "extraClasses": "fa-rotate-0",
792
- }
793
- );
794
-
795
-
796
- var popup_3de612a45f3dc3a1c717e0826163114c = L.popup({
797
- "maxWidth": 320,
798
- });
799
-
800
-
801
-
802
- var html_b2fcbce580a3a6d48ffac6b0ec3b6da5 = $(`<div id="html_b2fcbce580a3a6d48ffac6b0ec3b6da5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق الديار العالميه للوحدات السكنية</b><br> السجل التجاري: 2050120906<br> المنطقة: الدمام<br> الحارة: غرناطة<br> <a href="https://www.google.com/maps?q=26.42545432,50.07158676" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
803
- popup_3de612a45f3dc3a1c717e0826163114c.setContent(html_b2fcbce580a3a6d48ffac6b0ec3b6da5);
804
-
805
-
806
-
807
- marker_63210b1c51e1c4e1ba6e0d16e73b4630.bindPopup(popup_3de612a45f3dc3a1c717e0826163114c)
808
- ;
809
-
810
-
811
-
812
-
813
- marker_63210b1c51e1c4e1ba6e0d16e73b4630.bindTooltip(
814
- `<div>
815
- شقق الديار العالميه للوحدات السكنية
816
- </div>`,
817
- {
818
- "sticky": true,
819
- }
820
- );
821
-
822
-
823
- marker_63210b1c51e1c4e1ba6e0d16e73b4630.setIcon(icon_44fbb667a6fd1fb9f0db053ca0b4a8dc);
824
-
825
-
826
- var marker_3a1ab8c79945cc7d5aaeeff81f673570 = L.marker(
827
- [26.42466568, 50.0824199099999],
828
- {
829
- }
830
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
831
-
832
-
833
- var icon_7a55ad9fa65c5a7ee48de4d509059249 = L.AwesomeMarkers.icon(
834
- {
835
- "markerColor": "purple",
836
- "iconColor": "white",
837
- "icon": "info-sign",
838
- "prefix": "glyphicon",
839
- "extraClasses": "fa-rotate-0",
840
- }
841
- );
842
-
843
-
844
- var popup_c604b8125b1b1aa0bcbaefd7acf6947e = L.popup({
845
- "maxWidth": 320,
846
- });
847
-
848
-
849
-
850
- var html_87110a100d4b873c53b1aa458129430f = $(`<div id="html_87110a100d4b873c53b1aa458129430f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عبدالرحمن عبدالله اليوسف للخدمات العقارية</b><br> السجل التجاري: 2050074661<br> المنطقة: الدمام<br> الحارة: غرناطة<br> <a href="https://www.google.com/maps?q=26.42466568,50.0824199099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
851
- popup_c604b8125b1b1aa0bcbaefd7acf6947e.setContent(html_87110a100d4b873c53b1aa458129430f);
852
-
853
-
854
-
855
- marker_3a1ab8c79945cc7d5aaeeff81f673570.bindPopup(popup_c604b8125b1b1aa0bcbaefd7acf6947e)
856
- ;
857
-
858
-
859
-
860
-
861
- marker_3a1ab8c79945cc7d5aaeeff81f673570.bindTooltip(
862
- `<div>
863
- مكتب عبدالرحمن عبدالله اليوسف للخدمات العقارية
864
- </div>`,
865
- {
866
- "sticky": true,
867
- }
868
- );
869
-
870
-
871
- marker_3a1ab8c79945cc7d5aaeeff81f673570.setIcon(icon_7a55ad9fa65c5a7ee48de4d509059249);
872
-
873
-
874
- var marker_3ea4133160e889f96b7b133707e23ef0 = L.marker(
875
- [26.42148049, 50.08530057],
876
- {
877
- }
878
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
879
-
880
-
881
- var icon_0b2f0c4d5b7fc5a5137010abc5f186df = L.AwesomeMarkers.icon(
882
- {
883
- "markerColor": "purple",
884
- "iconColor": "white",
885
- "icon": "info-sign",
886
- "prefix": "glyphicon",
887
- "extraClasses": "fa-rotate-0",
888
- }
889
- );
890
-
891
-
892
- var popup_4e61daa029dc61e02644a8c803ddcb78 = L.popup({
893
- "maxWidth": 320,
894
- });
895
-
896
-
897
-
898
- var html_a097c7c6a210dd50b54a23ee16c94609 = $(`<div id="html_a097c7c6a210dd50b54a23ee16c94609" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الليزر الرقمي للدعاية والاعلان شركة شخص واحد</b><br> السجل التجاري: 2050044442<br> المنطقة: الدمام<br> الحارة: غرناطة<br> <a href="https://www.google.com/maps?q=26.42148049,50.08530057" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
899
- popup_4e61daa029dc61e02644a8c803ddcb78.setContent(html_a097c7c6a210dd50b54a23ee16c94609);
900
-
901
-
902
-
903
- marker_3ea4133160e889f96b7b133707e23ef0.bindPopup(popup_4e61daa029dc61e02644a8c803ddcb78)
904
- ;
905
-
906
-
907
-
908
-
909
- marker_3ea4133160e889f96b7b133707e23ef0.bindTooltip(
910
- `<div>
911
- شركة الليزر الرقمي للدعاية والاعلان شركة شخص واحد
912
- </div>`,
913
- {
914
- "sticky": true,
915
- }
916
- );
917
-
918
-
919
- marker_3ea4133160e889f96b7b133707e23ef0.setIcon(icon_0b2f0c4d5b7fc5a5137010abc5f186df);
920
-
921
-
922
- map_e4a74a221564b3e5f4887bd7859a456a.fitBounds(
923
- [[26.37005005, 50.0853985899999], [26.3689730299999, 50.0799264699999], [26.3636523899999, 50.07360672], [26.37189366, 50.08684186], [26.36503072, 50.07594709], [26.4213404499999, 50.0882611099999], [26.42133657, 50.0880917499999], [26.42545432, 50.07158676], [26.42466568, 50.0824199099999], [26.42148049, 50.08530057]],
924
- {"padding": [30, 30]}
925
- );
926
-
927
-
928
- var layer_control_524e460f03d5545b5340a28daf539b15_layers = {
929
- base_layers : {
930
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_4f21f947a3d77bf64548b951c048d89b,
931
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_3d8ac2a2175902a47173a3ff173e5c63,
932
- },
933
- overlays : {
934
- },
935
- };
936
- let layer_control_524e460f03d5545b5340a28daf539b15 = L.control.layers(
937
- layer_control_524e460f03d5545b5340a28daf539b15_layers.base_layers,
938
- layer_control_524e460f03d5545b5340a28daf539b15_layers.overlays,
939
- {
940
- "position": "topright",
941
- "collapsed": false,
942
- "autoZIndex": true,
943
- }
944
- ).addTo(map_e4a74a221564b3e5f4887bd7859a456a);
945
-
946
-
947
- </script>
948
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/05.html DELETED
@@ -1,798 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_adb9a2a424fb4a03a363e08aa3598a69 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نوف محمد ناصر الناصر - 5</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 7<br>
139
- <b>عدد الحارات:</b> 1<br>
140
- <b>الأكثر:</b> <b>الفيصلية</b>: 7
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الفيصلية</span>
149
- <span style="font-size:12px;color:#666;">(7)</span>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
-
156
- <script>
157
- (function(){
158
- const box = document.getElementById('statsBox');
159
- const fab = document.getElementById('statsFab');
160
- const hide = document.getElementById('hideStats');
161
-
162
- hide.addEventListener('click', function(){
163
- box.style.display = 'none';
164
- fab.style.display = 'block';
165
- });
166
-
167
- fab.addEventListener('click', function(){
168
- box.style.display = 'block';
169
- fab.style.display = 'none';
170
- });
171
- })();
172
- </script>
173
-
174
-
175
- <style>
176
- .leaflet-control.est-search-control {
177
- background: rgba(255,255,255,0.92);
178
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
179
- border-radius: 14px;
180
- padding: 10px 10px;
181
- width: 320px;
182
- direction: rtl;
183
- font-family: Arial, sans-serif;
184
- }
185
- .est-search-control input {
186
- width: 100%;
187
- border: 1px solid rgba(0,0,0,0.15);
188
- border-radius: 10px;
189
- padding: 10px 12px;
190
- font-size: 13px;
191
- outline: none;
192
- }
193
- .est-search-meta {
194
- margin-top: 6px;
195
- font-size: 12px;
196
- color: #666;
197
- display:flex;
198
- justify-content:space-between;
199
- gap:8px;
200
- }
201
- .est-results {
202
- margin-top: 8px;
203
- max-height: 180px;
204
- overflow: auto;
205
- border-top: 1px solid rgba(0,0,0,0.08);
206
- padding-top: 6px;
207
- }
208
- .est-item {
209
- cursor: pointer;
210
- padding: 8px 10px;
211
- border-radius: 10px;
212
- font-size: 13px;
213
- line-height: 1.4;
214
- }
215
- .est-item:hover {
216
- background: rgba(0,0,0,0.06);
217
- }
218
- .est-badge {
219
- font-size: 12px;
220
- color: #333;
221
- }
222
- .est-clear {
223
- cursor:pointer;
224
- user-select:none;
225
- font-size:12px;
226
- color:#0b6efd;
227
- }
228
- </style>
229
-
230
- <script>
231
- (function(){
232
- const map = map_adb9a2a424fb4a03a363e08aa3598a69;
233
- // items: list of objects (title, lat, lon, markerVar)
234
- const items = [{"title": "شركة ماجد الفطيم للسينما شركة شخص واحد", "lat": 26.3862692099999, "lon": 50.07560969, "markerVar": "marker_26e32cd2a8e65ddae60ab296375728da"}, {"title": "مؤسسة سما المزروعية للنقليات", "lat": 26.3985423030038, "lon": 50.0658808578424, "markerVar": "marker_79e4d3ec821047d0798aef898c6fa6c6"}, {"title": "مؤسسة الاقتصاد المتوازن للخدمات العقارية", "lat": 26.4050437199999, "lon": 50.0623403199999, "markerVar": "marker_918c416578bd7da15529f2237d948f4f"}, {"title": "مؤسسة ركيز لتقديم المشروبات", "lat": 26.38808235, "lon": 50.06304319, "markerVar": "marker_120948c6e276e14b7b314c7fec828c57"}, {"title": "مؤسسة امطار للخدمات العقارية", "lat": 26.3884505199999, "lon": 50.06344751, "markerVar": "marker_6a1ca8a5df31de5280a9f203b9da2e09"}, {"title": "مكتب أحمد عبداللطيف السماعيل للخدمات العقارية", "lat": 26.38520433, "lon": 50.0589938199999, "markerVar": "marker_beb42fc5ee13d38ff078bacb5859dac6"}, {"title": "مدارس الأنوار الأهلية", "lat": 26.39756014, "lon": 50.06635011, "markerVar": "marker_a7b5dc156a352c00b581b535d806b760"}];
235
-
236
- function norm(s){
237
- if(!s) return "";
238
- s = (""+s).toLowerCase();
239
-
240
- // إزالة التشكيل
241
- s = s.replace(/[\u064B-\u065F]/g, "");
242
- // تطبيع عربي
243
- s = s.replace(/[إأآا]/g, "ا")
244
- .replace(/ى/g, "ي")
245
- .replace(/ة/g, "ه")
246
- .replace(/ؤ/g, "و")
247
- .replace(/ئ/g, "ي")
248
- .replace(/ـ/g, "");
249
- // مسافات
250
- s = s.replace(/\s+/g, " ").trim();
251
- return s;
252
- }
253
-
254
- const SearchControl = L.Control.extend({
255
- options: { position: 'bottomleft' },
256
- onAdd: function(){
257
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
258
- div.innerHTML = `
259
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
260
- <div class="est-search-meta">
261
- <span id="estCount" class="est-badge"></span>
262
- <span id="estClear" class="est-clear">مسح</span>
263
- </div>
264
- <div id="estResults" class="est-results"></div>
265
- `;
266
- L.DomEvent.disableClickPropagation(div);
267
- L.DomEvent.disableScrollPropagation(div);
268
- return div;
269
- }
270
- });
271
-
272
- map.addControl(new SearchControl());
273
-
274
- function renderResults(hits){
275
- const results = document.getElementById('estResults');
276
- const count = document.getElementById('estCount');
277
- results.innerHTML = "";
278
-
279
- if(!hits.length){
280
- count.textContent = "لا توجد نتائج";
281
- return;
282
- }
283
-
284
- count.textContent = "النتائج: " + hits.length;
285
-
286
- for(const h of hits.slice(0, 50)){
287
- const el = document.createElement('div');
288
- el.className = 'est-item';
289
- el.textContent = h.title;
290
- el.onclick = function(){
291
- try {
292
- const mv = window[h.markerVar];
293
- if(mv && mv.getLatLng){
294
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
295
- if(mv.openPopup) mv.openPopup();
296
- } else {
297
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
298
- }
299
- } catch(e) {}
300
- };
301
- results.appendChild(el);
302
- }
303
- }
304
-
305
- function search(q){
306
- const nq = norm(q);
307
- if(!nq) return [];
308
- const hits = [];
309
- for(const it of items){
310
- if(norm(it.title).includes(nq)) hits.push(it);
311
- }
312
- return hits;
313
- }
314
-
315
- setTimeout(function(){
316
- const input = document.getElementById('estQ');
317
- const clearBtn = document.getElementById('estClear');
318
-
319
- input.addEventListener('input', function(){
320
- renderResults(search(this.value));
321
- });
322
-
323
- input.addEventListener('keydown', function(e){
324
- if(e.key === 'Enter'){
325
- const hits = search(this.value);
326
- renderResults(hits);
327
- if(hits.length){
328
- try {
329
- const mv = window[hits[0].markerVar];
330
- if(mv && mv.getLatLng){
331
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
332
- if(mv.openPopup) mv.openPopup();
333
- }
334
- } catch(e) {}
335
- }
336
- }
337
- });
338
-
339
- clearBtn.addEventListener('click', function(){
340
- input.value = "";
341
- document.getElementById('estResults').innerHTML = "";
342
- document.getElementById('estCount').textContent = "";
343
- });
344
- }, 0);
345
- })();
346
- </script>
347
-
348
-
349
- <div style="
350
- position: fixed;
351
- bottom: 8px; left: 8px;
352
- background: rgba(255,255,255,0.85);
353
- padding: 6px 10px;
354
- border-radius: 10px;
355
- font-size: 13px;
356
- direction: rtl;
357
- z-index: 9999;
358
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
359
- font-family: Arial, sans-serif;
360
- ">
361
- تصميم وإعداد <b>نوف الناصر</b>
362
- </div>
363
-
364
-
365
- <div class="folium-map" id="map_adb9a2a424fb4a03a363e08aa3598a69" ></div>
366
-
367
- </body>
368
- <script>
369
-
370
-
371
- var map_adb9a2a424fb4a03a363e08aa3598a69 = L.map(
372
- "map_adb9a2a424fb4a03a363e08aa3598a69",
373
- {
374
- center: [26.39273608185764, 50.06509507112032],
375
- crs: L.CRS.EPSG3857,
376
- ...{
377
- "zoom": 13,
378
- "zoomControl": true,
379
- "preferCanvas": false,
380
- }
381
-
382
- }
383
- );
384
- L.control.scale().addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
385
-
386
-
387
-
388
-
389
-
390
- var tile_layer_201ec2d3117f1eedfb5c82e0aa63eff8 = L.tileLayer(
391
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
392
- {
393
- "minZoom": 0,
394
- "maxZoom": 19,
395
- "maxNativeZoom": 19,
396
- "noWrap": false,
397
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
398
- "subdomains": "abc",
399
- "detectRetina": false,
400
- "tms": false,
401
- "opacity": 1,
402
- }
403
-
404
- );
405
-
406
-
407
- tile_layer_201ec2d3117f1eedfb5c82e0aa63eff8.addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
408
-
409
-
410
- var tile_layer_bb98676676b3db3b1939b09e29364875 = L.tileLayer(
411
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
412
- {
413
- "minZoom": 0,
414
- "maxZoom": 18,
415
- "maxNativeZoom": 18,
416
- "noWrap": false,
417
- "attribution": "\u0026copy; Esri",
418
- "subdomains": "abc",
419
- "detectRetina": false,
420
- "tms": false,
421
- "opacity": 1,
422
- }
423
-
424
- );
425
-
426
-
427
- tile_layer_bb98676676b3db3b1939b09e29364875.addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
428
-
429
-
430
- var locate_control_aa2a38196cb65be00220bb6cec33d5e3 = L.control.locate(
431
- {"flyTo": true}
432
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
433
-
434
-
435
-
436
- var marker_26e32cd2a8e65ddae60ab296375728da = L.marker(
437
- [26.3862692099999, 50.07560969],
438
- {
439
- }
440
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
441
-
442
-
443
- var icon_37e7a8028c8d308298616d8a89c78865 = L.AwesomeMarkers.icon(
444
- {
445
- "markerColor": "blue",
446
- "iconColor": "white",
447
- "icon": "info-sign",
448
- "prefix": "glyphicon",
449
- "extraClasses": "fa-rotate-0",
450
- }
451
- );
452
-
453
-
454
- var popup_5b6665772ce8e9ca7763c1387d3dc687 = L.popup({
455
- "maxWidth": 320,
456
- });
457
-
458
-
459
-
460
- var html_3b487012ad92e29300d67b1825851b50 = $(`<div id="html_3b487012ad92e29300d67b1825851b50" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة ماجد الفطيم للسينما شركة شخص واحد</b><br> السجل التجاري: 2050125772<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.3862692099999,50.07560969" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
461
- popup_5b6665772ce8e9ca7763c1387d3dc687.setContent(html_3b487012ad92e29300d67b1825851b50);
462
-
463
-
464
-
465
- marker_26e32cd2a8e65ddae60ab296375728da.bindPopup(popup_5b6665772ce8e9ca7763c1387d3dc687)
466
- ;
467
-
468
-
469
-
470
-
471
- marker_26e32cd2a8e65ddae60ab296375728da.bindTooltip(
472
- `<div>
473
- شركة ماجد الفطيم للسينما شركة شخص واحد
474
- </div>`,
475
- {
476
- "sticky": true,
477
- }
478
- );
479
-
480
-
481
- marker_26e32cd2a8e65ddae60ab296375728da.setIcon(icon_37e7a8028c8d308298616d8a89c78865);
482
-
483
-
484
- var marker_79e4d3ec821047d0798aef898c6fa6c6 = L.marker(
485
- [26.3985423030038, 50.0658808578424],
486
- {
487
- }
488
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
489
-
490
-
491
- var icon_269f3402fa6183d9baceeb294c6324ee = L.AwesomeMarkers.icon(
492
- {
493
- "markerColor": "blue",
494
- "iconColor": "white",
495
- "icon": "info-sign",
496
- "prefix": "glyphicon",
497
- "extraClasses": "fa-rotate-0",
498
- }
499
- );
500
-
501
-
502
- var popup_40b4c5e1a3b56156465007d562df6127 = L.popup({
503
- "maxWidth": 320,
504
- });
505
-
506
-
507
-
508
- var html_555441e209fcc855ad9be6964a0a85e0 = $(`<div id="html_555441e209fcc855ad9be6964a0a85e0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة سما المزروعية للنقليات</b><br> السجل التجاري: 2062029228<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.3985423030038,50.0658808578424" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
509
- popup_40b4c5e1a3b56156465007d562df6127.setContent(html_555441e209fcc855ad9be6964a0a85e0);
510
-
511
-
512
-
513
- marker_79e4d3ec821047d0798aef898c6fa6c6.bindPopup(popup_40b4c5e1a3b56156465007d562df6127)
514
- ;
515
-
516
-
517
-
518
-
519
- marker_79e4d3ec821047d0798aef898c6fa6c6.bindTooltip(
520
- `<div>
521
- مؤسسة سما المزروعية للنقليات
522
- </div>`,
523
- {
524
- "sticky": true,
525
- }
526
- );
527
-
528
-
529
- marker_79e4d3ec821047d0798aef898c6fa6c6.setIcon(icon_269f3402fa6183d9baceeb294c6324ee);
530
-
531
-
532
- var marker_918c416578bd7da15529f2237d948f4f = L.marker(
533
- [26.4050437199999, 50.0623403199999],
534
- {
535
- }
536
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
537
-
538
-
539
- var icon_2801f100ffffdcd20053a5d8a129abd5 = L.AwesomeMarkers.icon(
540
- {
541
- "markerColor": "blue",
542
- "iconColor": "white",
543
- "icon": "info-sign",
544
- "prefix": "glyphicon",
545
- "extraClasses": "fa-rotate-0",
546
- }
547
- );
548
-
549
-
550
- var popup_d17b186395fa5ded723b20c434d93756 = L.popup({
551
- "maxWidth": 320,
552
- });
553
-
554
-
555
-
556
- var html_13c1cd4627823d0b7ec27ca12a6ec603 = $(`<div id="html_13c1cd4627823d0b7ec27ca12a6ec603" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الاقتصاد المتوازن للخدمات العقارية</b><br> السجل التجاري: 2050172153<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.4050437199999,50.0623403199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
557
- popup_d17b186395fa5ded723b20c434d93756.setContent(html_13c1cd4627823d0b7ec27ca12a6ec603);
558
-
559
-
560
-
561
- marker_918c416578bd7da15529f2237d948f4f.bindPopup(popup_d17b186395fa5ded723b20c434d93756)
562
- ;
563
-
564
-
565
-
566
-
567
- marker_918c416578bd7da15529f2237d948f4f.bindTooltip(
568
- `<div>
569
- مؤسسة الاقتصاد المتوازن للخدمات العقارية
570
- </div>`,
571
- {
572
- "sticky": true,
573
- }
574
- );
575
-
576
-
577
- marker_918c416578bd7da15529f2237d948f4f.setIcon(icon_2801f100ffffdcd20053a5d8a129abd5);
578
-
579
-
580
- var marker_120948c6e276e14b7b314c7fec828c57 = L.marker(
581
- [26.38808235, 50.06304319],
582
- {
583
- }
584
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
585
-
586
-
587
- var icon_315035bbe56f9d480560014f45124c61 = L.AwesomeMarkers.icon(
588
- {
589
- "markerColor": "blue",
590
- "iconColor": "white",
591
- "icon": "info-sign",
592
- "prefix": "glyphicon",
593
- "extraClasses": "fa-rotate-0",
594
- }
595
- );
596
-
597
-
598
- var popup_60b45cbd4614997af575b0a6ae1b5593 = L.popup({
599
- "maxWidth": 320,
600
- });
601
-
602
-
603
-
604
- var html_275770f93d68aee6d17d28c59ece4800 = $(`<div id="html_275770f93d68aee6d17d28c59ece4800" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ركيز لتقديم المشروبات</b><br> السجل التجاري: 2050154994<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.38808235,50.06304319" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
605
- popup_60b45cbd4614997af575b0a6ae1b5593.setContent(html_275770f93d68aee6d17d28c59ece4800);
606
-
607
-
608
-
609
- marker_120948c6e276e14b7b314c7fec828c57.bindPopup(popup_60b45cbd4614997af575b0a6ae1b5593)
610
- ;
611
-
612
-
613
-
614
-
615
- marker_120948c6e276e14b7b314c7fec828c57.bindTooltip(
616
- `<div>
617
- مؤسسة ركيز لتقديم المشروبات
618
- </div>`,
619
- {
620
- "sticky": true,
621
- }
622
- );
623
-
624
-
625
- marker_120948c6e276e14b7b314c7fec828c57.setIcon(icon_315035bbe56f9d480560014f45124c61);
626
-
627
-
628
- var marker_6a1ca8a5df31de5280a9f203b9da2e09 = L.marker(
629
- [26.3884505199999, 50.06344751],
630
- {
631
- }
632
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
633
-
634
-
635
- var icon_7485d705d373efe7d33a9da22936acf6 = L.AwesomeMarkers.icon(
636
- {
637
- "markerColor": "blue",
638
- "iconColor": "white",
639
- "icon": "info-sign",
640
- "prefix": "glyphicon",
641
- "extraClasses": "fa-rotate-0",
642
- }
643
- );
644
-
645
-
646
- var popup_fb9d9a45215cc04b2dc610a148fb6f40 = L.popup({
647
- "maxWidth": 320,
648
- });
649
-
650
-
651
-
652
- var html_4f73cdee666e99ed32392271c79359f6 = $(`<div id="html_4f73cdee666e99ed32392271c79359f6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة امطار للخدمات العقارية</b><br> السجل التجاري: 2050061670<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.3884505199999,50.06344751" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
653
- popup_fb9d9a45215cc04b2dc610a148fb6f40.setContent(html_4f73cdee666e99ed32392271c79359f6);
654
-
655
-
656
-
657
- marker_6a1ca8a5df31de5280a9f203b9da2e09.bindPopup(popup_fb9d9a45215cc04b2dc610a148fb6f40)
658
- ;
659
-
660
-
661
-
662
-
663
- marker_6a1ca8a5df31de5280a9f203b9da2e09.bindTooltip(
664
- `<div>
665
- مؤسسة امطار للخدمات العقارية
666
- </div>`,
667
- {
668
- "sticky": true,
669
- }
670
- );
671
-
672
-
673
- marker_6a1ca8a5df31de5280a9f203b9da2e09.setIcon(icon_7485d705d373efe7d33a9da22936acf6);
674
-
675
-
676
- var marker_beb42fc5ee13d38ff078bacb5859dac6 = L.marker(
677
- [26.38520433, 50.0589938199999],
678
- {
679
- }
680
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
681
-
682
-
683
- var icon_42c9ef8061edada86a7bc0d0673da327 = L.AwesomeMarkers.icon(
684
- {
685
- "markerColor": "blue",
686
- "iconColor": "white",
687
- "icon": "info-sign",
688
- "prefix": "glyphicon",
689
- "extraClasses": "fa-rotate-0",
690
- }
691
- );
692
-
693
-
694
- var popup_a41775eb12fdcedbf4b29d971dff52a7 = L.popup({
695
- "maxWidth": 320,
696
- });
697
-
698
-
699
-
700
- var html_822680bfef6d1136e09b939260b5bb86 = $(`<div id="html_822680bfef6d1136e09b939260b5bb86" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب أحمد عبداللطيف السماعيل للخدمات العقارية</b><br> السجل التجاري: 2050052788<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.38520433,50.0589938199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
701
- popup_a41775eb12fdcedbf4b29d971dff52a7.setContent(html_822680bfef6d1136e09b939260b5bb86);
702
-
703
-
704
-
705
- marker_beb42fc5ee13d38ff078bacb5859dac6.bindPopup(popup_a41775eb12fdcedbf4b29d971dff52a7)
706
- ;
707
-
708
-
709
-
710
-
711
- marker_beb42fc5ee13d38ff078bacb5859dac6.bindTooltip(
712
- `<div>
713
- مكتب أحمد عبداللطيف السماعيل للخدمات العقارية
714
- </div>`,
715
- {
716
- "sticky": true,
717
- }
718
- );
719
-
720
-
721
- marker_beb42fc5ee13d38ff078bacb5859dac6.setIcon(icon_42c9ef8061edada86a7bc0d0673da327);
722
-
723
-
724
- var marker_a7b5dc156a352c00b581b535d806b760 = L.marker(
725
- [26.39756014, 50.06635011],
726
- {
727
- }
728
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
729
-
730
-
731
- var icon_626e740fabdb1588db8f60a4a58b866b = L.AwesomeMarkers.icon(
732
- {
733
- "markerColor": "blue",
734
- "iconColor": "white",
735
- "icon": "info-sign",
736
- "prefix": "glyphicon",
737
- "extraClasses": "fa-rotate-0",
738
- }
739
- );
740
-
741
-
742
- var popup_89b236cfd1ddd52d9ba220213b29851d = L.popup({
743
- "maxWidth": 320,
744
- });
745
-
746
-
747
-
748
- var html_9e66c68f612b0a470241ec14fb6ce2a1 = $(`<div id="html_9e66c68f612b0a470241ec14fb6ce2a1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدارس الأنوار الأهلية</b><br> السجل التجاري: 2050048751<br> المنطقة: الدمام<br> الحارة: الفيصلية<br> <a href="https://www.google.com/maps?q=26.39756014,50.06635011" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
749
- popup_89b236cfd1ddd52d9ba220213b29851d.setContent(html_9e66c68f612b0a470241ec14fb6ce2a1);
750
-
751
-
752
-
753
- marker_a7b5dc156a352c00b581b535d806b760.bindPopup(popup_89b236cfd1ddd52d9ba220213b29851d)
754
- ;
755
-
756
-
757
-
758
-
759
- marker_a7b5dc156a352c00b581b535d806b760.bindTooltip(
760
- `<div>
761
- مدارس الأنوار الأهلية
762
- </div>`,
763
- {
764
- "sticky": true,
765
- }
766
- );
767
-
768
-
769
- marker_a7b5dc156a352c00b581b535d806b760.setIcon(icon_626e740fabdb1588db8f60a4a58b866b);
770
-
771
-
772
- map_adb9a2a424fb4a03a363e08aa3598a69.fitBounds(
773
- [[26.3862692099999, 50.07560969], [26.3985423030038, 50.0658808578424], [26.4050437199999, 50.0623403199999], [26.38808235, 50.06304319], [26.3884505199999, 50.06344751], [26.38520433, 50.0589938199999], [26.39756014, 50.06635011]],
774
- {"padding": [30, 30]}
775
- );
776
-
777
-
778
- var layer_control_ad59f9adcca30d7f1362c8a4505a4a34_layers = {
779
- base_layers : {
780
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_201ec2d3117f1eedfb5c82e0aa63eff8,
781
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_bb98676676b3db3b1939b09e29364875,
782
- },
783
- overlays : {
784
- },
785
- };
786
- let layer_control_ad59f9adcca30d7f1362c8a4505a4a34 = L.control.layers(
787
- layer_control_ad59f9adcca30d7f1362c8a4505a4a34_layers.base_layers,
788
- layer_control_ad59f9adcca30d7f1362c8a4505a4a34_layers.overlays,
789
- {
790
- "position": "topright",
791
- "collapsed": false,
792
- "autoZIndex": true,
793
- }
794
- ).addTo(map_adb9a2a424fb4a03a363e08aa3598a69);
795
-
796
-
797
- </script>
798
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/06.html DELETED
@@ -1,966 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_3c7d7c748721ce0f4efb2bd6d19b5473 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">ساره حسين بن عبدالهادي بوخمسين - 6</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>العنود</b>: 4 | <b>المحمدية</b>: 2 | <b>الجلوية</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العنود</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المحمدية</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجلوية</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العزيزية</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحمراء</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_3c7d7c748721ce0f4efb2bd6d19b5473;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "شركة الموحدة بلس للخدمات اللوجستية شركة شخص واحد", "lat": 26.441116, "lon": 50.06263379, "markerVar": "marker_4048b76dcc7e2667d24fbbc33e8f489f"}, {"title": "شركة رسال للنقليات شركة شخص واحد", "lat": 26.4459470825981, "lon": 50.0628059902537, "markerVar": "marker_8a7d392a2445fdf1a6a846fabc41cc43"}, {"title": "مؤسسة بتيل الشرق للتجارة", "lat": 26.4533394245614, "lon": 50.0800066028623, "markerVar": "marker_5012c99d0d8441a1c744dba2dddf35be"}, {"title": "مؤسسة بعد المحلات لتقنية المعلومات", "lat": 26.44406912, "lon": 50.0683050199999, "markerVar": "marker_d2dda275d47187424bd5aa3d7cf8c2a7"}, {"title": "مكتب ياسر بن علي بن ابراهيم الصاغه للخدمات العقارية", "lat": 26.4441393699999, "lon": 50.06812396, "markerVar": "marker_5d1fcf819f62410f6109285e8b1b84d1"}, {"title": "وكالة نجمة السفير للشحن الجوي", "lat": 26.4448182, "lon": 50.0698459099999, "markerVar": "marker_558607ec7be9f7a6c90a4d9a940f9099"}, {"title": "مؤسسة مصطفى بن حمزه بن كاظم العبدالعال للاتصالات", "lat": 26.4436017099999, "lon": 50.0678843, "markerVar": "marker_cf78375a30ebff2084c5cea51ff5d540"}, {"title": "بوفية نجم الحارة لتقديم الوجبات", "lat": 26.44120564, "lon": 50.0742802099999, "markerVar": "marker_434db8f6a6b23aa2275f821cd2a2a81c"}, {"title": "شركة أكادونيا للشقق المخدومة", "lat": 26.42882505, "lon": 50.07419249, "markerVar": "marker_4be0613c32ee57f757d3dec03541d0d7"}, {"title": "مؤسسة التنين الاصفر للتجارة", "lat": 26.4682922699999, "lon": 50.0862685299999, "markerVar": "marker_a63cfc01906bbf1cbb1330de8b1a1d53"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_3c7d7c748721ce0f4efb2bd6d19b5473" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_3c7d7c748721ce0f4efb2bd6d19b5473 = L.map(
396
- "map_3c7d7c748721ce0f4efb2bd6d19b5473",
397
- {
398
- center: [26.44553538671592, 50.071434680311555],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_383d9b2b8a5f8ed7f7ce7062ad9a251c = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_383d9b2b8a5f8ed7f7ce7062ad9a251c.addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
432
-
433
-
434
- var tile_layer_71d06c18bd4c9d3a866a330128323c3a = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_71d06c18bd4c9d3a866a330128323c3a.addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
452
-
453
-
454
- var locate_control_d2683faa51c2d8e13f9cd7db83d97a4e = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
457
-
458
-
459
-
460
- var marker_4048b76dcc7e2667d24fbbc33e8f489f = L.marker(
461
- [26.441116, 50.06263379],
462
- {
463
- }
464
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
465
-
466
-
467
- var icon_a095359a4976d18f12c3e0b197621cf8 = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "gray",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_77df125d2963ae8d75b349289fa201b5 = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_b689b8ce1478662a2289ad3c08d85ec1 = $(`<div id="html_b689b8ce1478662a2289ad3c08d85ec1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الموحدة بلس للخدمات اللوجستية شركة شخص واحد</b><br> السجل التجاري: 2053121667<br> المنطقة: الدمام<br> الحارة: المحمدية<br> <a href="https://www.google.com/maps?q=26.441116,50.06263379" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_77df125d2963ae8d75b349289fa201b5.setContent(html_b689b8ce1478662a2289ad3c08d85ec1);
486
-
487
-
488
-
489
- marker_4048b76dcc7e2667d24fbbc33e8f489f.bindPopup(popup_77df125d2963ae8d75b349289fa201b5)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_4048b76dcc7e2667d24fbbc33e8f489f.bindTooltip(
496
- `<div>
497
- شركة الموحدة بلس للخدمات اللوجستية شركة شخص واحد
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_4048b76dcc7e2667d24fbbc33e8f489f.setIcon(icon_a095359a4976d18f12c3e0b197621cf8);
506
-
507
-
508
- var marker_8a7d392a2445fdf1a6a846fabc41cc43 = L.marker(
509
- [26.4459470825981, 50.0628059902537],
510
- {
511
- }
512
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
513
-
514
-
515
- var icon_1bdfa858c2d71da93bd581dea2512eab = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "gray",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_764e8ad1a0f4451d1e32813ed698f8d4 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_2496dc81b16bfe1b96186a5ca1a5c824 = $(`<div id="html_2496dc81b16bfe1b96186a5ca1a5c824" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة رسال للنقليات شركة شخص واحد</b><br> السجل التجاري: 2050139830<br> المنطقة: الدمام<br> الحارة: المحمدية<br> <a href="https://www.google.com/maps?q=26.4459470825981,50.0628059902537" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_764e8ad1a0f4451d1e32813ed698f8d4.setContent(html_2496dc81b16bfe1b96186a5ca1a5c824);
534
-
535
-
536
-
537
- marker_8a7d392a2445fdf1a6a846fabc41cc43.bindPopup(popup_764e8ad1a0f4451d1e32813ed698f8d4)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_8a7d392a2445fdf1a6a846fabc41cc43.bindTooltip(
544
- `<div>
545
- شركة رسال للنقليات شركة شخص واحد
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_8a7d392a2445fdf1a6a846fabc41cc43.setIcon(icon_1bdfa858c2d71da93bd581dea2512eab);
554
-
555
-
556
- var marker_5012c99d0d8441a1c744dba2dddf35be = L.marker(
557
- [26.4533394245614, 50.0800066028623],
558
- {
559
- }
560
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
561
-
562
-
563
- var icon_0984abec6ae745dc83dd846a52152888 = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "cadetblue",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_be86111e27a43c86de8a77890ae12623 = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_f9b424a822c2f29e46fa63a6170a2a7b = $(`<div id="html_f9b424a822c2f29e46fa63a6170a2a7b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بتيل الشرق للتجارة</b><br> السجل التجاري: 2050094802<br> المنطقة: الدمام<br> الحارة: العزيزية<br> <a href="https://www.google.com/maps?q=26.4533394245614,50.0800066028623" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_be86111e27a43c86de8a77890ae12623.setContent(html_f9b424a822c2f29e46fa63a6170a2a7b);
582
-
583
-
584
-
585
- marker_5012c99d0d8441a1c744dba2dddf35be.bindPopup(popup_be86111e27a43c86de8a77890ae12623)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_5012c99d0d8441a1c744dba2dddf35be.bindTooltip(
592
- `<div>
593
- مؤسسة بتيل الشرق للتجارة
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_5012c99d0d8441a1c744dba2dddf35be.setIcon(icon_0984abec6ae745dc83dd846a52152888);
602
-
603
-
604
- var marker_d2dda275d47187424bd5aa3d7cf8c2a7 = L.marker(
605
- [26.44406912, 50.0683050199999],
606
- {
607
- }
608
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
609
-
610
-
611
- var icon_18b889bb92deba4361b65e3c70e97253 = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "black",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_c838409a210d890206aa88191fd977c9 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_796cabe1410be2c655d5cf969f9edb1c = $(`<div id="html_796cabe1410be2c655d5cf969f9edb1c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بعد المحلات لتقنية المعلومات</b><br> السجل التجاري: 2050155627<br> المنطقة: الدمام<br> الحارة: العنود<br> <a href="https://www.google.com/maps?q=26.44406912,50.0683050199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_c838409a210d890206aa88191fd977c9.setContent(html_796cabe1410be2c655d5cf969f9edb1c);
630
-
631
-
632
-
633
- marker_d2dda275d47187424bd5aa3d7cf8c2a7.bindPopup(popup_c838409a210d890206aa88191fd977c9)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_d2dda275d47187424bd5aa3d7cf8c2a7.bindTooltip(
640
- `<div>
641
- مؤسسة بعد المحلات لتقنية المعلومات
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_d2dda275d47187424bd5aa3d7cf8c2a7.setIcon(icon_18b889bb92deba4361b65e3c70e97253);
650
-
651
-
652
- var marker_5d1fcf819f62410f6109285e8b1b84d1 = L.marker(
653
- [26.4441393699999, 50.06812396],
654
- {
655
- }
656
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
657
-
658
-
659
- var icon_4f1905cc4fe70478045737e4a732389f = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "black",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_dd5207bf82a70e1229f4d8e30c85cb58 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_f7d275ead8c84b51dd808abb999087de = $(`<div id="html_f7d275ead8c84b51dd808abb999087de" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب ياسر بن علي بن ابراهيم الصاغه للخدمات العقارية</b><br> السجل التجاري: 2050122556<br> المنطقة: الدمام<br> الحارة: العنود<br> <a href="https://www.google.com/maps?q=26.4441393699999,50.06812396" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_dd5207bf82a70e1229f4d8e30c85cb58.setContent(html_f7d275ead8c84b51dd808abb999087de);
678
-
679
-
680
-
681
- marker_5d1fcf819f62410f6109285e8b1b84d1.bindPopup(popup_dd5207bf82a70e1229f4d8e30c85cb58)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_5d1fcf819f62410f6109285e8b1b84d1.bindTooltip(
688
- `<div>
689
- مكتب ياسر بن علي بن ابراهيم الصاغه للخدمات العقارية
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_5d1fcf819f62410f6109285e8b1b84d1.setIcon(icon_4f1905cc4fe70478045737e4a732389f);
698
-
699
-
700
- var marker_558607ec7be9f7a6c90a4d9a940f9099 = L.marker(
701
- [26.4448182, 50.0698459099999],
702
- {
703
- }
704
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
705
-
706
-
707
- var icon_4f2969b3cc48da763fd143cdec3b57ea = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "black",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_15425294bc2c4f30ab15d6a6b3860457 = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_3e4efe938091e887bbf7afb8ca1d9248 = $(`<div id="html_3e4efe938091e887bbf7afb8ca1d9248" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>وكالة نجمة السفير للشحن الجوي</b><br> السجل التجاري: 2050069832<br> المنطقة: الدمام<br> الحارة: العنود<br> <a href="https://www.google.com/maps?q=26.4448182,50.0698459099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_15425294bc2c4f30ab15d6a6b3860457.setContent(html_3e4efe938091e887bbf7afb8ca1d9248);
726
-
727
-
728
-
729
- marker_558607ec7be9f7a6c90a4d9a940f9099.bindPopup(popup_15425294bc2c4f30ab15d6a6b3860457)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_558607ec7be9f7a6c90a4d9a940f9099.bindTooltip(
736
- `<div>
737
- وكالة نجمة السفير للشحن الجوي
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_558607ec7be9f7a6c90a4d9a940f9099.setIcon(icon_4f2969b3cc48da763fd143cdec3b57ea);
746
-
747
-
748
- var marker_cf78375a30ebff2084c5cea51ff5d540 = L.marker(
749
- [26.4436017099999, 50.0678843],
750
- {
751
- }
752
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
753
-
754
-
755
- var icon_898c0227485db641956c04cc44a4dcf5 = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "black",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_dfc8b54c45dbf60626efd063a62be5cd = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_b918082048011f51ce115883923d6dc0 = $(`<div id="html_b918082048011f51ce115883923d6dc0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مصطفى بن حمزه بن كاظم العبدالعال للاتصالات</b><br> السجل التجاري: 2050064453<br> المنطقة: الدمام<br> الحارة: العنود<br> <a href="https://www.google.com/maps?q=26.4436017099999,50.0678843" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_dfc8b54c45dbf60626efd063a62be5cd.setContent(html_b918082048011f51ce115883923d6dc0);
774
-
775
-
776
-
777
- marker_cf78375a30ebff2084c5cea51ff5d540.bindPopup(popup_dfc8b54c45dbf60626efd063a62be5cd)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_cf78375a30ebff2084c5cea51ff5d540.bindTooltip(
784
- `<div>
785
- مؤسسة مصطفى بن حمزه بن كاظم العبدالعال للاتصالات
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_cf78375a30ebff2084c5cea51ff5d540.setIcon(icon_898c0227485db641956c04cc44a4dcf5);
794
-
795
-
796
- var marker_434db8f6a6b23aa2275f821cd2a2a81c = L.marker(
797
- [26.44120564, 50.0742802099999],
798
- {
799
- }
800
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
801
-
802
-
803
- var icon_f244e7eac9f19f28d4d41f8338d8c3e1 = L.AwesomeMarkers.icon(
804
- {
805
- "markerColor": "red",
806
- "iconColor": "white",
807
- "icon": "info-sign",
808
- "prefix": "glyphicon",
809
- "extraClasses": "fa-rotate-0",
810
- }
811
- );
812
-
813
-
814
- var popup_3356efda703f92ad76cba9bf22734fc3 = L.popup({
815
- "maxWidth": 320,
816
- });
817
-
818
-
819
-
820
- var html_466b17f01fe57947948deab35303f183 = $(`<div id="html_466b17f01fe57947948deab35303f183" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية نجم الحارة لتقديم الوجبات</b><br> السجل التجاري: 2050155609<br> المنطقة: الدمام<br> الحارة: الجلوية<br> <a href="https://www.google.com/maps?q=26.44120564,50.0742802099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
821
- popup_3356efda703f92ad76cba9bf22734fc3.setContent(html_466b17f01fe57947948deab35303f183);
822
-
823
-
824
-
825
- marker_434db8f6a6b23aa2275f821cd2a2a81c.bindPopup(popup_3356efda703f92ad76cba9bf22734fc3)
826
- ;
827
-
828
-
829
-
830
-
831
- marker_434db8f6a6b23aa2275f821cd2a2a81c.bindTooltip(
832
- `<div>
833
- بوفية نجم الحارة لتقديم الوجبات
834
- </div>`,
835
- {
836
- "sticky": true,
837
- }
838
- );
839
-
840
-
841
- marker_434db8f6a6b23aa2275f821cd2a2a81c.setIcon(icon_f244e7eac9f19f28d4d41f8338d8c3e1);
842
-
843
-
844
- var marker_4be0613c32ee57f757d3dec03541d0d7 = L.marker(
845
- [26.42882505, 50.07419249],
846
- {
847
- }
848
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
849
-
850
-
851
- var icon_b4ebd496b964e2e0773b37e757a8d460 = L.AwesomeMarkers.icon(
852
- {
853
- "markerColor": "red",
854
- "iconColor": "white",
855
- "icon": "info-sign",
856
- "prefix": "glyphicon",
857
- "extraClasses": "fa-rotate-0",
858
- }
859
- );
860
-
861
-
862
- var popup_27490c2fde6fb56368a43274d8b6770a = L.popup({
863
- "maxWidth": 320,
864
- });
865
-
866
-
867
-
868
- var html_ca62c5fa041bc9da7fb23737e9a82cfe = $(`<div id="html_ca62c5fa041bc9da7fb23737e9a82cfe" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة أكادونيا للشقق المخدومة</b><br> السجل التجاري: 2050029234<br> المنطقة: الدمام<br> الحارة: الجلوية<br> <a href="https://www.google.com/maps?q=26.42882505,50.07419249" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
869
- popup_27490c2fde6fb56368a43274d8b6770a.setContent(html_ca62c5fa041bc9da7fb23737e9a82cfe);
870
-
871
-
872
-
873
- marker_4be0613c32ee57f757d3dec03541d0d7.bindPopup(popup_27490c2fde6fb56368a43274d8b6770a)
874
- ;
875
-
876
-
877
-
878
-
879
- marker_4be0613c32ee57f757d3dec03541d0d7.bindTooltip(
880
- `<div>
881
- شركة أكادونيا للشقق المخدومة
882
- </div>`,
883
- {
884
- "sticky": true,
885
- }
886
- );
887
-
888
-
889
- marker_4be0613c32ee57f757d3dec03541d0d7.setIcon(icon_b4ebd496b964e2e0773b37e757a8d460);
890
-
891
-
892
- var marker_a63cfc01906bbf1cbb1330de8b1a1d53 = L.marker(
893
- [26.4682922699999, 50.0862685299999],
894
- {
895
- }
896
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
897
-
898
-
899
- var icon_c9c437b409c1df7a4dead5c064589112 = L.AwesomeMarkers.icon(
900
- {
901
- "markerColor": "green",
902
- "iconColor": "white",
903
- "icon": "info-sign",
904
- "prefix": "glyphicon",
905
- "extraClasses": "fa-rotate-0",
906
- }
907
- );
908
-
909
-
910
- var popup_c0841ced6b418a717645117b1c43dbee = L.popup({
911
- "maxWidth": 320,
912
- });
913
-
914
-
915
-
916
- var html_d189be17be56d7345f4843b5c9795fe3 = $(`<div id="html_d189be17be56d7345f4843b5c9795fe3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة التنين الاصفر للتجارة</b><br> السجل التجاري: 2050165614<br> المنطقة: الدمام<br> الحارة: الحمراء<br> <a href="https://www.google.com/maps?q=26.4682922699999,50.0862685299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
917
- popup_c0841ced6b418a717645117b1c43dbee.setContent(html_d189be17be56d7345f4843b5c9795fe3);
918
-
919
-
920
-
921
- marker_a63cfc01906bbf1cbb1330de8b1a1d53.bindPopup(popup_c0841ced6b418a717645117b1c43dbee)
922
- ;
923
-
924
-
925
-
926
-
927
- marker_a63cfc01906bbf1cbb1330de8b1a1d53.bindTooltip(
928
- `<div>
929
- مؤسسة التنين الاصفر للتجارة
930
- </div>`,
931
- {
932
- "sticky": true,
933
- }
934
- );
935
-
936
-
937
- marker_a63cfc01906bbf1cbb1330de8b1a1d53.setIcon(icon_c9c437b409c1df7a4dead5c064589112);
938
-
939
-
940
- map_3c7d7c748721ce0f4efb2bd6d19b5473.fitBounds(
941
- [[26.441116, 50.06263379], [26.4459470825981, 50.0628059902537], [26.4533394245614, 50.0800066028623], [26.44406912, 50.0683050199999], [26.4441393699999, 50.06812396], [26.4448182, 50.0698459099999], [26.4436017099999, 50.0678843], [26.44120564, 50.0742802099999], [26.42882505, 50.07419249], [26.4682922699999, 50.0862685299999]],
942
- {"padding": [30, 30]}
943
- );
944
-
945
-
946
- var layer_control_aaf44c615cee5e5a671758cf931470da_layers = {
947
- base_layers : {
948
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_383d9b2b8a5f8ed7f7ce7062ad9a251c,
949
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_71d06c18bd4c9d3a866a330128323c3a,
950
- },
951
- overlays : {
952
- },
953
- };
954
- let layer_control_aaf44c615cee5e5a671758cf931470da = L.control.layers(
955
- layer_control_aaf44c615cee5e5a671758cf931470da_layers.base_layers,
956
- layer_control_aaf44c615cee5e5a671758cf931470da_layers.overlays,
957
- {
958
- "position": "topright",
959
- "collapsed": false,
960
- "autoZIndex": true,
961
- }
962
- ).addTo(map_3c7d7c748721ce0f4efb2bd6d19b5473);
963
-
964
-
965
- </script>
966
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/07.html DELETED
@@ -1,912 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_f14bd129c6a6755e32fbe15256cf3080 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">وضحاء نائف سعد الشريف - 7</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 9<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>طيبة</b>: 4 | <b>الشعلة</b>: 3 | <b>الضباب</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">طيبة</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الشعلة</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الضباب</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الأثير</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_f14bd129c6a6755e32fbe15256cf3080;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "شقق الأكنان للشقق المخدومة", "lat": 26.37138342, "lon": 50.05862484, "markerVar": "marker_fd88c2ee1fb81b0fe70d052b1bac78da"}, {"title": "شقق درة ترف للشقق المخدومة", "lat": 26.36740092, "lon": 50.05163533, "markerVar": "marker_69cd47a537622a06b677ec01a088aca8"}, {"title": "شركة فالح محمد الهاجري وشركاه للنقليات", "lat": 26.35135718, "lon": 50.0505255899999, "markerVar": "marker_c1b90fe2d0ccabfa103b58e3ec318918"}, {"title": "مؤسسة لمسة السعادة للشقق المخدومة", "lat": 26.35876268, "lon": 50.0441915099999, "markerVar": "marker_9f3f32006423fbe7a97b9e019e8f6c41"}, {"title": "شركة الدولية الاولى للعقار والاستثمار", "lat": 26.4142578499999, "lon": 50.06364373, "markerVar": "marker_4c3b57707f2fb05a8436c7b4e9ec659d"}, {"title": "مطعم ملتقى النيلين للأكلات الشعبية", "lat": 26.43791993, "lon": 50.0568731799999, "markerVar": "marker_ca0ced8f2608c83524adacda5caef61a"}, {"title": "شركة جونز العالمية للنقل", "lat": 26.3435978499999, "lon": 50.0882871299999, "markerVar": "marker_35d7b301760d23ae798f34ce866693b4"}, {"title": "مكتب التوقيع الذهبي للخدمات العقارية", "lat": 26.34985116, "lon": 50.07408933, "markerVar": "marker_37594f7d33c72a3e9cf42fe6147bd915"}, {"title": "شركة سلسلة الحلول للنقل والتخزين شركة شخص واحد", "lat": 26.3417065, "lon": 50.08671487, "markerVar": "marker_13dccfd48ff92f2bed821f2500bc59c8"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_f14bd129c6a6755e32fbe15256cf3080" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_f14bd129c6a6755e32fbe15256cf3080 = L.map(
390
- "map_f14bd129c6a6755e32fbe15256cf3080",
391
- {
392
- center: [26.370693054444423, 50.0638428344444],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_f14bd129c6a6755e32fbe15256cf3080);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_83a380cf17058701274811ef76fabf7f = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_83a380cf17058701274811ef76fabf7f.addTo(map_f14bd129c6a6755e32fbe15256cf3080);
426
-
427
-
428
- var tile_layer_fa5c1bc41e309ef36719b3e856006574 = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_fa5c1bc41e309ef36719b3e856006574.addTo(map_f14bd129c6a6755e32fbe15256cf3080);
446
-
447
-
448
- var locate_control_f742a81aad8fc8f6269cbc24f99f34a1 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
451
-
452
-
453
-
454
- var marker_fd88c2ee1fb81b0fe70d052b1bac78da = L.marker(
455
- [26.37138342, 50.05862484],
456
- {
457
- }
458
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
459
-
460
-
461
- var icon_a746b262733b7a02eb0e99cbc6da1165 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "pink",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_abf78116f748478f88f0f60791dbab44 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_a0f307b082bb65c82af9ad01517bd39f = $(`<div id="html_a0f307b082bb65c82af9ad01517bd39f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق الأكنان للشقق المخدومة</b><br> السجل التجاري: 2052101958<br> المنطقة: الدمام<br> الحارة: طيبة<br> <a href="https://www.google.com/maps?q=26.37138342,50.05862484" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_abf78116f748478f88f0f60791dbab44.setContent(html_a0f307b082bb65c82af9ad01517bd39f);
480
-
481
-
482
-
483
- marker_fd88c2ee1fb81b0fe70d052b1bac78da.bindPopup(popup_abf78116f748478f88f0f60791dbab44)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_fd88c2ee1fb81b0fe70d052b1bac78da.bindTooltip(
490
- `<div>
491
- شقق الأكنان للشقق المخدومة
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_fd88c2ee1fb81b0fe70d052b1bac78da.setIcon(icon_a746b262733b7a02eb0e99cbc6da1165);
500
-
501
-
502
- var marker_69cd47a537622a06b677ec01a088aca8 = L.marker(
503
- [26.36740092, 50.05163533],
504
- {
505
- }
506
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
507
-
508
-
509
- var icon_12994546fb3d61af6fe1cf523f3f5aa8 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "pink",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_e8c705ec459c0a425e0620ec7e90ddef = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_88c3e4b44e7f4f3dd08831e98e7672de = $(`<div id="html_88c3e4b44e7f4f3dd08831e98e7672de" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق درة ترف للشقق المخدومة</b><br> السجل التجاري: 2050132749<br> المنطقة: الدمام<br> الحارة: طيبة<br> <a href="https://www.google.com/maps?q=26.36740092,50.05163533" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_e8c705ec459c0a425e0620ec7e90ddef.setContent(html_88c3e4b44e7f4f3dd08831e98e7672de);
528
-
529
-
530
-
531
- marker_69cd47a537622a06b677ec01a088aca8.bindPopup(popup_e8c705ec459c0a425e0620ec7e90ddef)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_69cd47a537622a06b677ec01a088aca8.bindTooltip(
538
- `<div>
539
- شقق درة ترف للشقق المخدومة
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_69cd47a537622a06b677ec01a088aca8.setIcon(icon_12994546fb3d61af6fe1cf523f3f5aa8);
548
-
549
-
550
- var marker_c1b90fe2d0ccabfa103b58e3ec318918 = L.marker(
551
- [26.35135718, 50.0505255899999],
552
- {
553
- }
554
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
555
-
556
-
557
- var icon_6a7726df9fe34636c28221134660767a = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "pink",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_364dd33bfcf78260787a19c850f26979 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_e4fb228f4f1ff37e0a8e02fb0ad627a3 = $(`<div id="html_e4fb228f4f1ff37e0a8e02fb0ad627a3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة فالح محمد الهاجري وشركاه للنقليات</b><br> السجل التجاري: 2050113717<br> المنطقة: الدمام<br> الحارة: طيبة<br> <a href="https://www.google.com/maps?q=26.35135718,50.0505255899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_364dd33bfcf78260787a19c850f26979.setContent(html_e4fb228f4f1ff37e0a8e02fb0ad627a3);
576
-
577
-
578
-
579
- marker_c1b90fe2d0ccabfa103b58e3ec318918.bindPopup(popup_364dd33bfcf78260787a19c850f26979)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_c1b90fe2d0ccabfa103b58e3ec318918.bindTooltip(
586
- `<div>
587
- شركة فالح محمد الهاجري وشركاه للنقليات
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_c1b90fe2d0ccabfa103b58e3ec318918.setIcon(icon_6a7726df9fe34636c28221134660767a);
596
-
597
-
598
- var marker_9f3f32006423fbe7a97b9e019e8f6c41 = L.marker(
599
- [26.35876268, 50.0441915099999],
600
- {
601
- }
602
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
603
-
604
-
605
- var icon_042e2d9b2eaa9f22a619d54a0a03e250 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "pink",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_ede065007208c3635b30d2a50f5f0d61 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_f517856b3690f1eba569ffd0773613f5 = $(`<div id="html_f517856b3690f1eba569ffd0773613f5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة لمسة السعادة للشقق المخدومة</b><br> السجل التجاري: 2050110351<br> المنطقة: الدمام<br> الحارة: طيبة<br> <a href="https://www.google.com/maps?q=26.35876268,50.0441915099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_ede065007208c3635b30d2a50f5f0d61.setContent(html_f517856b3690f1eba569ffd0773613f5);
624
-
625
-
626
-
627
- marker_9f3f32006423fbe7a97b9e019e8f6c41.bindPopup(popup_ede065007208c3635b30d2a50f5f0d61)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_9f3f32006423fbe7a97b9e019e8f6c41.bindTooltip(
634
- `<div>
635
- مؤسسة لمسة السعادة للشقق المخدومة
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_9f3f32006423fbe7a97b9e019e8f6c41.setIcon(icon_042e2d9b2eaa9f22a619d54a0a03e250);
644
-
645
-
646
- var marker_4c3b57707f2fb05a8436c7b4e9ec659d = L.marker(
647
- [26.4142578499999, 50.06364373],
648
- {
649
- }
650
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
651
-
652
-
653
- var icon_67f33b147f8ed4108e92d48095db3ffa = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "darkred",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_f03bbdc63050beb592baf360a0ffa2a2 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_46cd12acc79fd427412a2b8e1d506feb = $(`<div id="html_46cd12acc79fd427412a2b8e1d506feb" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الدولية الاولى للعقار والاستثمار</b><br> السجل التجاري: 2050061005<br> المنطقة: الدمام<br> الحارة: الضباب<br> <a href="https://www.google.com/maps?q=26.4142578499999,50.06364373" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_f03bbdc63050beb592baf360a0ffa2a2.setContent(html_46cd12acc79fd427412a2b8e1d506feb);
672
-
673
-
674
-
675
- marker_4c3b57707f2fb05a8436c7b4e9ec659d.bindPopup(popup_f03bbdc63050beb592baf360a0ffa2a2)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_4c3b57707f2fb05a8436c7b4e9ec659d.bindTooltip(
682
- `<div>
683
- شركة الدولية الاولى للعقار والاستثمار
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_4c3b57707f2fb05a8436c7b4e9ec659d.setIcon(icon_67f33b147f8ed4108e92d48095db3ffa);
692
-
693
-
694
- var marker_ca0ced8f2608c83524adacda5caef61a = L.marker(
695
- [26.43791993, 50.0568731799999],
696
- {
697
- }
698
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
699
-
700
-
701
- var icon_274df941fcbaab42699f44655cfcaf53 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "black",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_cff12e9287d160d84044291cd6962d87 = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_5159b7cba16258b4010f6fa30c8cacd0 = $(`<div id="html_5159b7cba16258b4010f6fa30c8cacd0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم ملتقى النيلين للأكلات الشعبية</b><br> السجل التجاري: 2050151812<br> المنطقة: الدمام<br> الحارة: الأثير<br> <a href="https://www.google.com/maps?q=26.43791993,50.0568731799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_cff12e9287d160d84044291cd6962d87.setContent(html_5159b7cba16258b4010f6fa30c8cacd0);
720
-
721
-
722
-
723
- marker_ca0ced8f2608c83524adacda5caef61a.bindPopup(popup_cff12e9287d160d84044291cd6962d87)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_ca0ced8f2608c83524adacda5caef61a.bindTooltip(
730
- `<div>
731
- مطعم ملتقى النيلين للأكلات الشعبية
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_ca0ced8f2608c83524adacda5caef61a.setIcon(icon_274df941fcbaab42699f44655cfcaf53);
740
-
741
-
742
- var marker_35d7b301760d23ae798f34ce866693b4 = L.marker(
743
- [26.3435978499999, 50.0882871299999],
744
- {
745
- }
746
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
747
-
748
-
749
- var icon_5a1a361ff7520ce0288ea9e65305ceb0 = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "darkgreen",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_036085d9012783266bf7b04378c594e6 = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_6659df5344a95253b70e0cc92b2ca63b = $(`<div id="html_6659df5344a95253b70e0cc92b2ca63b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة جونز العالمية للنقل</b><br> السجل التجاري: 2050141442<br> المنطقة: الدمام<br> الحارة: الشعلة<br> <a href="https://www.google.com/maps?q=26.3435978499999,50.0882871299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_036085d9012783266bf7b04378c594e6.setContent(html_6659df5344a95253b70e0cc92b2ca63b);
768
-
769
-
770
-
771
- marker_35d7b301760d23ae798f34ce866693b4.bindPopup(popup_036085d9012783266bf7b04378c594e6)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_35d7b301760d23ae798f34ce866693b4.bindTooltip(
778
- `<div>
779
- شركة جونز العالمية للنقل
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_35d7b301760d23ae798f34ce866693b4.setIcon(icon_5a1a361ff7520ce0288ea9e65305ceb0);
788
-
789
-
790
- var marker_37594f7d33c72a3e9cf42fe6147bd915 = L.marker(
791
- [26.34985116, 50.07408933],
792
- {
793
- }
794
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
795
-
796
-
797
- var icon_6bd3696f28e7a8c570c5ae188aa56522 = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "darkgreen",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_d129fc7d6f86c4bd230313d5be3a9aa2 = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_fa3cc7b64a44ff919bf214b6b52bf442 = $(`<div id="html_fa3cc7b64a44ff919bf214b6b52bf442" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب التوقيع الذهبي للخدمات العقارية</b><br> السجل التجاري: 2050133794<br> المنطقة: الدمام<br> الحارة: الشعلة<br> <a href="https://www.google.com/maps?q=26.34985116,50.07408933" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_d129fc7d6f86c4bd230313d5be3a9aa2.setContent(html_fa3cc7b64a44ff919bf214b6b52bf442);
816
-
817
-
818
-
819
- marker_37594f7d33c72a3e9cf42fe6147bd915.bindPopup(popup_d129fc7d6f86c4bd230313d5be3a9aa2)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_37594f7d33c72a3e9cf42fe6147bd915.bindTooltip(
826
- `<div>
827
- مكتب التوقيع الذهبي للخدمات العقارية
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_37594f7d33c72a3e9cf42fe6147bd915.setIcon(icon_6bd3696f28e7a8c570c5ae188aa56522);
836
-
837
-
838
- var marker_13dccfd48ff92f2bed821f2500bc59c8 = L.marker(
839
- [26.3417065, 50.08671487],
840
- {
841
- }
842
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
843
-
844
-
845
- var icon_c62602231be2af2604d00e1e3df1c0fb = L.AwesomeMarkers.icon(
846
- {
847
- "markerColor": "darkgreen",
848
- "iconColor": "white",
849
- "icon": "info-sign",
850
- "prefix": "glyphicon",
851
- "extraClasses": "fa-rotate-0",
852
- }
853
- );
854
-
855
-
856
- var popup_1805123ab533721f81d42e9acf1ff851 = L.popup({
857
- "maxWidth": 320,
858
- });
859
-
860
-
861
-
862
- var html_a24f1f84f706ec5a1f12e83487d3c050 = $(`<div id="html_a24f1f84f706ec5a1f12e83487d3c050" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة سلسلة الحلول للنقل والتخزين شركة شخص واحد</b><br> السجل التجاري: 2050122838<br> المنطقة: الدمام<br> الحارة: الشعلة<br> <a href="https://www.google.com/maps?q=26.3417065,50.08671487" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
863
- popup_1805123ab533721f81d42e9acf1ff851.setContent(html_a24f1f84f706ec5a1f12e83487d3c050);
864
-
865
-
866
-
867
- marker_13dccfd48ff92f2bed821f2500bc59c8.bindPopup(popup_1805123ab533721f81d42e9acf1ff851)
868
- ;
869
-
870
-
871
-
872
-
873
- marker_13dccfd48ff92f2bed821f2500bc59c8.bindTooltip(
874
- `<div>
875
- شركة سلسلة الحلول للنقل والتخزين شركة شخص واحد
876
- </div>`,
877
- {
878
- "sticky": true,
879
- }
880
- );
881
-
882
-
883
- marker_13dccfd48ff92f2bed821f2500bc59c8.setIcon(icon_c62602231be2af2604d00e1e3df1c0fb);
884
-
885
-
886
- map_f14bd129c6a6755e32fbe15256cf3080.fitBounds(
887
- [[26.37138342, 50.05862484], [26.36740092, 50.05163533], [26.35135718, 50.0505255899999], [26.35876268, 50.0441915099999], [26.4142578499999, 50.06364373], [26.43791993, 50.0568731799999], [26.3435978499999, 50.0882871299999], [26.34985116, 50.07408933], [26.3417065, 50.08671487]],
888
- {"padding": [30, 30]}
889
- );
890
-
891
-
892
- var layer_control_ce152a79bc68a639919efae715987913_layers = {
893
- base_layers : {
894
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_83a380cf17058701274811ef76fabf7f,
895
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_fa5c1bc41e309ef36719b3e856006574,
896
- },
897
- overlays : {
898
- },
899
- };
900
- let layer_control_ce152a79bc68a639919efae715987913 = L.control.layers(
901
- layer_control_ce152a79bc68a639919efae715987913_layers.base_layers,
902
- layer_control_ce152a79bc68a639919efae715987913_layers.overlays,
903
- {
904
- "position": "topright",
905
- "collapsed": false,
906
- "autoZIndex": true,
907
- }
908
- ).addTo(map_f14bd129c6a6755e32fbe15256cf3080);
909
-
910
-
911
- </script>
912
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/08.html DELETED
@@ -1,960 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_8eaddaa505f4d86a557f97750831ca87 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نجود عبدالعزيز بن عقيل العمري - 8</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>البادية</b>: 6 | <b>الخليج</b>: 2 | <b>الأتصالات</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البادية</span>
149
- <span style="font-size:12px;color:#666;">(6)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخليج</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الأتصالات</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النخيل</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_8eaddaa505f4d86a557f97750831ca87;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مكتب الديره الخضراء للخدمات العقارية", "lat": 26.4130719399999, "lon": 50.0790119999999, "markerVar": "marker_e47e60ffca849351fd381e7a3b37817a"}, {"title": "مؤسسة الكيان المميز للخدمات العقارية", "lat": 26.44718221, "lon": 50.08284325, "markerVar": "marker_9215d60034269337517f8115e108079d"}, {"title": "مؤسسة الابراج المثمره للعقارات", "lat": 26.4470306099999, "lon": 50.08182395, "markerVar": "marker_b885d1e5eea528f728fa0494d5f765bc"}, {"title": "مؤسسة العنوان للوحدات السكنية", "lat": 26.44062062, "lon": 50.08318004, "markerVar": "marker_9ba0f8f4e1103e1e2be137c0c8ef2a8f"}, {"title": "شركة سناس للبريد شركة شخص واحد", "lat": 26.42148251, "lon": 50.08985639, "markerVar": "marker_7aed9368aa0fa5e0b3ff9506e4e42afd"}, {"title": "بوفية ذوق العافيه للوجبات السريعة", "lat": 26.42601811, "lon": 50.09437871, "markerVar": "marker_17b4eee9da5db123ebbce8e2101c45c7"}, {"title": "شركة المسار التقني للصيانة", "lat": 26.421907964, "lon": 50.0902312250001, "markerVar": "marker_800ddd9d528a16e765d9f4a9129b2a99"}, {"title": "مؤسسة مصر لوسطاء الشحن", "lat": 26.4287045499999, "lon": 50.09538482, "markerVar": "marker_af57fb9742ec6fb16294d7e0955f5a8a"}, {"title": "مؤسسة الجش الحديثة للشحن الجوي", "lat": 26.4301774599999, "lon": 50.08777519, "markerVar": "marker_7ade6c62f8a6527ddd5ae64c5bbf7520"}, {"title": "بوفية لين الورد لتقديم الوجبات", "lat": 26.4300642199999, "lon": 50.0891683999999, "markerVar": "marker_c040cee53c8bf463bbbdfb1ae742518e"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_8eaddaa505f4d86a557f97750831ca87" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_8eaddaa505f4d86a557f97750831ca87 = L.map(
390
- "map_8eaddaa505f4d86a557f97750831ca87",
391
- {
392
- center: [26.43062601939995, 50.087365397499994],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_8eaddaa505f4d86a557f97750831ca87);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_bbbe12571fdec412c2c6f91788521478 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_bbbe12571fdec412c2c6f91788521478.addTo(map_8eaddaa505f4d86a557f97750831ca87);
426
-
427
-
428
- var tile_layer_5bb5fd87c274601d56cc664b3682907e = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_5bb5fd87c274601d56cc664b3682907e.addTo(map_8eaddaa505f4d86a557f97750831ca87);
446
-
447
-
448
- var locate_control_eab8149aedf85773b7c593e5e06fa795 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
451
-
452
-
453
-
454
- var marker_e47e60ffca849351fd381e7a3b37817a = L.marker(
455
- [26.4130719399999, 50.0790119999999],
456
- {
457
- }
458
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
459
-
460
-
461
- var icon_72fd1d82885f5607a54b1c46b9b3c4e7 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "lightblue",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_5ca6bdab010155939ea85aa5684362c3 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_77000af8a2a9eaa215e21cd974867409 = $(`<div id="html_77000af8a2a9eaa215e21cd974867409" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب الديره الخضراء للخدمات العقارية</b><br> السجل التجاري: 2050095054<br> المنطقة: الدمام<br> الحارة: الأتصالات<br> <a href="https://www.google.com/maps?q=26.4130719399999,50.0790119999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_5ca6bdab010155939ea85aa5684362c3.setContent(html_77000af8a2a9eaa215e21cd974867409);
480
-
481
-
482
-
483
- marker_e47e60ffca849351fd381e7a3b37817a.bindPopup(popup_5ca6bdab010155939ea85aa5684362c3)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_e47e60ffca849351fd381e7a3b37817a.bindTooltip(
490
- `<div>
491
- مكتب الديره الخضراء للخدمات العقارية
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_e47e60ffca849351fd381e7a3b37817a.setIcon(icon_72fd1d82885f5607a54b1c46b9b3c4e7);
500
-
501
-
502
- var marker_9215d60034269337517f8115e108079d = L.marker(
503
- [26.44718221, 50.08284325],
504
- {
505
- }
506
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
507
-
508
-
509
- var icon_5a44fede2847c61a692f3098240c6e42 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "pink",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_392fa56ea4b62874f7872a9d6066e42e = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_95df71b48f3440ec2b721c331d7a4607 = $(`<div id="html_95df71b48f3440ec2b721c331d7a4607" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الكيان المميز للخدمات العقارية</b><br> السجل التجاري: 2050220931<br> المنطقة: الدمام<br> الحارة: الخليج<br> <a href="https://www.google.com/maps?q=26.44718221,50.08284325" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_392fa56ea4b62874f7872a9d6066e42e.setContent(html_95df71b48f3440ec2b721c331d7a4607);
528
-
529
-
530
-
531
- marker_9215d60034269337517f8115e108079d.bindPopup(popup_392fa56ea4b62874f7872a9d6066e42e)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_9215d60034269337517f8115e108079d.bindTooltip(
538
- `<div>
539
- مؤسسة الكيان المميز للخدمات العقارية
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_9215d60034269337517f8115e108079d.setIcon(icon_5a44fede2847c61a692f3098240c6e42);
548
-
549
-
550
- var marker_b885d1e5eea528f728fa0494d5f765bc = L.marker(
551
- [26.4470306099999, 50.08182395],
552
- {
553
- }
554
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
555
-
556
-
557
- var icon_6ca0a08e55c30133c6abdbfffa97430f = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "pink",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_307bf8cb712e23d3938a6514f258a280 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_e66f8ced82100cc24a3bdc8dbd0389f1 = $(`<div id="html_e66f8ced82100cc24a3bdc8dbd0389f1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الابراج المثمره للعقارات</b><br> السجل التجاري: 2050108003<br> المنطقة: الدمام<br> الحارة: الخليج<br> <a href="https://www.google.com/maps?q=26.4470306099999,50.08182395" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_307bf8cb712e23d3938a6514f258a280.setContent(html_e66f8ced82100cc24a3bdc8dbd0389f1);
576
-
577
-
578
-
579
- marker_b885d1e5eea528f728fa0494d5f765bc.bindPopup(popup_307bf8cb712e23d3938a6514f258a280)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_b885d1e5eea528f728fa0494d5f765bc.bindTooltip(
586
- `<div>
587
- مؤسسة الابراج المثمره للعقارات
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_b885d1e5eea528f728fa0494d5f765bc.setIcon(icon_6ca0a08e55c30133c6abdbfffa97430f);
596
-
597
-
598
- var marker_9ba0f8f4e1103e1e2be137c0c8ef2a8f = L.marker(
599
- [26.44062062, 50.08318004],
600
- {
601
- }
602
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
603
-
604
-
605
- var icon_1aae350bcde5e9d49679b00284872329 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "darkred",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_58e4bbf25dac1e5e44cb9721e2b3d717 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_222d5e72e40972cb2d9215b6a521f8b2 = $(`<div id="html_222d5e72e40972cb2d9215b6a521f8b2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة العنوان للوحدات السكنية</b><br> السجل التجاري: 2050090755<br> المنطقة: الدمام<br> الحارة: النخيل<br> <a href="https://www.google.com/maps?q=26.44062062,50.08318004" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_58e4bbf25dac1e5e44cb9721e2b3d717.setContent(html_222d5e72e40972cb2d9215b6a521f8b2);
624
-
625
-
626
-
627
- marker_9ba0f8f4e1103e1e2be137c0c8ef2a8f.bindPopup(popup_58e4bbf25dac1e5e44cb9721e2b3d717)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_9ba0f8f4e1103e1e2be137c0c8ef2a8f.bindTooltip(
634
- `<div>
635
- مؤسسة العنوان للوحدات السكنية
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_9ba0f8f4e1103e1e2be137c0c8ef2a8f.setIcon(icon_1aae350bcde5e9d49679b00284872329);
644
-
645
-
646
- var marker_7aed9368aa0fa5e0b3ff9506e4e42afd = L.marker(
647
- [26.42148251, 50.08985639],
648
- {
649
- }
650
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
651
-
652
-
653
- var icon_6a42cfb70854c90b823a97776b08f626 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "cadetblue",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_c4ba9422e22d929bd54c68723ef4ee82 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_e40f8133e66bbd40554faee7df5f5fb7 = $(`<div id="html_e40f8133e66bbd40554faee7df5f5fb7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة سناس للبريد شركة شخص واحد</b><br> السجل التجاري: 2050069749<br> المنطقة: الدمام<br> الحارة: البادية<br> <a href="https://www.google.com/maps?q=26.42148251,50.08985639" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_c4ba9422e22d929bd54c68723ef4ee82.setContent(html_e40f8133e66bbd40554faee7df5f5fb7);
672
-
673
-
674
-
675
- marker_7aed9368aa0fa5e0b3ff9506e4e42afd.bindPopup(popup_c4ba9422e22d929bd54c68723ef4ee82)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_7aed9368aa0fa5e0b3ff9506e4e42afd.bindTooltip(
682
- `<div>
683
- شركة سناس للبريد شركة شخص واحد
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_7aed9368aa0fa5e0b3ff9506e4e42afd.setIcon(icon_6a42cfb70854c90b823a97776b08f626);
692
-
693
-
694
- var marker_17b4eee9da5db123ebbce8e2101c45c7 = L.marker(
695
- [26.42601811, 50.09437871],
696
- {
697
- }
698
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
699
-
700
-
701
- var icon_92ff067e5fa6816519072d26ae338fb8 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "cadetblue",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_45da727291204ded1391d90155f61a86 = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_439ffd395d56770a737d85ed3a8dc37e = $(`<div id="html_439ffd395d56770a737d85ed3a8dc37e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية ذوق العافيه للوجبات السريعة</b><br> السجل التجاري: 2050173333<br> المنطقة: الدمام<br> الحارة: البادية<br> <a href="https://www.google.com/maps?q=26.42601811,50.09437871" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_45da727291204ded1391d90155f61a86.setContent(html_439ffd395d56770a737d85ed3a8dc37e);
720
-
721
-
722
-
723
- marker_17b4eee9da5db123ebbce8e2101c45c7.bindPopup(popup_45da727291204ded1391d90155f61a86)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_17b4eee9da5db123ebbce8e2101c45c7.bindTooltip(
730
- `<div>
731
- بوفية ذوق العافيه للوجبات السريعة
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_17b4eee9da5db123ebbce8e2101c45c7.setIcon(icon_92ff067e5fa6816519072d26ae338fb8);
740
-
741
-
742
- var marker_800ddd9d528a16e765d9f4a9129b2a99 = L.marker(
743
- [26.421907964, 50.0902312250001],
744
- {
745
- }
746
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
747
-
748
-
749
- var icon_0679afcf3a946ee20e00f9f3a9275f7d = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "cadetblue",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_7591020c7666596943ef2381e8d18ce9 = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_c40acd8e27ff1d2c520829c1bf7b5a7f = $(`<div id="html_c40acd8e27ff1d2c520829c1bf7b5a7f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة المسار التقني للصيانة</b><br> السجل التجاري: 2050170142<br> المنطقة: الدمام<br> الحارة: البادية<br> <a href="https://www.google.com/maps?q=26.421907964,50.0902312250001" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_7591020c7666596943ef2381e8d18ce9.setContent(html_c40acd8e27ff1d2c520829c1bf7b5a7f);
768
-
769
-
770
-
771
- marker_800ddd9d528a16e765d9f4a9129b2a99.bindPopup(popup_7591020c7666596943ef2381e8d18ce9)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_800ddd9d528a16e765d9f4a9129b2a99.bindTooltip(
778
- `<div>
779
- شركة المسار التقني للصيانة
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_800ddd9d528a16e765d9f4a9129b2a99.setIcon(icon_0679afcf3a946ee20e00f9f3a9275f7d);
788
-
789
-
790
- var marker_af57fb9742ec6fb16294d7e0955f5a8a = L.marker(
791
- [26.4287045499999, 50.09538482],
792
- {
793
- }
794
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
795
-
796
-
797
- var icon_a54899668ad2638dd08cb62dff4f8291 = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "cadetblue",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_65243606d99714f3a2a3d60c0941722e = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_616af57c68a7389d341fb1d253220b00 = $(`<div id="html_616af57c68a7389d341fb1d253220b00" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مصر لوسطاء الشحن</b><br> السجل التجاري: 2050157479<br> المنطقة: الدمام<br> الحارة: البادية<br> <a href="https://www.google.com/maps?q=26.4287045499999,50.09538482" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_65243606d99714f3a2a3d60c0941722e.setContent(html_616af57c68a7389d341fb1d253220b00);
816
-
817
-
818
-
819
- marker_af57fb9742ec6fb16294d7e0955f5a8a.bindPopup(popup_65243606d99714f3a2a3d60c0941722e)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_af57fb9742ec6fb16294d7e0955f5a8a.bindTooltip(
826
- `<div>
827
- مؤسسة مصر لوسطاء الشحن
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_af57fb9742ec6fb16294d7e0955f5a8a.setIcon(icon_a54899668ad2638dd08cb62dff4f8291);
836
-
837
-
838
- var marker_7ade6c62f8a6527ddd5ae64c5bbf7520 = L.marker(
839
- [26.4301774599999, 50.08777519],
840
- {
841
- }
842
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
843
-
844
-
845
- var icon_57c2f8ec185f2971f5ed4ba288230b1a = L.AwesomeMarkers.icon(
846
- {
847
- "markerColor": "cadetblue",
848
- "iconColor": "white",
849
- "icon": "info-sign",
850
- "prefix": "glyphicon",
851
- "extraClasses": "fa-rotate-0",
852
- }
853
- );
854
-
855
-
856
- var popup_f1b845516a12aa5280a790464d285c6e = L.popup({
857
- "maxWidth": 320,
858
- });
859
-
860
-
861
-
862
- var html_3f06c7154d65c1dbd49582b1d5561126 = $(`<div id="html_3f06c7154d65c1dbd49582b1d5561126" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الجش الحديثة للشحن الجوي</b><br> السجل التجاري: 2050133605<br> المنطقة: الدمام<br> الحارة: البادية<br> <a href="https://www.google.com/maps?q=26.4301774599999,50.08777519" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
863
- popup_f1b845516a12aa5280a790464d285c6e.setContent(html_3f06c7154d65c1dbd49582b1d5561126);
864
-
865
-
866
-
867
- marker_7ade6c62f8a6527ddd5ae64c5bbf7520.bindPopup(popup_f1b845516a12aa5280a790464d285c6e)
868
- ;
869
-
870
-
871
-
872
-
873
- marker_7ade6c62f8a6527ddd5ae64c5bbf7520.bindTooltip(
874
- `<div>
875
- مؤسسة الجش الحديثة للشحن الجوي
876
- </div>`,
877
- {
878
- "sticky": true,
879
- }
880
- );
881
-
882
-
883
- marker_7ade6c62f8a6527ddd5ae64c5bbf7520.setIcon(icon_57c2f8ec185f2971f5ed4ba288230b1a);
884
-
885
-
886
- var marker_c040cee53c8bf463bbbdfb1ae742518e = L.marker(
887
- [26.4300642199999, 50.0891683999999],
888
- {
889
- }
890
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
891
-
892
-
893
- var icon_77ca63a8ce6c8e2a9b6813e39cb532c3 = L.AwesomeMarkers.icon(
894
- {
895
- "markerColor": "cadetblue",
896
- "iconColor": "white",
897
- "icon": "info-sign",
898
- "prefix": "glyphicon",
899
- "extraClasses": "fa-rotate-0",
900
- }
901
- );
902
-
903
-
904
- var popup_4b9763d12b71b607b66d3cd9fcb02998 = L.popup({
905
- "maxWidth": 320,
906
- });
907
-
908
-
909
-
910
- var html_b4eec7c6d382d0d546ef121cab4ed02b = $(`<div id="html_b4eec7c6d382d0d546ef121cab4ed02b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية لين الورد لتقديم الوجبات</b><br> السجل التجاري: 2050133085<br> المنطقة: الدمام<br> الحارة: البادية<br> <a href="https://www.google.com/maps?q=26.4300642199999,50.0891683999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
911
- popup_4b9763d12b71b607b66d3cd9fcb02998.setContent(html_b4eec7c6d382d0d546ef121cab4ed02b);
912
-
913
-
914
-
915
- marker_c040cee53c8bf463bbbdfb1ae742518e.bindPopup(popup_4b9763d12b71b607b66d3cd9fcb02998)
916
- ;
917
-
918
-
919
-
920
-
921
- marker_c040cee53c8bf463bbbdfb1ae742518e.bindTooltip(
922
- `<div>
923
- بوفية لين الورد لتقديم الوجبات
924
- </div>`,
925
- {
926
- "sticky": true,
927
- }
928
- );
929
-
930
-
931
- marker_c040cee53c8bf463bbbdfb1ae742518e.setIcon(icon_77ca63a8ce6c8e2a9b6813e39cb532c3);
932
-
933
-
934
- map_8eaddaa505f4d86a557f97750831ca87.fitBounds(
935
- [[26.4130719399999, 50.0790119999999], [26.44718221, 50.08284325], [26.4470306099999, 50.08182395], [26.44062062, 50.08318004], [26.42148251, 50.08985639], [26.42601811, 50.09437871], [26.421907964, 50.0902312250001], [26.4287045499999, 50.09538482], [26.4301774599999, 50.08777519], [26.4300642199999, 50.0891683999999]],
936
- {"padding": [30, 30]}
937
- );
938
-
939
-
940
- var layer_control_a894f977060b1849d1f4b0a873b5720d_layers = {
941
- base_layers : {
942
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_bbbe12571fdec412c2c6f91788521478,
943
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_5bb5fd87c274601d56cc664b3682907e,
944
- },
945
- overlays : {
946
- },
947
- };
948
- let layer_control_a894f977060b1849d1f4b0a873b5720d = L.control.layers(
949
- layer_control_a894f977060b1849d1f4b0a873b5720d_layers.base_layers,
950
- layer_control_a894f977060b1849d1f4b0a873b5720d_layers.overlays,
951
- {
952
- "position": "topright",
953
- "collapsed": false,
954
- "autoZIndex": true,
955
- }
956
- ).addTo(map_8eaddaa505f4d86a557f97750831ca87);
957
-
958
-
959
- </script>
960
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/09.html DELETED
@@ -1,816 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_c062a22039866cbf15028d899cbdf558 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نبأ عادل بن عبدالكريم آل رضوان - 9</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 7<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>القزاز</b>: 3 | <b>الروضة</b>: 2 | <b>الريان</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">القزاز</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الروضة</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الريان</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجامعيين</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_c062a22039866cbf15028d899cbdf558;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مؤسسة بلاد للعقارات", "lat": 26.401886, "lon": 50.08305354, "markerVar": "marker_3143e4d5ca740bf03ffe75292ab02f0d"}, {"title": "مؤسسة بوابة الشرقية العقارية", "lat": 26.3996159199999, "lon": 50.0789221599999, "markerVar": "marker_380e8fec405d39b428f4994919f54e3a"}, {"title": "مكتب عبدالله محمد عبدالرحمن الحسني للعقارات", "lat": 26.4356921699999, "lon": 50.09292011, "markerVar": "marker_0a3f996aa7c1719079ea38804a3b8727"}, {"title": "مؤسسة القرش للشحن الجوي", "lat": 26.4346484, "lon": 50.09426706, "markerVar": "marker_56bc21872fbc89c9908ccc22810a2cbd"}, {"title": "مطعم روائع السمك لتقديم الوجبات", "lat": 26.43343595, "lon": 50.09537439, "markerVar": "marker_ac9517080a7c6aa6fd559bf1e289a2ec"}, {"title": "شركة صدارة الطعام لتقديم الوجبات", "lat": 26.41183295, "lon": 50.0932752499999, "markerVar": "marker_7f8bc9e039e809bf89085b06997eb6f2"}, {"title": "مؤسسة فارس و دانه لتقديم الوجبات", "lat": 26.39791783, "lon": 50.09269161, "markerVar": "marker_fad791cae8d873b65d111c0ef231f8b0"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_c062a22039866cbf15028d899cbdf558" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_c062a22039866cbf15028d899cbdf558 = L.map(
390
- "map_c062a22039866cbf15028d899cbdf558",
391
- {
392
- center: [26.416432745714257, 50.09007201714284],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_c062a22039866cbf15028d899cbdf558);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_d82f75d0108399827143fc3936c8b932 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_d82f75d0108399827143fc3936c8b932.addTo(map_c062a22039866cbf15028d899cbdf558);
426
-
427
-
428
- var tile_layer_d2d8707781243e5b7a31e8969600c546 = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_d2d8707781243e5b7a31e8969600c546.addTo(map_c062a22039866cbf15028d899cbdf558);
446
-
447
-
448
- var locate_control_2c943bd8b73c8e423127803b94ccfb75 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
451
-
452
-
453
-
454
- var marker_3143e4d5ca740bf03ffe75292ab02f0d = L.marker(
455
- [26.401886, 50.08305354],
456
- {
457
- }
458
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
459
-
460
-
461
- var icon_ce4a82e1888480d988751bfd7f699671 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "darkred",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_95ae641ad1b808798f728fa598d5b42d = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_1490787061fd8831adb3ffb2221e3c87 = $(`<div id="html_1490787061fd8831adb3ffb2221e3c87" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بلاد للعقارات</b><br> السجل التجاري: 2050139767<br> المنطقة: الدمام<br> الحارة: الروضة<br> <a href="https://www.google.com/maps?q=26.401886,50.08305354" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_95ae641ad1b808798f728fa598d5b42d.setContent(html_1490787061fd8831adb3ffb2221e3c87);
480
-
481
-
482
-
483
- marker_3143e4d5ca740bf03ffe75292ab02f0d.bindPopup(popup_95ae641ad1b808798f728fa598d5b42d)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_3143e4d5ca740bf03ffe75292ab02f0d.bindTooltip(
490
- `<div>
491
- مؤسسة بلاد للعقارات
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_3143e4d5ca740bf03ffe75292ab02f0d.setIcon(icon_ce4a82e1888480d988751bfd7f699671);
500
-
501
-
502
- var marker_380e8fec405d39b428f4994919f54e3a = L.marker(
503
- [26.3996159199999, 50.0789221599999],
504
- {
505
- }
506
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
507
-
508
-
509
- var icon_efe00529577723ae4b38e46f3b695f29 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "darkred",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_f8de148d63d8062e801038d7ce846d73 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_43d1ad621f354e1ea593bd2c6e8915d1 = $(`<div id="html_43d1ad621f354e1ea593bd2c6e8915d1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بوابة الشرقية العقارية</b><br> السجل التجاري: 2050137459<br> المنطقة: الدمام<br> الحارة: الروضة<br> <a href="https://www.google.com/maps?q=26.3996159199999,50.0789221599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_f8de148d63d8062e801038d7ce846d73.setContent(html_43d1ad621f354e1ea593bd2c6e8915d1);
528
-
529
-
530
-
531
- marker_380e8fec405d39b428f4994919f54e3a.bindPopup(popup_f8de148d63d8062e801038d7ce846d73)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_380e8fec405d39b428f4994919f54e3a.bindTooltip(
538
- `<div>
539
- مؤسسة بوابة الشرقية العقارية
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_380e8fec405d39b428f4994919f54e3a.setIcon(icon_efe00529577723ae4b38e46f3b695f29);
548
-
549
-
550
- var marker_0a3f996aa7c1719079ea38804a3b8727 = L.marker(
551
- [26.4356921699999, 50.09292011],
552
- {
553
- }
554
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
555
-
556
-
557
- var icon_e335f4c2a04d62e225c0b2935c6a0015 = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "black",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_d124c1d7a90559545944d957ed752a12 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_1bddf1142058d3339d41eb9a2384871a = $(`<div id="html_1bddf1142058d3339d41eb9a2384871a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عبدالله محمد عبدالرحمن الحسني للعقارات</b><br> السجل التجاري: 2050212629<br> المنطقة: الدمام<br> الحارة: القزاز<br> <a href="https://www.google.com/maps?q=26.4356921699999,50.09292011" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_d124c1d7a90559545944d957ed752a12.setContent(html_1bddf1142058d3339d41eb9a2384871a);
576
-
577
-
578
-
579
- marker_0a3f996aa7c1719079ea38804a3b8727.bindPopup(popup_d124c1d7a90559545944d957ed752a12)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_0a3f996aa7c1719079ea38804a3b8727.bindTooltip(
586
- `<div>
587
- مكتب عبدالله محمد عبدالرحمن الحسني للعقارات
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_0a3f996aa7c1719079ea38804a3b8727.setIcon(icon_e335f4c2a04d62e225c0b2935c6a0015);
596
-
597
-
598
- var marker_56bc21872fbc89c9908ccc22810a2cbd = L.marker(
599
- [26.4346484, 50.09426706],
600
- {
601
- }
602
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
603
-
604
-
605
- var icon_a26496d5a7a6bbdb5dbfd219c599aaa4 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "black",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_2f638e624f6892bd5498c437b855ac3f = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_d0fcf08221c752689f417935c987dea7 = $(`<div id="html_d0fcf08221c752689f417935c987dea7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة القرش للشحن الجوي</b><br> السجل التجاري: 2050150086<br> المنطقة: الدمام<br> الحارة: القزاز<br> <a href="https://www.google.com/maps?q=26.4346484,50.09426706" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_2f638e624f6892bd5498c437b855ac3f.setContent(html_d0fcf08221c752689f417935c987dea7);
624
-
625
-
626
-
627
- marker_56bc21872fbc89c9908ccc22810a2cbd.bindPopup(popup_2f638e624f6892bd5498c437b855ac3f)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_56bc21872fbc89c9908ccc22810a2cbd.bindTooltip(
634
- `<div>
635
- مؤسسة القرش للشحن الجوي
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_56bc21872fbc89c9908ccc22810a2cbd.setIcon(icon_a26496d5a7a6bbdb5dbfd219c599aaa4);
644
-
645
-
646
- var marker_ac9517080a7c6aa6fd559bf1e289a2ec = L.marker(
647
- [26.43343595, 50.09537439],
648
- {
649
- }
650
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
651
-
652
-
653
- var icon_18ef71aaee780dbf70ebfa3b55452cd5 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "black",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_084b2c6178793cc5ca5f9c8ea51b7858 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_8e665b70b6f05d6bb9d67e19846d9206 = $(`<div id="html_8e665b70b6f05d6bb9d67e19846d9206" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم روائع السمك لتقديم الوجبات</b><br> السجل التجاري: 2050149028<br> المنطقة: الدمام<br> الحارة: القزاز<br> <a href="https://www.google.com/maps?q=26.43343595,50.09537439" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_084b2c6178793cc5ca5f9c8ea51b7858.setContent(html_8e665b70b6f05d6bb9d67e19846d9206);
672
-
673
-
674
-
675
- marker_ac9517080a7c6aa6fd559bf1e289a2ec.bindPopup(popup_084b2c6178793cc5ca5f9c8ea51b7858)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_ac9517080a7c6aa6fd559bf1e289a2ec.bindTooltip(
682
- `<div>
683
- مطعم روائع السمك لتقديم الوجبات
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_ac9517080a7c6aa6fd559bf1e289a2ec.setIcon(icon_18ef71aaee780dbf70ebfa3b55452cd5);
692
-
693
-
694
- var marker_7f8bc9e039e809bf89085b06997eb6f2 = L.marker(
695
- [26.41183295, 50.0932752499999],
696
- {
697
- }
698
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
699
-
700
-
701
- var icon_478d1ddbeac935cce3e3cac1bfa8f937 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "lightgreen",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_883973677f672ad51f9d51bf50872c4c = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_492ad34baca2c4774291860e01a379c7 = $(`<div id="html_492ad34baca2c4774291860e01a379c7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة صدارة الطعام لتقديم الوجبات</b><br> السجل التجاري: 2051231076<br> المنطقة: الدمام<br> الحارة: الريان<br> <a href="https://www.google.com/maps?q=26.41183295,50.0932752499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_883973677f672ad51f9d51bf50872c4c.setContent(html_492ad34baca2c4774291860e01a379c7);
720
-
721
-
722
-
723
- marker_7f8bc9e039e809bf89085b06997eb6f2.bindPopup(popup_883973677f672ad51f9d51bf50872c4c)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_7f8bc9e039e809bf89085b06997eb6f2.bindTooltip(
730
- `<div>
731
- شركة صدارة الطعام لتقديم الوجبات
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_7f8bc9e039e809bf89085b06997eb6f2.setIcon(icon_478d1ddbeac935cce3e3cac1bfa8f937);
740
-
741
-
742
- var marker_fad791cae8d873b65d111c0ef231f8b0 = L.marker(
743
- [26.39791783, 50.09269161],
744
- {
745
- }
746
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
747
-
748
-
749
- var icon_1acbaa0c45ed96a685a095aa986e4d26 = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "red",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_08253408f192ccc395523e7c389638ba = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_1056952bdce767a0c42f0c0d72e29c86 = $(`<div id="html_1056952bdce767a0c42f0c0d72e29c86" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فارس و دانه لتقديم الوجبات</b><br> السجل التجاري: 2050137711<br> المنطقة: الدمام<br> الحارة: الجامعيين<br> <a href="https://www.google.com/maps?q=26.39791783,50.09269161" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_08253408f192ccc395523e7c389638ba.setContent(html_1056952bdce767a0c42f0c0d72e29c86);
768
-
769
-
770
-
771
- marker_fad791cae8d873b65d111c0ef231f8b0.bindPopup(popup_08253408f192ccc395523e7c389638ba)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_fad791cae8d873b65d111c0ef231f8b0.bindTooltip(
778
- `<div>
779
- مؤسسة فارس و دانه لتقديم الوجبات
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_fad791cae8d873b65d111c0ef231f8b0.setIcon(icon_1acbaa0c45ed96a685a095aa986e4d26);
788
-
789
-
790
- map_c062a22039866cbf15028d899cbdf558.fitBounds(
791
- [[26.401886, 50.08305354], [26.3996159199999, 50.0789221599999], [26.4356921699999, 50.09292011], [26.4346484, 50.09426706], [26.43343595, 50.09537439], [26.41183295, 50.0932752499999], [26.39791783, 50.09269161]],
792
- {"padding": [30, 30]}
793
- );
794
-
795
-
796
- var layer_control_042e67ad87292c789e853a8c25479e30_layers = {
797
- base_layers : {
798
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_d82f75d0108399827143fc3936c8b932,
799
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_d2d8707781243e5b7a31e8969600c546,
800
- },
801
- overlays : {
802
- },
803
- };
804
- let layer_control_042e67ad87292c789e853a8c25479e30 = L.control.layers(
805
- layer_control_042e67ad87292c789e853a8c25479e30_layers.base_layers,
806
- layer_control_042e67ad87292c789e853a8c25479e30_layers.overlays,
807
- {
808
- "position": "topright",
809
- "collapsed": false,
810
- "autoZIndex": true,
811
- }
812
- ).addTo(map_c062a22039866cbf15028d899cbdf558);
813
-
814
-
815
- </script>
816
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/10.html DELETED
@@ -1,954 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_e309e8132507de436498777373e581e3 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">غشمه محمد بن سعد الشهراني - 10</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>العدامة</b>: 7 | <b>الدواسر</b>: 2 | <b>السوق</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العدامة</span>
149
- <span style="font-size:12px;color:#666;">(7)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الدواسر</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">السوق</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_e309e8132507de436498777373e581e3;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مؤسسة شركاء المعرفه لتقنية المعلومات", "lat": 26.435217887927, "lon": 50.104276917106, "markerVar": "marker_79fb67cd4dd3ba643907415e3d73ea07"}, {"title": "مؤسسة انشاء حل مبتكر لتقنية المعلومات", "lat": 26.43047693, "lon": 50.10443773, "markerVar": "marker_98fbc3d66cc42f704cf201466052fb3c"}, {"title": "مطعم عمران ميسان لتقديم الوجبات", "lat": 26.43633441, "lon": 50.10098408, "markerVar": "marker_d2833eab440b1afd572232501836d36e"}, {"title": "مؤسسة ميم البنفسج للإنتاج الإعلامي المرئي والمسموع", "lat": 26.42903361, "lon": 50.10478159, "markerVar": "marker_ae4c6488a5726e2a8390c35b14a81ebd"}, {"title": "مؤسسة محيط الخليج العقارية", "lat": 26.43672419, "lon": 50.1016324699999, "markerVar": "marker_206ca5e5690ecc4db65c9ecc577fe183"}, {"title": "مؤسسة الرؤى المطلقة لتقنية المعلومات", "lat": 26.43645038, "lon": 50.10770902, "markerVar": "marker_f6f642d0088f4e64f5544d3f3cab4b4a"}, {"title": "شركة كون السعودية للخدمات البترولية المحدودة شركة شخص واحد", "lat": 26.4276285526396, "lon": 50.1018994418218, "markerVar": "marker_b165c6bc5d6059efc2ce96803638cca1"}, {"title": "مؤسسة محمد الحمد التجاريه", "lat": 26.4405361339432, "lon": 50.1036035164279, "markerVar": "marker_c961fd45cd4065ad0c0bebeb4c451bd6"}, {"title": "مطعم سعداء عبدالله سعود المنيعي لتقديم الوجبات", "lat": 26.44723507, "lon": 50.09807528, "markerVar": "marker_01995569c9b503fda9f6a444068aab5c"}, {"title": "مؤسسة بندر بن مبارك بن علي ا��حفه للاتصالات و تقنية المعلومات", "lat": 26.44267045, "lon": 50.10156544, "markerVar": "marker_2a37f428de64acb476c845529ea6e581"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_e309e8132507de436498777373e581e3" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_e309e8132507de436498777373e581e3 = L.map(
384
- "map_e309e8132507de436498777373e581e3",
385
- {
386
- center: [26.43623076145098, 50.10289654853556],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_e309e8132507de436498777373e581e3);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_7d7a53eeeb8e5d071231426623ffcd37 = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_7d7a53eeeb8e5d071231426623ffcd37.addTo(map_e309e8132507de436498777373e581e3);
420
-
421
-
422
- var tile_layer_47357101766a44c0b13bf138a300616c = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_47357101766a44c0b13bf138a300616c.addTo(map_e309e8132507de436498777373e581e3);
440
-
441
-
442
- var locate_control_c656ea07113686aaac130ec7819ae4e2 = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_e309e8132507de436498777373e581e3);
445
-
446
-
447
-
448
- var marker_79fb67cd4dd3ba643907415e3d73ea07 = L.marker(
449
- [26.435217887927, 50.104276917106],
450
- {
451
- }
452
- ).addTo(map_e309e8132507de436498777373e581e3);
453
-
454
-
455
- var icon_a973acc83234550c05444644035e249b = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "darkblue",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_bfa150db35a89c8b0062e96475dfabf5 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_2d140a83d692d8dd00050754da8848c4 = $(`<div id="html_2d140a83d692d8dd00050754da8848c4" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة شركاء المعرفه لتقنية المعلومات</b><br> السجل التجاري: 2051220404<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.435217887927,50.104276917106" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_bfa150db35a89c8b0062e96475dfabf5.setContent(html_2d140a83d692d8dd00050754da8848c4);
474
-
475
-
476
-
477
- marker_79fb67cd4dd3ba643907415e3d73ea07.bindPopup(popup_bfa150db35a89c8b0062e96475dfabf5)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_79fb67cd4dd3ba643907415e3d73ea07.bindTooltip(
484
- `<div>
485
- مؤسسة شركاء المعرفه لتقنية المعلومات
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_79fb67cd4dd3ba643907415e3d73ea07.setIcon(icon_a973acc83234550c05444644035e249b);
494
-
495
-
496
- var marker_98fbc3d66cc42f704cf201466052fb3c = L.marker(
497
- [26.43047693, 50.10443773],
498
- {
499
- }
500
- ).addTo(map_e309e8132507de436498777373e581e3);
501
-
502
-
503
- var icon_3823171aca845a9d38417a2fbbd222f2 = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "darkblue",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_cfac7e200732594e80382b74fd22fac5 = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_9a800447b212e89745a5d729d99eb49d = $(`<div id="html_9a800447b212e89745a5d729d99eb49d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة انشاء حل مبتكر لتقنية المعلومات</b><br> السجل التجاري: 2050220391<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.43047693,50.10443773" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_cfac7e200732594e80382b74fd22fac5.setContent(html_9a800447b212e89745a5d729d99eb49d);
522
-
523
-
524
-
525
- marker_98fbc3d66cc42f704cf201466052fb3c.bindPopup(popup_cfac7e200732594e80382b74fd22fac5)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_98fbc3d66cc42f704cf201466052fb3c.bindTooltip(
532
- `<div>
533
- مؤسسة انشاء حل مبتكر لتقنية المعلومات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_98fbc3d66cc42f704cf201466052fb3c.setIcon(icon_3823171aca845a9d38417a2fbbd222f2);
542
-
543
-
544
- var marker_d2833eab440b1afd572232501836d36e = L.marker(
545
- [26.43633441, 50.10098408],
546
- {
547
- }
548
- ).addTo(map_e309e8132507de436498777373e581e3);
549
-
550
-
551
- var icon_f47973a39b012cbecae648c0691b5063 = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "darkblue",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_f04d6280f0ea8b0db7e43d37673eb012 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_60716400818cf4fb975d355ac162ddc0 = $(`<div id="html_60716400818cf4fb975d355ac162ddc0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم عمران ميسان لتقديم الوجبات</b><br> السجل التجاري: 2050177481<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.43633441,50.10098408" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_f04d6280f0ea8b0db7e43d37673eb012.setContent(html_60716400818cf4fb975d355ac162ddc0);
570
-
571
-
572
-
573
- marker_d2833eab440b1afd572232501836d36e.bindPopup(popup_f04d6280f0ea8b0db7e43d37673eb012)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_d2833eab440b1afd572232501836d36e.bindTooltip(
580
- `<div>
581
- مطعم عمران ميسان لتقديم الوجبات
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_d2833eab440b1afd572232501836d36e.setIcon(icon_f47973a39b012cbecae648c0691b5063);
590
-
591
-
592
- var marker_ae4c6488a5726e2a8390c35b14a81ebd = L.marker(
593
- [26.42903361, 50.10478159],
594
- {
595
- }
596
- ).addTo(map_e309e8132507de436498777373e581e3);
597
-
598
-
599
- var icon_31c6c7f8105b07fe53befbb3b6fddf4c = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "darkblue",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_5879415662f1ff829788d84f0cf61d8c = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_9e1eab3702a197263a6a827501d9b54a = $(`<div id="html_9e1eab3702a197263a6a827501d9b54a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ميم البنفسج للإنتاج الإعلامي المرئي والمسموع</b><br> السجل التجاري: 2050133903<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.42903361,50.10478159" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_5879415662f1ff829788d84f0cf61d8c.setContent(html_9e1eab3702a197263a6a827501d9b54a);
618
-
619
-
620
-
621
- marker_ae4c6488a5726e2a8390c35b14a81ebd.bindPopup(popup_5879415662f1ff829788d84f0cf61d8c)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_ae4c6488a5726e2a8390c35b14a81ebd.bindTooltip(
628
- `<div>
629
- مؤسسة ميم البنفسج للإنتاج الإعلامي المرئي والمسموع
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_ae4c6488a5726e2a8390c35b14a81ebd.setIcon(icon_31c6c7f8105b07fe53befbb3b6fddf4c);
638
-
639
-
640
- var marker_206ca5e5690ecc4db65c9ecc577fe183 = L.marker(
641
- [26.43672419, 50.1016324699999],
642
- {
643
- }
644
- ).addTo(map_e309e8132507de436498777373e581e3);
645
-
646
-
647
- var icon_1be1f3ab967859515db1beb14012b638 = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "darkblue",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_ef5d07fdb1a88c340cb523c5cd6b610a = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_f128c17b4263ce3e535978d3acb176ed = $(`<div id="html_f128c17b4263ce3e535978d3acb176ed" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة محيط الخليج العقارية</b><br> السجل التجاري: 2050128405<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.43672419,50.1016324699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_ef5d07fdb1a88c340cb523c5cd6b610a.setContent(html_f128c17b4263ce3e535978d3acb176ed);
666
-
667
-
668
-
669
- marker_206ca5e5690ecc4db65c9ecc577fe183.bindPopup(popup_ef5d07fdb1a88c340cb523c5cd6b610a)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_206ca5e5690ecc4db65c9ecc577fe183.bindTooltip(
676
- `<div>
677
- مؤسسة محيط الخليج العقارية
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_206ca5e5690ecc4db65c9ecc577fe183.setIcon(icon_1be1f3ab967859515db1beb14012b638);
686
-
687
-
688
- var marker_f6f642d0088f4e64f5544d3f3cab4b4a = L.marker(
689
- [26.43645038, 50.10770902],
690
- {
691
- }
692
- ).addTo(map_e309e8132507de436498777373e581e3);
693
-
694
-
695
- var icon_6e3318a1690456140b676156be674aeb = L.AwesomeMarkers.icon(
696
- {
697
- "markerColor": "darkblue",
698
- "iconColor": "white",
699
- "icon": "info-sign",
700
- "prefix": "glyphicon",
701
- "extraClasses": "fa-rotate-0",
702
- }
703
- );
704
-
705
-
706
- var popup_fbd40cfbf9ae757a9342dd49edd92f66 = L.popup({
707
- "maxWidth": 320,
708
- });
709
-
710
-
711
-
712
- var html_3d1f5e3904eb3aa5cfd3aae15c9ee4c6 = $(`<div id="html_3d1f5e3904eb3aa5cfd3aae15c9ee4c6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الرؤى المطلقة لتقنية المعلومات</b><br> السجل التجاري: 2050085652<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.43645038,50.10770902" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
713
- popup_fbd40cfbf9ae757a9342dd49edd92f66.setContent(html_3d1f5e3904eb3aa5cfd3aae15c9ee4c6);
714
-
715
-
716
-
717
- marker_f6f642d0088f4e64f5544d3f3cab4b4a.bindPopup(popup_fbd40cfbf9ae757a9342dd49edd92f66)
718
- ;
719
-
720
-
721
-
722
-
723
- marker_f6f642d0088f4e64f5544d3f3cab4b4a.bindTooltip(
724
- `<div>
725
- مؤسسة الرؤى المطلقة لتقنية المعلومات
726
- </div>`,
727
- {
728
- "sticky": true,
729
- }
730
- );
731
-
732
-
733
- marker_f6f642d0088f4e64f5544d3f3cab4b4a.setIcon(icon_6e3318a1690456140b676156be674aeb);
734
-
735
-
736
- var marker_b165c6bc5d6059efc2ce96803638cca1 = L.marker(
737
- [26.4276285526396, 50.1018994418218],
738
- {
739
- }
740
- ).addTo(map_e309e8132507de436498777373e581e3);
741
-
742
-
743
- var icon_fcbff51ea652dae331ff16edb51f0976 = L.AwesomeMarkers.icon(
744
- {
745
- "markerColor": "darkblue",
746
- "iconColor": "white",
747
- "icon": "info-sign",
748
- "prefix": "glyphicon",
749
- "extraClasses": "fa-rotate-0",
750
- }
751
- );
752
-
753
-
754
- var popup_f751becad441ceaef8e02337d3499d64 = L.popup({
755
- "maxWidth": 320,
756
- });
757
-
758
-
759
-
760
- var html_2423a10a8f2fc8300f98aab5a91382e5 = $(`<div id="html_2423a10a8f2fc8300f98aab5a91382e5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة كون السعودية للخدمات البترولية المحدودة شركة شخص واحد</b><br> السجل التجاري: 2050034317<br> المنطقة: الدمام<br> الحارة: العدامة<br> <a href="https://www.google.com/maps?q=26.4276285526396,50.1018994418218" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
761
- popup_f751becad441ceaef8e02337d3499d64.setContent(html_2423a10a8f2fc8300f98aab5a91382e5);
762
-
763
-
764
-
765
- marker_b165c6bc5d6059efc2ce96803638cca1.bindPopup(popup_f751becad441ceaef8e02337d3499d64)
766
- ;
767
-
768
-
769
-
770
-
771
- marker_b165c6bc5d6059efc2ce96803638cca1.bindTooltip(
772
- `<div>
773
- شركة كون السعودية للخدمات البترولية المحدودة شركة شخص واحد
774
- </div>`,
775
- {
776
- "sticky": true,
777
- }
778
- );
779
-
780
-
781
- marker_b165c6bc5d6059efc2ce96803638cca1.setIcon(icon_fcbff51ea652dae331ff16edb51f0976);
782
-
783
-
784
- var marker_c961fd45cd4065ad0c0bebeb4c451bd6 = L.marker(
785
- [26.4405361339432, 50.1036035164279],
786
- {
787
- }
788
- ).addTo(map_e309e8132507de436498777373e581e3);
789
-
790
-
791
- var icon_d62c12b1b5225d1e148a56dcd1836d1a = L.AwesomeMarkers.icon(
792
- {
793
- "markerColor": "gray",
794
- "iconColor": "white",
795
- "icon": "info-sign",
796
- "prefix": "glyphicon",
797
- "extraClasses": "fa-rotate-0",
798
- }
799
- );
800
-
801
-
802
- var popup_bf6921f8e71651c1272691e61cd5eac2 = L.popup({
803
- "maxWidth": 320,
804
- });
805
-
806
-
807
-
808
- var html_0644d14167d1c9e746b0a5ac956cb539 = $(`<div id="html_0644d14167d1c9e746b0a5ac956cb539" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة محمد الحمد التجاريه</b><br> السجل التجاري: 2050002716<br> المنطقة: الدمام<br> الحارة: السوق<br> <a href="https://www.google.com/maps?q=26.4405361339432,50.1036035164279" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
809
- popup_bf6921f8e71651c1272691e61cd5eac2.setContent(html_0644d14167d1c9e746b0a5ac956cb539);
810
-
811
-
812
-
813
- marker_c961fd45cd4065ad0c0bebeb4c451bd6.bindPopup(popup_bf6921f8e71651c1272691e61cd5eac2)
814
- ;
815
-
816
-
817
-
818
-
819
- marker_c961fd45cd4065ad0c0bebeb4c451bd6.bindTooltip(
820
- `<div>
821
- مؤسسة محمد الحمد التجاريه
822
- </div>`,
823
- {
824
- "sticky": true,
825
- }
826
- );
827
-
828
-
829
- marker_c961fd45cd4065ad0c0bebeb4c451bd6.setIcon(icon_d62c12b1b5225d1e148a56dcd1836d1a);
830
-
831
-
832
- var marker_01995569c9b503fda9f6a444068aab5c = L.marker(
833
- [26.44723507, 50.09807528],
834
- {
835
- }
836
- ).addTo(map_e309e8132507de436498777373e581e3);
837
-
838
-
839
- var icon_a57d9f47b2e7d0ce9b7ecf45055efe11 = L.AwesomeMarkers.icon(
840
- {
841
- "markerColor": "beige",
842
- "iconColor": "white",
843
- "icon": "info-sign",
844
- "prefix": "glyphicon",
845
- "extraClasses": "fa-rotate-0",
846
- }
847
- );
848
-
849
-
850
- var popup_fea810049f2a89900397ed76da0b0f3c = L.popup({
851
- "maxWidth": 320,
852
- });
853
-
854
-
855
-
856
- var html_70bd0f13a03b1c27b364c6ea61963841 = $(`<div id="html_70bd0f13a03b1c27b364c6ea61963841" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم سعداء عبدالله سعود المنيعي لتقديم الوجبات</b><br> السجل التجاري: 2050175452<br> المنطقة: الدمام<br> الحارة: الدواسر<br> <a href="https://www.google.com/maps?q=26.44723507,50.09807528" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
857
- popup_fea810049f2a89900397ed76da0b0f3c.setContent(html_70bd0f13a03b1c27b364c6ea61963841);
858
-
859
-
860
-
861
- marker_01995569c9b503fda9f6a444068aab5c.bindPopup(popup_fea810049f2a89900397ed76da0b0f3c)
862
- ;
863
-
864
-
865
-
866
-
867
- marker_01995569c9b503fda9f6a444068aab5c.bindTooltip(
868
- `<div>
869
- مطعم سعداء عبدالله سعود المنيعي لتقديم الوجبات
870
- </div>`,
871
- {
872
- "sticky": true,
873
- }
874
- );
875
-
876
-
877
- marker_01995569c9b503fda9f6a444068aab5c.setIcon(icon_a57d9f47b2e7d0ce9b7ecf45055efe11);
878
-
879
-
880
- var marker_2a37f428de64acb476c845529ea6e581 = L.marker(
881
- [26.44267045, 50.10156544],
882
- {
883
- }
884
- ).addTo(map_e309e8132507de436498777373e581e3);
885
-
886
-
887
- var icon_b5057b1c36beb05eeb3fe434f6cfb9a0 = L.AwesomeMarkers.icon(
888
- {
889
- "markerColor": "beige",
890
- "iconColor": "white",
891
- "icon": "info-sign",
892
- "prefix": "glyphicon",
893
- "extraClasses": "fa-rotate-0",
894
- }
895
- );
896
-
897
-
898
- var popup_438caf5d1703401f3b83782116667515 = L.popup({
899
- "maxWidth": 320,
900
- });
901
-
902
-
903
-
904
- var html_c43b1b41942f49cf59fd8c2425f92558 = $(`<div id="html_c43b1b41942f49cf59fd8c2425f92558" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بندر بن مبارك بن علي الحفه للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2050137814<br> المنطقة: الدمام<br> الحارة: الدواسر<br> <a href="https://www.google.com/maps?q=26.44267045,50.10156544" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
905
- popup_438caf5d1703401f3b83782116667515.setContent(html_c43b1b41942f49cf59fd8c2425f92558);
906
-
907
-
908
-
909
- marker_2a37f428de64acb476c845529ea6e581.bindPopup(popup_438caf5d1703401f3b83782116667515)
910
- ;
911
-
912
-
913
-
914
-
915
- marker_2a37f428de64acb476c845529ea6e581.bindTooltip(
916
- `<div>
917
- مؤسسة بندر بن مبارك بن علي الحفه للاتصالات و تقنية المعلومات
918
- </div>`,
919
- {
920
- "sticky": true,
921
- }
922
- );
923
-
924
-
925
- marker_2a37f428de64acb476c845529ea6e581.setIcon(icon_b5057b1c36beb05eeb3fe434f6cfb9a0);
926
-
927
-
928
- map_e309e8132507de436498777373e581e3.fitBounds(
929
- [[26.435217887927, 50.104276917106], [26.43047693, 50.10443773], [26.43633441, 50.10098408], [26.42903361, 50.10478159], [26.43672419, 50.1016324699999], [26.43645038, 50.10770902], [26.4276285526396, 50.1018994418218], [26.4405361339432, 50.1036035164279], [26.44723507, 50.09807528], [26.44267045, 50.10156544]],
930
- {"padding": [30, 30]}
931
- );
932
-
933
-
934
- var layer_control_4a1d5f5cd6a2dbf48f66254a81a8e932_layers = {
935
- base_layers : {
936
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_7d7a53eeeb8e5d071231426623ffcd37,
937
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_47357101766a44c0b13bf138a300616c,
938
- },
939
- overlays : {
940
- },
941
- };
942
- let layer_control_4a1d5f5cd6a2dbf48f66254a81a8e932 = L.control.layers(
943
- layer_control_4a1d5f5cd6a2dbf48f66254a81a8e932_layers.base_layers,
944
- layer_control_4a1d5f5cd6a2dbf48f66254a81a8e932_layers.overlays,
945
- {
946
- "position": "topright",
947
- "collapsed": false,
948
- "autoZIndex": true,
949
- }
950
- ).addTo(map_e309e8132507de436498777373e581e3);
951
-
952
-
953
- </script>
954
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/11.html DELETED
@@ -1,960 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_44a9719ca0559a041c96923cfa21696d {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">غاده سعد بن عبدالرحمن القحطاني - 11</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>مدينة العمال</b>: 5 | <b>الدواسر</b>: 3 | <b>المريكبات</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">مدينة العمال</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الدواسر</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المريكبات</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">السلام</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_44a9719ca0559a041c96923cfa21696d;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مؤسسة ليان خالد بن محمد الغامدي التجارية", "lat": 26.44272653, "lon": 50.1049046199999, "markerVar": "marker_a1a6b2d825d25463d1f3acb7974207f4"}, {"title": "مؤسسة شبكات زين للتجارة", "lat": 26.44553384, "lon": 50.0970548499999, "markerVar": "marker_b155db7eda461f05d7c0185057ffe513"}, {"title": "مؤسسة محمد جاسم العبيدي للتخليص الجمركي", "lat": 26.44840822, "lon": 50.09827862, "markerVar": "marker_22f656a467e455c8a31165d0cda4b37d"}, {"title": "مكتب عويض بن سعد بن عويض الحارثي للخدمات العقارية", "lat": 26.41759946, "lon": 50.0920306299999, "markerVar": "marker_cfbdba0d628d2c5794844b211d6090ca"}, {"title": "شقق فلور الخليجية للشقق المخدومة", "lat": 26.4526421876483, "lon": 50.0971654944312, "markerVar": "marker_9cc4c52358f994d9574be3fb722dd7aa"}, {"title": "شركة سمسا للخدمات", "lat": 26.41912221, "lon": 50.1108838899999, "markerVar": "marker_94172de53fe6359b516ef7e4282fd4a6"}, {"title": "مؤسسة مشاري مهرب العنزي للتخليص الجمركي", "lat": 26.42329099, "lon": 50.10758475, "markerVar": "marker_9bb7a97df97affd2f5f94eaafdeb8c5c"}, {"title": "شركة معويض صادر الصيعري للتخليص الجمركي شركه شخص واحد", "lat": 26.42083422, "lon": 50.10619674, "markerVar": "marker_bf2e8f3ab113daeef9d44ce43df794f9"}, {"title": "مؤسسة حسين المالكي للتخليص الجمركي", "lat": 26.4189071926913, "lon": 50.1108164817564, "markerVar": "marker_6821e526c66239f41aeb91c969432ebc"}, {"title": "مكتب درة الخليج العقاري", "lat": 26.42325894, "lon": 50.1036985599999, "markerVar": "marker_b92031a744513e76e20e644c7151924a"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_44a9719ca0559a041c96923cfa21696d" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_44a9719ca0559a041c96923cfa21696d = L.map(
390
- "map_44a9719ca0559a041c96923cfa21696d",
391
- {
392
- center: [26.431232379033965, 50.10286146361871],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_44a9719ca0559a041c96923cfa21696d);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_816db0c747a3a72e5ba7a9b1035c3496 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_816db0c747a3a72e5ba7a9b1035c3496.addTo(map_44a9719ca0559a041c96923cfa21696d);
426
-
427
-
428
- var tile_layer_8f9986e596fed06056880fe50dfdb3d2 = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_8f9986e596fed06056880fe50dfdb3d2.addTo(map_44a9719ca0559a041c96923cfa21696d);
446
-
447
-
448
- var locate_control_1021a36637f4eb6993b7267c58e66b73 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
451
-
452
-
453
-
454
- var marker_a1a6b2d825d25463d1f3acb7974207f4 = L.marker(
455
- [26.44272653, 50.1049046199999],
456
- {
457
- }
458
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
459
-
460
-
461
- var icon_b30e178ee92f8ed4f078cdfca571e493 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "beige",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_a05cf1decafd1baea1c14eae43719bad = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_fe0212a4136a09bc1d2dc5fa374de719 = $(`<div id="html_fe0212a4136a09bc1d2dc5fa374de719" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ليان خالد بن محمد الغامدي التجارية</b><br> السجل التجاري: 2050132214<br> المنطقة: الدمام<br> الحارة: الدواسر<br> <a href="https://www.google.com/maps?q=26.44272653,50.1049046199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_a05cf1decafd1baea1c14eae43719bad.setContent(html_fe0212a4136a09bc1d2dc5fa374de719);
480
-
481
-
482
-
483
- marker_a1a6b2d825d25463d1f3acb7974207f4.bindPopup(popup_a05cf1decafd1baea1c14eae43719bad)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_a1a6b2d825d25463d1f3acb7974207f4.bindTooltip(
490
- `<div>
491
- مؤسسة ليان خالد بن محمد الغامدي التجارية
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_a1a6b2d825d25463d1f3acb7974207f4.setIcon(icon_b30e178ee92f8ed4f078cdfca571e493);
500
-
501
-
502
- var marker_b155db7eda461f05d7c0185057ffe513 = L.marker(
503
- [26.44553384, 50.0970548499999],
504
- {
505
- }
506
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
507
-
508
-
509
- var icon_9dc55640a14b15b0143c3bf3cc262885 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "beige",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_690635f680e76706e555e632bae59d03 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_c19c78a669f91aef322c78a3ef7a9b93 = $(`<div id="html_c19c78a669f91aef322c78a3ef7a9b93" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة شبكات زين للتجارة</b><br> السجل التجاري: 2050129565<br> المنطقة: الدمام<br> الحارة: الدواسر<br> <a href="https://www.google.com/maps?q=26.44553384,50.0970548499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_690635f680e76706e555e632bae59d03.setContent(html_c19c78a669f91aef322c78a3ef7a9b93);
528
-
529
-
530
-
531
- marker_b155db7eda461f05d7c0185057ffe513.bindPopup(popup_690635f680e76706e555e632bae59d03)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_b155db7eda461f05d7c0185057ffe513.bindTooltip(
538
- `<div>
539
- مؤسسة شبكات زين للتجارة
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_b155db7eda461f05d7c0185057ffe513.setIcon(icon_9dc55640a14b15b0143c3bf3cc262885);
548
-
549
-
550
- var marker_22f656a467e455c8a31165d0cda4b37d = L.marker(
551
- [26.44840822, 50.09827862],
552
- {
553
- }
554
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
555
-
556
-
557
- var icon_7f986f26ffa239cf4967efdede3f6bee = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "beige",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_6a065fc88fabb70f9d0b60b021bfffd4 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_148d0e50e52006deaa31b6e3c39e9c50 = $(`<div id="html_148d0e50e52006deaa31b6e3c39e9c50" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة محمد جاسم العبيدي للتخليص الجمركي</b><br> السجل التجاري: 2050108738<br> المنطقة: الدمام<br> الحارة: الدواسر<br> <a href="https://www.google.com/maps?q=26.44840822,50.09827862" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_6a065fc88fabb70f9d0b60b021bfffd4.setContent(html_148d0e50e52006deaa31b6e3c39e9c50);
576
-
577
-
578
-
579
- marker_22f656a467e455c8a31165d0cda4b37d.bindPopup(popup_6a065fc88fabb70f9d0b60b021bfffd4)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_22f656a467e455c8a31165d0cda4b37d.bindTooltip(
586
- `<div>
587
- مؤسسة محمد جاسم العبيدي للتخليص الجمركي
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_22f656a467e455c8a31165d0cda4b37d.setIcon(icon_7f986f26ffa239cf4967efdede3f6bee);
596
-
597
-
598
- var marker_cfbdba0d628d2c5794844b211d6090ca = L.marker(
599
- [26.41759946, 50.0920306299999],
600
- {
601
- }
602
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
603
-
604
-
605
- var icon_627a6e26bb9c4e0a7cce16d1bbe632d1 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "darkblue",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_d523a7e56f81132386cf69de085ab81e = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_9f2d54feaf239148d90474b387311587 = $(`<div id="html_9f2d54feaf239148d90474b387311587" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عويض بن سعد بن عويض الحارثي للخدمات العقارية</b><br> السجل التجاري: 2050141181<br> المنطقة: الدمام<br> الحارة: المريكبات<br> <a href="https://www.google.com/maps?q=26.41759946,50.0920306299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_d523a7e56f81132386cf69de085ab81e.setContent(html_9f2d54feaf239148d90474b387311587);
624
-
625
-
626
-
627
- marker_cfbdba0d628d2c5794844b211d6090ca.bindPopup(popup_d523a7e56f81132386cf69de085ab81e)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_cfbdba0d628d2c5794844b211d6090ca.bindTooltip(
634
- `<div>
635
- مكتب عويض بن سعد بن عويض الحارثي للخدمات العقارية
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_cfbdba0d628d2c5794844b211d6090ca.setIcon(icon_627a6e26bb9c4e0a7cce16d1bbe632d1);
644
-
645
-
646
- var marker_9cc4c52358f994d9574be3fb722dd7aa = L.marker(
647
- [26.4526421876483, 50.0971654944312],
648
- {
649
- }
650
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
651
-
652
-
653
- var icon_85438aa9d8fcd096d293f7235de0fb50 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "blue",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_2529e632004ac08eadae56f44db73ec0 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_a4a7eee61f926d90ac7ecb64af38336b = $(`<div id="html_a4a7eee61f926d90ac7ecb64af38336b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق فلور الخليجية للشقق المخدومة</b><br> السجل التجاري: 2050115559<br> المنطقة: الدمام<br> الحارة: السلام<br> <a href="https://www.google.com/maps?q=26.4526421876483,50.0971654944312" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_2529e632004ac08eadae56f44db73ec0.setContent(html_a4a7eee61f926d90ac7ecb64af38336b);
672
-
673
-
674
-
675
- marker_9cc4c52358f994d9574be3fb722dd7aa.bindPopup(popup_2529e632004ac08eadae56f44db73ec0)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_9cc4c52358f994d9574be3fb722dd7aa.bindTooltip(
682
- `<div>
683
- شقق فلور الخليجية للشقق المخدومة
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_9cc4c52358f994d9574be3fb722dd7aa.setIcon(icon_85438aa9d8fcd096d293f7235de0fb50);
692
-
693
-
694
- var marker_94172de53fe6359b516ef7e4282fd4a6 = L.marker(
695
- [26.41912221, 50.1108838899999],
696
- {
697
- }
698
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
699
-
700
-
701
- var icon_8e63f32f53b62bb9fc0ef977e05eefb7 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "black",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_5bc7581359c258c436071248ad6048c9 = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_d309e4f028f58cd2660c369132565d34 = $(`<div id="html_d309e4f028f58cd2660c369132565d34" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة سمسا للخدمات</b><br> السجل التجاري: 2050047419<br> المنطقة: الدمام<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.41912221,50.1108838899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_5bc7581359c258c436071248ad6048c9.setContent(html_d309e4f028f58cd2660c369132565d34);
720
-
721
-
722
-
723
- marker_94172de53fe6359b516ef7e4282fd4a6.bindPopup(popup_5bc7581359c258c436071248ad6048c9)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_94172de53fe6359b516ef7e4282fd4a6.bindTooltip(
730
- `<div>
731
- شركة سمسا للخدمات
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_94172de53fe6359b516ef7e4282fd4a6.setIcon(icon_8e63f32f53b62bb9fc0ef977e05eefb7);
740
-
741
-
742
- var marker_9bb7a97df97affd2f5f94eaafdeb8c5c = L.marker(
743
- [26.42329099, 50.10758475],
744
- {
745
- }
746
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
747
-
748
-
749
- var icon_e2e051e478940cb902344c8469255674 = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "black",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_2265cfc48838ffdc2a79b08cd86b71aa = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_f3fc47bee6df605a9fca99d19df62608 = $(`<div id="html_f3fc47bee6df605a9fca99d19df62608" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مشاري مهرب العنزي للتخليص الجمركي</b><br> السجل التجاري: 2050219824<br> المنطقة: الدمام<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.42329099,50.10758475" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_2265cfc48838ffdc2a79b08cd86b71aa.setContent(html_f3fc47bee6df605a9fca99d19df62608);
768
-
769
-
770
-
771
- marker_9bb7a97df97affd2f5f94eaafdeb8c5c.bindPopup(popup_2265cfc48838ffdc2a79b08cd86b71aa)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_9bb7a97df97affd2f5f94eaafdeb8c5c.bindTooltip(
778
- `<div>
779
- مؤسسة مشاري مهرب العنزي للتخليص الجمركي
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_9bb7a97df97affd2f5f94eaafdeb8c5c.setIcon(icon_e2e051e478940cb902344c8469255674);
788
-
789
-
790
- var marker_bf2e8f3ab113daeef9d44ce43df794f9 = L.marker(
791
- [26.42083422, 50.10619674],
792
- {
793
- }
794
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
795
-
796
-
797
- var icon_9bf0bc3d0605c3bc409ff00d3d2ee03d = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "black",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_142de6900334271ae8af39e52dc8bbe6 = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_408c15e732bd1a17efee2986221196bc = $(`<div id="html_408c15e732bd1a17efee2986221196bc" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة معويض صادر الصيعري للتخليص الجمركي شركه شخص واحد</b><br> السجل التجاري: 2050112377<br> المنطقة: الدمام<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.42083422,50.10619674" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_142de6900334271ae8af39e52dc8bbe6.setContent(html_408c15e732bd1a17efee2986221196bc);
816
-
817
-
818
-
819
- marker_bf2e8f3ab113daeef9d44ce43df794f9.bindPopup(popup_142de6900334271ae8af39e52dc8bbe6)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_bf2e8f3ab113daeef9d44ce43df794f9.bindTooltip(
826
- `<div>
827
- شركة معويض صادر الصيعري للتخليص الجمركي شركه شخص واحد
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_bf2e8f3ab113daeef9d44ce43df794f9.setIcon(icon_9bf0bc3d0605c3bc409ff00d3d2ee03d);
836
-
837
-
838
- var marker_6821e526c66239f41aeb91c969432ebc = L.marker(
839
- [26.4189071926913, 50.1108164817564],
840
- {
841
- }
842
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
843
-
844
-
845
- var icon_2e15993237713f6173b5cc38b9e0d32b = L.AwesomeMarkers.icon(
846
- {
847
- "markerColor": "black",
848
- "iconColor": "white",
849
- "icon": "info-sign",
850
- "prefix": "glyphicon",
851
- "extraClasses": "fa-rotate-0",
852
- }
853
- );
854
-
855
-
856
- var popup_57911698b3bb8b04763f643ffb4646cd = L.popup({
857
- "maxWidth": 320,
858
- });
859
-
860
-
861
-
862
- var html_e623a68241136dcb36caa649c7a97bb2 = $(`<div id="html_e623a68241136dcb36caa649c7a97bb2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة حسين المالكي للتخليص الجمركي</b><br> السجل التجاري: 2050085665<br> المنطقة: الدمام<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.4189071926913,50.1108164817564" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
863
- popup_57911698b3bb8b04763f643ffb4646cd.setContent(html_e623a68241136dcb36caa649c7a97bb2);
864
-
865
-
866
-
867
- marker_6821e526c66239f41aeb91c969432ebc.bindPopup(popup_57911698b3bb8b04763f643ffb4646cd)
868
- ;
869
-
870
-
871
-
872
-
873
- marker_6821e526c66239f41aeb91c969432ebc.bindTooltip(
874
- `<div>
875
- مؤسسة حسين المالكي للتخليص الجمركي
876
- </div>`,
877
- {
878
- "sticky": true,
879
- }
880
- );
881
-
882
-
883
- marker_6821e526c66239f41aeb91c969432ebc.setIcon(icon_2e15993237713f6173b5cc38b9e0d32b);
884
-
885
-
886
- var marker_b92031a744513e76e20e644c7151924a = L.marker(
887
- [26.42325894, 50.1036985599999],
888
- {
889
- }
890
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
891
-
892
-
893
- var icon_f1c8126f840ec826a4fb6a4fc662206e = L.AwesomeMarkers.icon(
894
- {
895
- "markerColor": "black",
896
- "iconColor": "white",
897
- "icon": "info-sign",
898
- "prefix": "glyphicon",
899
- "extraClasses": "fa-rotate-0",
900
- }
901
- );
902
-
903
-
904
- var popup_a9083668ddaf125f5135fd4ab74b4114 = L.popup({
905
- "maxWidth": 320,
906
- });
907
-
908
-
909
-
910
- var html_b464c02578d17d515ec73588cc6343ba = $(`<div id="html_b464c02578d17d515ec73588cc6343ba" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب درة الخليج العقاري</b><br> السجل التجاري: 2050046527<br> المنطقة: الدمام<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.42325894,50.1036985599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
911
- popup_a9083668ddaf125f5135fd4ab74b4114.setContent(html_b464c02578d17d515ec73588cc6343ba);
912
-
913
-
914
-
915
- marker_b92031a744513e76e20e644c7151924a.bindPopup(popup_a9083668ddaf125f5135fd4ab74b4114)
916
- ;
917
-
918
-
919
-
920
-
921
- marker_b92031a744513e76e20e644c7151924a.bindTooltip(
922
- `<div>
923
- ��كتب درة الخليج العقاري
924
- </div>`,
925
- {
926
- "sticky": true,
927
- }
928
- );
929
-
930
-
931
- marker_b92031a744513e76e20e644c7151924a.setIcon(icon_f1c8126f840ec826a4fb6a4fc662206e);
932
-
933
-
934
- map_44a9719ca0559a041c96923cfa21696d.fitBounds(
935
- [[26.44272653, 50.1049046199999], [26.44553384, 50.0970548499999], [26.44840822, 50.09827862], [26.41759946, 50.0920306299999], [26.4526421876483, 50.0971654944312], [26.41912221, 50.1108838899999], [26.42329099, 50.10758475], [26.42083422, 50.10619674], [26.4189071926913, 50.1108164817564], [26.42325894, 50.1036985599999]],
936
- {"padding": [30, 30]}
937
- );
938
-
939
-
940
- var layer_control_2c986e15084933f733f614abcde4b725_layers = {
941
- base_layers : {
942
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_816db0c747a3a72e5ba7a9b1035c3496,
943
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_8f9986e596fed06056880fe50dfdb3d2,
944
- },
945
- overlays : {
946
- },
947
- };
948
- let layer_control_2c986e15084933f733f614abcde4b725 = L.control.layers(
949
- layer_control_2c986e15084933f733f614abcde4b725_layers.base_layers,
950
- layer_control_2c986e15084933f733f614abcde4b725_layers.overlays,
951
- {
952
- "position": "topright",
953
- "collapsed": false,
954
- "autoZIndex": true,
955
- }
956
- ).addTo(map_44a9719ca0559a041c96923cfa21696d);
957
-
958
-
959
- </script>
960
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/12.html DELETED
@@ -1,978 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_9961ea68674b884e08427cb8c56077ce {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">ندى ابراهيم بن علي المنصور - 12</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 7<br>
140
- <b>الأكثر:</b> <b>النزهة</b>: 2 | <b>الربيع</b>: 2 | <b>الأمير محمد بن سعود</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النزهة</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الربيع</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الأمير محمد بن سعود</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العمامرة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الكورنيش</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البديع</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
182
- <span style="width:12px;height:12px;border-radius:50%;
183
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
184
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الفردوس</span>
185
- <span style="font-size:12px;color:#666;">(1)</span>
186
- </div>
187
-
188
- </div>
189
- </div>
190
- </div>
191
-
192
- <script>
193
- (function(){
194
- const box = document.getElementById('statsBox');
195
- const fab = document.getElementById('statsFab');
196
- const hide = document.getElementById('hideStats');
197
-
198
- hide.addEventListener('click', function(){
199
- box.style.display = 'none';
200
- fab.style.display = 'block';
201
- });
202
-
203
- fab.addEventListener('click', function(){
204
- box.style.display = 'block';
205
- fab.style.display = 'none';
206
- });
207
- })();
208
- </script>
209
-
210
-
211
- <style>
212
- .leaflet-control.est-search-control {
213
- background: rgba(255,255,255,0.92);
214
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
215
- border-radius: 14px;
216
- padding: 10px 10px;
217
- width: 320px;
218
- direction: rtl;
219
- font-family: Arial, sans-serif;
220
- }
221
- .est-search-control input {
222
- width: 100%;
223
- border: 1px solid rgba(0,0,0,0.15);
224
- border-radius: 10px;
225
- padding: 10px 12px;
226
- font-size: 13px;
227
- outline: none;
228
- }
229
- .est-search-meta {
230
- margin-top: 6px;
231
- font-size: 12px;
232
- color: #666;
233
- display:flex;
234
- justify-content:space-between;
235
- gap:8px;
236
- }
237
- .est-results {
238
- margin-top: 8px;
239
- max-height: 180px;
240
- overflow: auto;
241
- border-top: 1px solid rgba(0,0,0,0.08);
242
- padding-top: 6px;
243
- }
244
- .est-item {
245
- cursor: pointer;
246
- padding: 8px 10px;
247
- border-radius: 10px;
248
- font-size: 13px;
249
- line-height: 1.4;
250
- }
251
- .est-item:hover {
252
- background: rgba(0,0,0,0.06);
253
- }
254
- .est-badge {
255
- font-size: 12px;
256
- color: #333;
257
- }
258
- .est-clear {
259
- cursor:pointer;
260
- user-select:none;
261
- font-size:12px;
262
- color:#0b6efd;
263
- }
264
- </style>
265
-
266
- <script>
267
- (function(){
268
- const map = map_9961ea68674b884e08427cb8c56077ce;
269
- // items: list of objects (title, lat, lon, markerVar)
270
- const items = [{"title": "شركة عالم سين للإنتاج الإعلامي المرئي والمسموع شركة شخص واحد", "lat": 26.3869905799999, "lon": 50.1047533899999, "markerVar": "marker_c145ec3d7b4bc721f137da82473f6549"}, {"title": "مؤسسة مسار احد للشحن", "lat": 26.38833571, "lon": 50.10468762, "markerVar": "marker_6655616f8c1a32742f2d803acd5856e6"}, {"title": "شركة الموجات العالية للخدمات اللوجستية", "lat": 26.44049319, "lon": 50.11424223, "markerVar": "marker_503f7391788012d878f627138a040e82"}, {"title": "شركة فهد بن عبدالرحمن بن فهد المعيويد للتخليص الجمركي", "lat": 26.4395005752918, "lon": 50.1176424145446, "markerVar": "marker_ceafd5115fb13aa0066c97f6d18813fb"}, {"title": "شركة البوابة الشرقية للخدمات اللوجستية", "lat": 26.4452825251068, "lon": 50.1082405478948, "markerVar": "marker_09857947e723351f3400e77c5d3cb0e6"}, {"title": "مطعم سفرة الخوص للأكلات الشعبية", "lat": 26.4351309199999, "lon": 50.11738418, "markerVar": "marker_410dfb310b8fc667c896dbdb4362b103"}, {"title": "شركة الخليج الاول للشحن البحري", "lat": 26.4346119299999, "lon": 50.11638113, "markerVar": "marker_9accacbe4cea951edb48b5d6fa6bdeae"}, {"title": "مؤسسة باخرة الأحلام للنقل البحري", "lat": 26.4853043289395, "lon": 50.1053396663105, "markerVar": "marker_5f06265063396f6cac65248bb581d7e7"}, {"title": "مؤسسة رواد الاعمال للتخليص الجمركي", "lat": 26.4485373135114, "lon": 50.118097804601, "markerVar": "marker_2f0c643d216cc7a233236f725a5b3e7d"}, {"title": "شركة خالد سعيد فهيد الهاجري وشركاؤه", "lat": 26.377932, "lon": 50.12185507, "markerVar": "marker_2faddd745af462e206e1bd221edc85a1"}];
271
-
272
- function norm(s){
273
- if(!s) return "";
274
- s = (""+s).toLowerCase();
275
-
276
- // إزالة التشكيل
277
- s = s.replace(/[\u064B-\u065F]/g, "");
278
- // تطبيع عربي
279
- s = s.replace(/[إأآا]/g, "ا")
280
- .replace(/ى/g, "ي")
281
- .replace(/ة/g, "ه")
282
- .replace(/ؤ/g, "و")
283
- .replace(/ئ/g, "ي")
284
- .replace(/ـ/g, "");
285
- // مسافات
286
- s = s.replace(/\s+/g, " ").trim();
287
- return s;
288
- }
289
-
290
- const SearchControl = L.Control.extend({
291
- options: { position: 'bottomleft' },
292
- onAdd: function(){
293
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
294
- div.innerHTML = `
295
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
296
- <div class="est-search-meta">
297
- <span id="estCount" class="est-badge"></span>
298
- <span id="estClear" class="est-clear">مسح</span>
299
- </div>
300
- <div id="estResults" class="est-results"></div>
301
- `;
302
- L.DomEvent.disableClickPropagation(div);
303
- L.DomEvent.disableScrollPropagation(div);
304
- return div;
305
- }
306
- });
307
-
308
- map.addControl(new SearchControl());
309
-
310
- function renderResults(hits){
311
- const results = document.getElementById('estResults');
312
- const count = document.getElementById('estCount');
313
- results.innerHTML = "";
314
-
315
- if(!hits.length){
316
- count.textContent = "لا توجد نتائج";
317
- return;
318
- }
319
-
320
- count.textContent = "النتائج: " + hits.length;
321
-
322
- for(const h of hits.slice(0, 50)){
323
- const el = document.createElement('div');
324
- el.className = 'est-item';
325
- el.textContent = h.title;
326
- el.onclick = function(){
327
- try {
328
- const mv = window[h.markerVar];
329
- if(mv && mv.getLatLng){
330
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
331
- if(mv.openPopup) mv.openPopup();
332
- } else {
333
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
334
- }
335
- } catch(e) {}
336
- };
337
- results.appendChild(el);
338
- }
339
- }
340
-
341
- function search(q){
342
- const nq = norm(q);
343
- if(!nq) return [];
344
- const hits = [];
345
- for(const it of items){
346
- if(norm(it.title).includes(nq)) hits.push(it);
347
- }
348
- return hits;
349
- }
350
-
351
- setTimeout(function(){
352
- const input = document.getElementById('estQ');
353
- const clearBtn = document.getElementById('estClear');
354
-
355
- input.addEventListener('input', function(){
356
- renderResults(search(this.value));
357
- });
358
-
359
- input.addEventListener('keydown', function(e){
360
- if(e.key === 'Enter'){
361
- const hits = search(this.value);
362
- renderResults(hits);
363
- if(hits.length){
364
- try {
365
- const mv = window[hits[0].markerVar];
366
- if(mv && mv.getLatLng){
367
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
368
- if(mv.openPopup) mv.openPopup();
369
- }
370
- } catch(e) {}
371
- }
372
- }
373
- });
374
-
375
- clearBtn.addEventListener('click', function(){
376
- input.value = "";
377
- document.getElementById('estResults').innerHTML = "";
378
- document.getElementById('estCount').textContent = "";
379
- });
380
- }, 0);
381
- })();
382
- </script>
383
-
384
-
385
- <div style="
386
- position: fixed;
387
- bottom: 8px; left: 8px;
388
- background: rgba(255,255,255,0.85);
389
- padding: 6px 10px;
390
- border-radius: 10px;
391
- font-size: 13px;
392
- direction: rtl;
393
- z-index: 9999;
394
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
395
- font-family: Arial, sans-serif;
396
- ">
397
- تصميم وإعداد <b>نوف الناصر</b>
398
- </div>
399
-
400
-
401
- <div class="folium-map" id="map_9961ea68674b884e08427cb8c56077ce" ></div>
402
-
403
- </body>
404
- <script>
405
-
406
-
407
- var map_9961ea68674b884e08427cb8c56077ce = L.map(
408
- "map_9961ea68674b884e08427cb8c56077ce",
409
- {
410
- center: [26.42821190728492, 50.11286240533508],
411
- crs: L.CRS.EPSG3857,
412
- ...{
413
- "zoom": 13,
414
- "zoomControl": true,
415
- "preferCanvas": false,
416
- }
417
-
418
- }
419
- );
420
- L.control.scale().addTo(map_9961ea68674b884e08427cb8c56077ce);
421
-
422
-
423
-
424
-
425
-
426
- var tile_layer_c6fe75d9807aa523f01101ac7b25d113 = L.tileLayer(
427
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
428
- {
429
- "minZoom": 0,
430
- "maxZoom": 19,
431
- "maxNativeZoom": 19,
432
- "noWrap": false,
433
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
434
- "subdomains": "abc",
435
- "detectRetina": false,
436
- "tms": false,
437
- "opacity": 1,
438
- }
439
-
440
- );
441
-
442
-
443
- tile_layer_c6fe75d9807aa523f01101ac7b25d113.addTo(map_9961ea68674b884e08427cb8c56077ce);
444
-
445
-
446
- var tile_layer_c49112efaa0435bd06e450aaba5ffa51 = L.tileLayer(
447
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
448
- {
449
- "minZoom": 0,
450
- "maxZoom": 18,
451
- "maxNativeZoom": 18,
452
- "noWrap": false,
453
- "attribution": "\u0026copy; Esri",
454
- "subdomains": "abc",
455
- "detectRetina": false,
456
- "tms": false,
457
- "opacity": 1,
458
- }
459
-
460
- );
461
-
462
-
463
- tile_layer_c49112efaa0435bd06e450aaba5ffa51.addTo(map_9961ea68674b884e08427cb8c56077ce);
464
-
465
-
466
- var locate_control_3bb2b4641b7132dcb26c87b0263c287b = L.control.locate(
467
- {"flyTo": true}
468
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
469
-
470
-
471
-
472
- var marker_c145ec3d7b4bc721f137da82473f6549 = L.marker(
473
- [26.3869905799999, 50.1047533899999],
474
- {
475
- }
476
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
477
-
478
-
479
- var icon_cc5a81aef78cd4c649279d7cfc1a0844 = L.AwesomeMarkers.icon(
480
- {
481
- "markerColor": "gray",
482
- "iconColor": "white",
483
- "icon": "info-sign",
484
- "prefix": "glyphicon",
485
- "extraClasses": "fa-rotate-0",
486
- }
487
- );
488
-
489
-
490
- var popup_e8abba57de221b1306adda0a94e8daf4 = L.popup({
491
- "maxWidth": 320,
492
- });
493
-
494
-
495
-
496
- var html_996f7ef2c2c5172b8da72e7a65b163de = $(`<div id="html_996f7ef2c2c5172b8da72e7a65b163de" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة عالم سين للإنتاج الإعلامي المرئي والمسموع شركة شخص واحد</b><br> السجل التجاري: 2050239744<br> المنطقة: الدمام<br> الحارة: النزهة<br> <a href="https://www.google.com/maps?q=26.3869905799999,50.1047533899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
497
- popup_e8abba57de221b1306adda0a94e8daf4.setContent(html_996f7ef2c2c5172b8da72e7a65b163de);
498
-
499
-
500
-
501
- marker_c145ec3d7b4bc721f137da82473f6549.bindPopup(popup_e8abba57de221b1306adda0a94e8daf4)
502
- ;
503
-
504
-
505
-
506
-
507
- marker_c145ec3d7b4bc721f137da82473f6549.bindTooltip(
508
- `<div>
509
- شركة عالم سين للإنتاج الإعلامي المرئي والمسموع شركة شخص واحد
510
- </div>`,
511
- {
512
- "sticky": true,
513
- }
514
- );
515
-
516
-
517
- marker_c145ec3d7b4bc721f137da82473f6549.setIcon(icon_cc5a81aef78cd4c649279d7cfc1a0844);
518
-
519
-
520
- var marker_6655616f8c1a32742f2d803acd5856e6 = L.marker(
521
- [26.38833571, 50.10468762],
522
- {
523
- }
524
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
525
-
526
-
527
- var icon_5c2b5d0ff1db6ebc6c66a6c286ac80a8 = L.AwesomeMarkers.icon(
528
- {
529
- "markerColor": "gray",
530
- "iconColor": "white",
531
- "icon": "info-sign",
532
- "prefix": "glyphicon",
533
- "extraClasses": "fa-rotate-0",
534
- }
535
- );
536
-
537
-
538
- var popup_5c936638f7551ec12bef759d90fd8ed6 = L.popup({
539
- "maxWidth": 320,
540
- });
541
-
542
-
543
-
544
- var html_fb24c1d128c50d57fc44b61b13cab867 = $(`<div id="html_fb24c1d128c50d57fc44b61b13cab867" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مسار احد للشحن</b><br> السجل التجاري: 2050087274<br> المنطقة: الدمام<br> الحارة: النزهة<br> <a href="https://www.google.com/maps?q=26.38833571,50.10468762" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
545
- popup_5c936638f7551ec12bef759d90fd8ed6.setContent(html_fb24c1d128c50d57fc44b61b13cab867);
546
-
547
-
548
-
549
- marker_6655616f8c1a32742f2d803acd5856e6.bindPopup(popup_5c936638f7551ec12bef759d90fd8ed6)
550
- ;
551
-
552
-
553
-
554
-
555
- marker_6655616f8c1a32742f2d803acd5856e6.bindTooltip(
556
- `<div>
557
- مؤسسة مسار احد للشحن
558
- </div>`,
559
- {
560
- "sticky": true,
561
- }
562
- );
563
-
564
-
565
- marker_6655616f8c1a32742f2d803acd5856e6.setIcon(icon_5c2b5d0ff1db6ebc6c66a6c286ac80a8);
566
-
567
-
568
- var marker_503f7391788012d878f627138a040e82 = L.marker(
569
- [26.44049319, 50.11424223],
570
- {
571
- }
572
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
573
-
574
-
575
- var icon_01634c5639f067486bc34ce86810cbb3 = L.AwesomeMarkers.icon(
576
- {
577
- "markerColor": "blue",
578
- "iconColor": "white",
579
- "icon": "info-sign",
580
- "prefix": "glyphicon",
581
- "extraClasses": "fa-rotate-0",
582
- }
583
- );
584
-
585
-
586
- var popup_0332b097e2c75120f181599a0c06bac1 = L.popup({
587
- "maxWidth": 320,
588
- });
589
-
590
-
591
-
592
- var html_6bbb50647984f4c61db7e9d4ece5f5e9 = $(`<div id="html_6bbb50647984f4c61db7e9d4ece5f5e9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الموجات العالية للخدمات اللوجستية</b><br> السجل التجاري: 2050151547<br> المنطقة: الدمام<br> الحارة: الربيع<br> <a href="https://www.google.com/maps?q=26.44049319,50.11424223" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
593
- popup_0332b097e2c75120f181599a0c06bac1.setContent(html_6bbb50647984f4c61db7e9d4ece5f5e9);
594
-
595
-
596
-
597
- marker_503f7391788012d878f627138a040e82.bindPopup(popup_0332b097e2c75120f181599a0c06bac1)
598
- ;
599
-
600
-
601
-
602
-
603
- marker_503f7391788012d878f627138a040e82.bindTooltip(
604
- `<div>
605
- شركة الموجات العالية للخدمات اللوجستية
606
- </div>`,
607
- {
608
- "sticky": true,
609
- }
610
- );
611
-
612
-
613
- marker_503f7391788012d878f627138a040e82.setIcon(icon_01634c5639f067486bc34ce86810cbb3);
614
-
615
-
616
- var marker_ceafd5115fb13aa0066c97f6d18813fb = L.marker(
617
- [26.4395005752918, 50.1176424145446],
618
- {
619
- }
620
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
621
-
622
-
623
- var icon_e72e5c6fbe3733acf4c415396c004262 = L.AwesomeMarkers.icon(
624
- {
625
- "markerColor": "blue",
626
- "iconColor": "white",
627
- "icon": "info-sign",
628
- "prefix": "glyphicon",
629
- "extraClasses": "fa-rotate-0",
630
- }
631
- );
632
-
633
-
634
- var popup_c4447babad3c0d3345fb8d91202ac0c6 = L.popup({
635
- "maxWidth": 320,
636
- });
637
-
638
-
639
-
640
- var html_d6a0f698938cc2a06a5a2ad11d295e3a = $(`<div id="html_d6a0f698938cc2a06a5a2ad11d295e3a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة فهد بن عبدالرحمن بن فهد المعيويد للتخليص الجمركي</b><br> السجل التجاري: 2050067346<br> المنطقة: الدمام<br> الحارة: الربيع<br> <a href="https://www.google.com/maps?q=26.4395005752918,50.1176424145446" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
641
- popup_c4447babad3c0d3345fb8d91202ac0c6.setContent(html_d6a0f698938cc2a06a5a2ad11d295e3a);
642
-
643
-
644
-
645
- marker_ceafd5115fb13aa0066c97f6d18813fb.bindPopup(popup_c4447babad3c0d3345fb8d91202ac0c6)
646
- ;
647
-
648
-
649
-
650
-
651
- marker_ceafd5115fb13aa0066c97f6d18813fb.bindTooltip(
652
- `<div>
653
- شركة فهد بن عبدالرحمن بن فهد المعيويد للتخليص الجمركي
654
- </div>`,
655
- {
656
- "sticky": true,
657
- }
658
- );
659
-
660
-
661
- marker_ceafd5115fb13aa0066c97f6d18813fb.setIcon(icon_e72e5c6fbe3733acf4c415396c004262);
662
-
663
-
664
- var marker_09857947e723351f3400e77c5d3cb0e6 = L.marker(
665
- [26.4452825251068, 50.1082405478948],
666
- {
667
- }
668
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
669
-
670
-
671
- var icon_85e2962f28bfb5e3fb83b7c979b07227 = L.AwesomeMarkers.icon(
672
- {
673
- "markerColor": "lightgreen",
674
- "iconColor": "white",
675
- "icon": "info-sign",
676
- "prefix": "glyphicon",
677
- "extraClasses": "fa-rotate-0",
678
- }
679
- );
680
-
681
-
682
- var popup_bf2789ceb05fbc1312562437f1990aa5 = L.popup({
683
- "maxWidth": 320,
684
- });
685
-
686
-
687
-
688
- var html_fb7ee7c4208f660cfc9aa67230b8d95b = $(`<div id="html_fb7ee7c4208f660cfc9aa67230b8d95b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة البوابة الشرقية للخدمات اللوجستية</b><br> السجل التجاري: 2050108684<br> المنطقة: الدمام<br> الحارة: العمامرة<br> <a href="https://www.google.com/maps?q=26.4452825251068,50.1082405478948" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
689
- popup_bf2789ceb05fbc1312562437f1990aa5.setContent(html_fb7ee7c4208f660cfc9aa67230b8d95b);
690
-
691
-
692
-
693
- marker_09857947e723351f3400e77c5d3cb0e6.bindPopup(popup_bf2789ceb05fbc1312562437f1990aa5)
694
- ;
695
-
696
-
697
-
698
-
699
- marker_09857947e723351f3400e77c5d3cb0e6.bindTooltip(
700
- `<div>
701
- شركة البوابة الشرقية للخدمات اللوجستية
702
- </div>`,
703
- {
704
- "sticky": true,
705
- }
706
- );
707
-
708
-
709
- marker_09857947e723351f3400e77c5d3cb0e6.setIcon(icon_85e2962f28bfb5e3fb83b7c979b07227);
710
-
711
-
712
- var marker_410dfb310b8fc667c896dbdb4362b103 = L.marker(
713
- [26.4351309199999, 50.11738418],
714
- {
715
- }
716
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
717
-
718
-
719
- var icon_5f1f36ac29bad68398b70fcfbe654274 = L.AwesomeMarkers.icon(
720
- {
721
- "markerColor": "purple",
722
- "iconColor": "white",
723
- "icon": "info-sign",
724
- "prefix": "glyphicon",
725
- "extraClasses": "fa-rotate-0",
726
- }
727
- );
728
-
729
-
730
- var popup_7d6fb7a584f093c69577b4951098ae98 = L.popup({
731
- "maxWidth": 320,
732
- });
733
-
734
-
735
-
736
- var html_756004a78a7a27e58e76eb2c95c08414 = $(`<div id="html_756004a78a7a27e58e76eb2c95c08414" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم سفرة الخوص للأكلات الشعبية</b><br> السجل التجاري: 2050146335<br> المنطقة: الدمام<br> الحارة: الأمير محمد بن سعود<br> <a href="https://www.google.com/maps?q=26.4351309199999,50.11738418" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
737
- popup_7d6fb7a584f093c69577b4951098ae98.setContent(html_756004a78a7a27e58e76eb2c95c08414);
738
-
739
-
740
-
741
- marker_410dfb310b8fc667c896dbdb4362b103.bindPopup(popup_7d6fb7a584f093c69577b4951098ae98)
742
- ;
743
-
744
-
745
-
746
-
747
- marker_410dfb310b8fc667c896dbdb4362b103.bindTooltip(
748
- `<div>
749
- مطعم سفرة الخوص للأكلات الشعبية
750
- </div>`,
751
- {
752
- "sticky": true,
753
- }
754
- );
755
-
756
-
757
- marker_410dfb310b8fc667c896dbdb4362b103.setIcon(icon_5f1f36ac29bad68398b70fcfbe654274);
758
-
759
-
760
- var marker_9accacbe4cea951edb48b5d6fa6bdeae = L.marker(
761
- [26.4346119299999, 50.11638113],
762
- {
763
- }
764
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
765
-
766
-
767
- var icon_3071911a8077ceae602ffcb0de696119 = L.AwesomeMarkers.icon(
768
- {
769
- "markerColor": "purple",
770
- "iconColor": "white",
771
- "icon": "info-sign",
772
- "prefix": "glyphicon",
773
- "extraClasses": "fa-rotate-0",
774
- }
775
- );
776
-
777
-
778
- var popup_af89031e8e351d07402b98ec5c0f17cb = L.popup({
779
- "maxWidth": 320,
780
- });
781
-
782
-
783
-
784
- var html_987b030b47f51f9965fbf8dec3875b4c = $(`<div id="html_987b030b47f51f9965fbf8dec3875b4c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الخليج الاول للشحن البحري</b><br> السجل التجاري: 2050126732<br> المنطقة: الدمام<br> الحارة: الأمير محمد بن سعود<br> <a href="https://www.google.com/maps?q=26.4346119299999,50.11638113" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
785
- popup_af89031e8e351d07402b98ec5c0f17cb.setContent(html_987b030b47f51f9965fbf8dec3875b4c);
786
-
787
-
788
-
789
- marker_9accacbe4cea951edb48b5d6fa6bdeae.bindPopup(popup_af89031e8e351d07402b98ec5c0f17cb)
790
- ;
791
-
792
-
793
-
794
-
795
- marker_9accacbe4cea951edb48b5d6fa6bdeae.bindTooltip(
796
- `<div>
797
- شركة الخليج الاول للشحن البحري
798
- </div>`,
799
- {
800
- "sticky": true,
801
- }
802
- );
803
-
804
-
805
- marker_9accacbe4cea951edb48b5d6fa6bdeae.setIcon(icon_3071911a8077ceae602ffcb0de696119);
806
-
807
-
808
- var marker_5f06265063396f6cac65248bb581d7e7 = L.marker(
809
- [26.4853043289395, 50.1053396663105],
810
- {
811
- }
812
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
813
-
814
-
815
- var icon_3384e8f6cb63f91bb1f0cd4316898f71 = L.AwesomeMarkers.icon(
816
- {
817
- "markerColor": "cadetblue",
818
- "iconColor": "white",
819
- "icon": "info-sign",
820
- "prefix": "glyphicon",
821
- "extraClasses": "fa-rotate-0",
822
- }
823
- );
824
-
825
-
826
- var popup_6e7e19b1f7a252dc819519b93ba3e313 = L.popup({
827
- "maxWidth": 320,
828
- });
829
-
830
-
831
-
832
- var html_e467947aeb55c0205638be5dc1e3d024 = $(`<div id="html_e467947aeb55c0205638be5dc1e3d024" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة باخرة الأحلام للنقل البحري</b><br> السجل التجاري: 2050094370<br> المنطقة: الدمام<br> الحارة: الكورنيش<br> <a href="https://www.google.com/maps?q=26.4853043289395,50.1053396663105" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
833
- popup_6e7e19b1f7a252dc819519b93ba3e313.setContent(html_e467947aeb55c0205638be5dc1e3d024);
834
-
835
-
836
-
837
- marker_5f06265063396f6cac65248bb581d7e7.bindPopup(popup_6e7e19b1f7a252dc819519b93ba3e313)
838
- ;
839
-
840
-
841
-
842
-
843
- marker_5f06265063396f6cac65248bb581d7e7.bindTooltip(
844
- `<div>
845
- مؤسسة باخرة الأحلام للنقل البحري
846
- </div>`,
847
- {
848
- "sticky": true,
849
- }
850
- );
851
-
852
-
853
- marker_5f06265063396f6cac65248bb581d7e7.setIcon(icon_3384e8f6cb63f91bb1f0cd4316898f71);
854
-
855
-
856
- var marker_2f0c643d216cc7a233236f725a5b3e7d = L.marker(
857
- [26.4485373135114, 50.118097804601],
858
- {
859
- }
860
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
861
-
862
-
863
- var icon_2dc323f85648e0ee2d236012b60c4d9e = L.AwesomeMarkers.icon(
864
- {
865
- "markerColor": "red",
866
- "iconColor": "white",
867
- "icon": "info-sign",
868
- "prefix": "glyphicon",
869
- "extraClasses": "fa-rotate-0",
870
- }
871
- );
872
-
873
-
874
- var popup_bfe88db31efc8c3f1ba8ba44c9f3357d = L.popup({
875
- "maxWidth": 320,
876
- });
877
-
878
-
879
-
880
- var html_96db46eabff33c9fb03b25e7f46452d7 = $(`<div id="html_96db46eabff33c9fb03b25e7f46452d7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة رواد الاعمال للتخليص الجمركي</b><br> السجل التجاري: 2050128522<br> المنطقة: الدمام<br> الحارة: البديع<br> <a href="https://www.google.com/maps?q=26.4485373135114,50.118097804601" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
881
- popup_bfe88db31efc8c3f1ba8ba44c9f3357d.setContent(html_96db46eabff33c9fb03b25e7f46452d7);
882
-
883
-
884
-
885
- marker_2f0c643d216cc7a233236f725a5b3e7d.bindPopup(popup_bfe88db31efc8c3f1ba8ba44c9f3357d)
886
- ;
887
-
888
-
889
-
890
-
891
- marker_2f0c643d216cc7a233236f725a5b3e7d.bindTooltip(
892
- `<div>
893
- مؤسسة رواد الاعمال للتخليص الجمركي
894
- </div>`,
895
- {
896
- "sticky": true,
897
- }
898
- );
899
-
900
-
901
- marker_2f0c643d216cc7a233236f725a5b3e7d.setIcon(icon_2dc323f85648e0ee2d236012b60c4d9e);
902
-
903
-
904
- var marker_2faddd745af462e206e1bd221edc85a1 = L.marker(
905
- [26.377932, 50.12185507],
906
- {
907
- }
908
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
909
-
910
-
911
- var icon_bdb70f44c40dc6d475f66c4224dddd4a = L.AwesomeMarkers.icon(
912
- {
913
- "markerColor": "green",
914
- "iconColor": "white",
915
- "icon": "info-sign",
916
- "prefix": "glyphicon",
917
- "extraClasses": "fa-rotate-0",
918
- }
919
- );
920
-
921
-
922
- var popup_7363487339e57797012650bbf6cbad92 = L.popup({
923
- "maxWidth": 320,
924
- });
925
-
926
-
927
-
928
- var html_83f71568f0967fa6d9a4386e1a6ffd77 = $(`<div id="html_83f71568f0967fa6d9a4386e1a6ffd77" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة خالد سعيد فهيد الهاجري وشركاؤه</b><br> السجل التجاري: 2050160593<br> المنطقة: الدمام<br> الحارة: الفردوس<br> <a href="https://www.google.com/maps?q=26.377932,50.12185507" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
929
- popup_7363487339e57797012650bbf6cbad92.setContent(html_83f71568f0967fa6d9a4386e1a6ffd77);
930
-
931
-
932
-
933
- marker_2faddd745af462e206e1bd221edc85a1.bindPopup(popup_7363487339e57797012650bbf6cbad92)
934
- ;
935
-
936
-
937
-
938
-
939
- marker_2faddd745af462e206e1bd221edc85a1.bindTooltip(
940
- `<div>
941
- شركة خالد سعيد فهيد الهاجري وشركاؤه
942
- </div>`,
943
- {
944
- "sticky": true,
945
- }
946
- );
947
-
948
-
949
- marker_2faddd745af462e206e1bd221edc85a1.setIcon(icon_bdb70f44c40dc6d475f66c4224dddd4a);
950
-
951
-
952
- map_9961ea68674b884e08427cb8c56077ce.fitBounds(
953
- [[26.3869905799999, 50.1047533899999], [26.38833571, 50.10468762], [26.44049319, 50.11424223], [26.4395005752918, 50.1176424145446], [26.4452825251068, 50.1082405478948], [26.4351309199999, 50.11738418], [26.4346119299999, 50.11638113], [26.4853043289395, 50.1053396663105], [26.4485373135114, 50.118097804601], [26.377932, 50.12185507]],
954
- {"padding": [30, 30]}
955
- );
956
-
957
-
958
- var layer_control_85c60a5afbb405a074beb974ee52b2ac_layers = {
959
- base_layers : {
960
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_c6fe75d9807aa523f01101ac7b25d113,
961
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_c49112efaa0435bd06e450aaba5ffa51,
962
- },
963
- overlays : {
964
- },
965
- };
966
- let layer_control_85c60a5afbb405a074beb974ee52b2ac = L.control.layers(
967
- layer_control_85c60a5afbb405a074beb974ee52b2ac_layers.base_layers,
968
- layer_control_85c60a5afbb405a074beb974ee52b2ac_layers.overlays,
969
- {
970
- "position": "topright",
971
- "collapsed": false,
972
- "autoZIndex": true,
973
- }
974
- ).addTo(map_9961ea68674b884e08427cb8c56077ce);
975
-
976
-
977
- </script>
978
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/13.html DELETED
@@ -1,1002 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_51b572cf870669e8769d0cfadfc11947 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">لطيفه علي بن حسين النعيم - 13</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 11<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>المزروعية</b>: 6 | <b>الشاطئ الشرقي</b>: 4 | <b>الشاطئ الغربي</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المزروعية</span>
149
- <span style="font-size:12px;color:#666;">(6)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الشاطئ الشرقي</span>
155
- <span style="font-size:12px;color:#666;">(4)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الشاطئ الغربي</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_51b572cf870669e8769d0cfadfc11947;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مكتب حصافة للاستشارات والابحاث", "lat": 26.4785487999999, "lon": 50.1204798799999, "markerVar": "marker_50bfb006ccbbe7e2e87521edb46698d8"}, {"title": "مؤسسة الشبكة الشخصيه لتقنيه المعلومات", "lat": 26.4352256912552, "lon": 50.1272900393838, "markerVar": "marker_f3546825d20fc26ccd1bfc62e6e2b3c6"}, {"title": "مؤسسة علي سعيد بن جاسم آل عباس للتخليص الجمركي", "lat": 26.4358240497684, "lon": 50.130367873429, "markerVar": "marker_9ba9606128be333ae441d0189dd5415d"}, {"title": "مكتب محمد عبدالرحمن بن حسين بوسبيت للخدمات العقارية", "lat": 26.4336726199999, "lon": 50.1295934899999, "markerVar": "marker_692ddebe91fa87dbabad7134ac9a32b5"}, {"title": "شركة بلس للمسانده المحدودة", "lat": 26.45150298, "lon": 50.1279932699999, "markerVar": "marker_6891db09ca86a04d4bb235e7c5cce512"}, {"title": "مؤسسة أحمد خالد عبدالله الدخيل للتخليص الجمركي", "lat": 26.44269918, "lon": 50.1295809499999, "markerVar": "marker_daf0338dcc639e428d2c1d984ca97c97"}, {"title": "شركة بلال المحدودة", "lat": 26.4465061699999, "lon": 50.1182524099999, "markerVar": "marker_0c7a60b901891b1a6d4e85a9d35c6d96"}, {"title": "شقق تسكين الخليجية للشقق المخدومة", "lat": 26.45335262, "lon": 50.1307888799999, "markerVar": "marker_88561694fc11219f59f52038325e136f"}, {"title": "شركة مخاطر للتدريب", "lat": 26.4927081999999, "lon": 50.1298245799999, "markerVar": "marker_741a3fb142d5ceb019068edd5256c469"}, {"title": "مدرسة الخليج ا��ازرق العالميه الأهلية", "lat": 26.4817337399999, "lon": 50.1289334499999, "markerVar": "marker_8c09b1c8ae6e9683bbc3b7374713366f"}, {"title": "شقق حدائق الخليج للشقق المخدومة", "lat": 26.45456918, "lon": 50.1244246899999, "markerVar": "marker_cbe1e1dc838315013c8cbee008b38b2b"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_51b572cf870669e8769d0cfadfc11947" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_51b572cf870669e8769d0cfadfc11947 = L.map(
384
- "map_51b572cf870669e8769d0cfadfc11947",
385
- {
386
- center: [26.45512211191119, 50.12704813752835],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_51b572cf870669e8769d0cfadfc11947);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_fd2f71479d940b02e1ad78f7a142483d = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_fd2f71479d940b02e1ad78f7a142483d.addTo(map_51b572cf870669e8769d0cfadfc11947);
420
-
421
-
422
- var tile_layer_60d52a312401f5caee9eb9e8755a7d92 = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_60d52a312401f5caee9eb9e8755a7d92.addTo(map_51b572cf870669e8769d0cfadfc11947);
440
-
441
-
442
- var locate_control_9856b8d5404045da7054449bb20ce049 = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
445
-
446
-
447
-
448
- var marker_50bfb006ccbbe7e2e87521edb46698d8 = L.marker(
449
- [26.4785487999999, 50.1204798799999],
450
- {
451
- }
452
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
453
-
454
-
455
- var icon_0c7ac9ea73024e4764ee72ffa00f0a77 = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "orange",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_9b05c025ca78dc8acd76d0622ca33605 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_e45e05cace3fa3c11de34b126d1067aa = $(`<div id="html_e45e05cace3fa3c11de34b126d1067aa" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب حصافة للاستشارات والابحاث</b><br> السجل التجاري: 2050133078<br> المنطقة: الدمام<br> الحارة: الشاطئ الغربي<br> <a href="https://www.google.com/maps?q=26.4785487999999,50.1204798799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_9b05c025ca78dc8acd76d0622ca33605.setContent(html_e45e05cace3fa3c11de34b126d1067aa);
474
-
475
-
476
-
477
- marker_50bfb006ccbbe7e2e87521edb46698d8.bindPopup(popup_9b05c025ca78dc8acd76d0622ca33605)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_50bfb006ccbbe7e2e87521edb46698d8.bindTooltip(
484
- `<div>
485
- مكتب حصافة للاستشارات والابحاث
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_50bfb006ccbbe7e2e87521edb46698d8.setIcon(icon_0c7ac9ea73024e4764ee72ffa00f0a77);
494
-
495
-
496
- var marker_f3546825d20fc26ccd1bfc62e6e2b3c6 = L.marker(
497
- [26.4352256912552, 50.1272900393838],
498
- {
499
- }
500
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
501
-
502
-
503
- var icon_4b170ae4a5103190b2ff396bc349679a = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "pink",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_ab8e6fdb0f9bbe06162a4f6e6c2c4dd5 = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_13a87a4f02cb0e67d626da37616a78d2 = $(`<div id="html_13a87a4f02cb0e67d626da37616a78d2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الشبكة الشخصيه لتقنيه المعلومات</b><br> السجل التجاري: 2050239695<br> المنطقة: الدمام<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=26.4352256912552,50.1272900393838" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_ab8e6fdb0f9bbe06162a4f6e6c2c4dd5.setContent(html_13a87a4f02cb0e67d626da37616a78d2);
522
-
523
-
524
-
525
- marker_f3546825d20fc26ccd1bfc62e6e2b3c6.bindPopup(popup_ab8e6fdb0f9bbe06162a4f6e6c2c4dd5)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_f3546825d20fc26ccd1bfc62e6e2b3c6.bindTooltip(
532
- `<div>
533
- مؤسس�� الشبكة الشخصيه لتقنيه المعلومات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_f3546825d20fc26ccd1bfc62e6e2b3c6.setIcon(icon_4b170ae4a5103190b2ff396bc349679a);
542
-
543
-
544
- var marker_9ba9606128be333ae441d0189dd5415d = L.marker(
545
- [26.4358240497684, 50.130367873429],
546
- {
547
- }
548
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
549
-
550
-
551
- var icon_11db388d3beb614fb743990a4d5d9617 = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "pink",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_31a03752245194c26d61e12c360c939c = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_5e3c84eaef2aa517d207f50bf185681e = $(`<div id="html_5e3c84eaef2aa517d207f50bf185681e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة علي سعيد بن جاسم آل عباس للتخليص الجمركي</b><br> السجل التجاري: 2050138056<br> المنطقة: الدمام<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=26.4358240497684,50.130367873429" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_31a03752245194c26d61e12c360c939c.setContent(html_5e3c84eaef2aa517d207f50bf185681e);
570
-
571
-
572
-
573
- marker_9ba9606128be333ae441d0189dd5415d.bindPopup(popup_31a03752245194c26d61e12c360c939c)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_9ba9606128be333ae441d0189dd5415d.bindTooltip(
580
- `<div>
581
- مؤسسة علي سعيد بن جاسم آل عباس للتخليص الجمركي
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_9ba9606128be333ae441d0189dd5415d.setIcon(icon_11db388d3beb614fb743990a4d5d9617);
590
-
591
-
592
- var marker_692ddebe91fa87dbabad7134ac9a32b5 = L.marker(
593
- [26.4336726199999, 50.1295934899999],
594
- {
595
- }
596
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
597
-
598
-
599
- var icon_ef8d219fd513f504ba0ca5ab9cf8844e = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "pink",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_4cfe59c20abe5488ccbd53a8f7015c95 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_6b66944770bca8dd7510f4ee0943d7c0 = $(`<div id="html_6b66944770bca8dd7510f4ee0943d7c0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب محمد عبدالرحمن بن حسين بوسبيت للخدمات العقارية</b><br> السجل التجاري: 2050122165<br> المنطقة: الدمام<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=26.4336726199999,50.1295934899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_4cfe59c20abe5488ccbd53a8f7015c95.setContent(html_6b66944770bca8dd7510f4ee0943d7c0);
618
-
619
-
620
-
621
- marker_692ddebe91fa87dbabad7134ac9a32b5.bindPopup(popup_4cfe59c20abe5488ccbd53a8f7015c95)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_692ddebe91fa87dbabad7134ac9a32b5.bindTooltip(
628
- `<div>
629
- مكتب محمد عبدالرحمن بن حسين بوسبيت للخدمات العقارية
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_692ddebe91fa87dbabad7134ac9a32b5.setIcon(icon_ef8d219fd513f504ba0ca5ab9cf8844e);
638
-
639
-
640
- var marker_6891db09ca86a04d4bb235e7c5cce512 = L.marker(
641
- [26.45150298, 50.1279932699999],
642
- {
643
- }
644
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
645
-
646
-
647
- var icon_81bc5664f44943e8fe30ce88a4a2be5f = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "pink",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_5c1efe33c2b589c40a7920eccc272b37 = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_d2a06fa2214b3e347171baf855d651fc = $(`<div id="html_d2a06fa2214b3e347171baf855d651fc" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة بلس للمسانده المحدودة</b><br> السجل التجاري: 2050117290<br> المنطقة: الدمام<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=26.45150298,50.1279932699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_5c1efe33c2b589c40a7920eccc272b37.setContent(html_d2a06fa2214b3e347171baf855d651fc);
666
-
667
-
668
-
669
- marker_6891db09ca86a04d4bb235e7c5cce512.bindPopup(popup_5c1efe33c2b589c40a7920eccc272b37)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_6891db09ca86a04d4bb235e7c5cce512.bindTooltip(
676
- `<div>
677
- شركة بلس للمسانده المحدودة
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_6891db09ca86a04d4bb235e7c5cce512.setIcon(icon_81bc5664f44943e8fe30ce88a4a2be5f);
686
-
687
-
688
- var marker_daf0338dcc639e428d2c1d984ca97c97 = L.marker(
689
- [26.44269918, 50.1295809499999],
690
- {
691
- }
692
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
693
-
694
-
695
- var icon_837b5ec9ee48e8ccf4774374ad4bbbb4 = L.AwesomeMarkers.icon(
696
- {
697
- "markerColor": "pink",
698
- "iconColor": "white",
699
- "icon": "info-sign",
700
- "prefix": "glyphicon",
701
- "extraClasses": "fa-rotate-0",
702
- }
703
- );
704
-
705
-
706
- var popup_0776fa2b0b13a6244c31961c9423ee46 = L.popup({
707
- "maxWidth": 320,
708
- });
709
-
710
-
711
-
712
- var html_eebcb16e3c267607cf8a88a0bbce2f85 = $(`<div id="html_eebcb16e3c267607cf8a88a0bbce2f85" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة أحمد خالد عبدالله الدخيل للتخليص الجمركي</b><br> السجل التجاري: 2050116325<br> المنطقة: الدمام<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=26.44269918,50.1295809499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
713
- popup_0776fa2b0b13a6244c31961c9423ee46.setContent(html_eebcb16e3c267607cf8a88a0bbce2f85);
714
-
715
-
716
-
717
- marker_daf0338dcc639e428d2c1d984ca97c97.bindPopup(popup_0776fa2b0b13a6244c31961c9423ee46)
718
- ;
719
-
720
-
721
-
722
-
723
- marker_daf0338dcc639e428d2c1d984ca97c97.bindTooltip(
724
- `<div>
725
- مؤسسة أحمد خالد عبدالله الدخيل للتخليص الجمركي
726
- </div>`,
727
- {
728
- "sticky": true,
729
- }
730
- );
731
-
732
-
733
- marker_daf0338dcc639e428d2c1d984ca97c97.setIcon(icon_837b5ec9ee48e8ccf4774374ad4bbbb4);
734
-
735
-
736
- var marker_0c7a60b901891b1a6d4e85a9d35c6d96 = L.marker(
737
- [26.4465061699999, 50.1182524099999],
738
- {
739
- }
740
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
741
-
742
-
743
- var icon_644ff479479f3acc8825bfbe0c1ce508 = L.AwesomeMarkers.icon(
744
- {
745
- "markerColor": "pink",
746
- "iconColor": "white",
747
- "icon": "info-sign",
748
- "prefix": "glyphicon",
749
- "extraClasses": "fa-rotate-0",
750
- }
751
- );
752
-
753
-
754
- var popup_94313c73d4eef21789ae4eedef2c561b = L.popup({
755
- "maxWidth": 320,
756
- });
757
-
758
-
759
-
760
- var html_06ade0d671da266126035532875927b8 = $(`<div id="html_06ade0d671da266126035532875927b8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة بلال المحدودة</b><br> السجل التجاري: 2050005864<br> المنطقة: الدمام<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=26.4465061699999,50.1182524099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
761
- popup_94313c73d4eef21789ae4eedef2c561b.setContent(html_06ade0d671da266126035532875927b8);
762
-
763
-
764
-
765
- marker_0c7a60b901891b1a6d4e85a9d35c6d96.bindPopup(popup_94313c73d4eef21789ae4eedef2c561b)
766
- ;
767
-
768
-
769
-
770
-
771
- marker_0c7a60b901891b1a6d4e85a9d35c6d96.bindTooltip(
772
- `<div>
773
- شركة بلال المحدودة
774
- </div>`,
775
- {
776
- "sticky": true,
777
- }
778
- );
779
-
780
-
781
- marker_0c7a60b901891b1a6d4e85a9d35c6d96.setIcon(icon_644ff479479f3acc8825bfbe0c1ce508);
782
-
783
-
784
- var marker_88561694fc11219f59f52038325e136f = L.marker(
785
- [26.45335262, 50.1307888799999],
786
- {
787
- }
788
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
789
-
790
-
791
- var icon_ec0c7e60e00e93d67b427f1f17440ef6 = L.AwesomeMarkers.icon(
792
- {
793
- "markerColor": "cadetblue",
794
- "iconColor": "white",
795
- "icon": "info-sign",
796
- "prefix": "glyphicon",
797
- "extraClasses": "fa-rotate-0",
798
- }
799
- );
800
-
801
-
802
- var popup_2091fb70a899fe36946a3aac1b2d1a93 = L.popup({
803
- "maxWidth": 320,
804
- });
805
-
806
-
807
-
808
- var html_49d9c6a87f9393b724f0823297b8c091 = $(`<div id="html_49d9c6a87f9393b724f0823297b8c091" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق تسكين الخليجية للشقق المخدومة</b><br> السجل التجاري: 2051051246<br> المنطقة: الدمام<br> الحارة: الشاطئ الشرقي<br> <a href="https://www.google.com/maps?q=26.45335262,50.1307888799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
809
- popup_2091fb70a899fe36946a3aac1b2d1a93.setContent(html_49d9c6a87f9393b724f0823297b8c091);
810
-
811
-
812
-
813
- marker_88561694fc11219f59f52038325e136f.bindPopup(popup_2091fb70a899fe36946a3aac1b2d1a93)
814
- ;
815
-
816
-
817
-
818
-
819
- marker_88561694fc11219f59f52038325e136f.bindTooltip(
820
- `<div>
821
- شقق تسكين الخليجية للشقق المخدومة
822
- </div>`,
823
- {
824
- "sticky": true,
825
- }
826
- );
827
-
828
-
829
- marker_88561694fc11219f59f52038325e136f.setIcon(icon_ec0c7e60e00e93d67b427f1f17440ef6);
830
-
831
-
832
- var marker_741a3fb142d5ceb019068edd5256c469 = L.marker(
833
- [26.4927081999999, 50.1298245799999],
834
- {
835
- }
836
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
837
-
838
-
839
- var icon_0ec06091c88fb83b1f2e04cee50c0d72 = L.AwesomeMarkers.icon(
840
- {
841
- "markerColor": "cadetblue",
842
- "iconColor": "white",
843
- "icon": "info-sign",
844
- "prefix": "glyphicon",
845
- "extraClasses": "fa-rotate-0",
846
- }
847
- );
848
-
849
-
850
- var popup_ccdbbb0901c3bcd0e487d429e7f31242 = L.popup({
851
- "maxWidth": 320,
852
- });
853
-
854
-
855
-
856
- var html_84522ca26d2c9afbc29f3e0ff320026f = $(`<div id="html_84522ca26d2c9afbc29f3e0ff320026f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة مخاطر للتدريب</b><br> السجل التجاري: 2050125303<br> المنطقة: الدمام<br> الحارة: الشاطئ الشرقي<br> <a href="https://www.google.com/maps?q=26.4927081999999,50.1298245799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
857
- popup_ccdbbb0901c3bcd0e487d429e7f31242.setContent(html_84522ca26d2c9afbc29f3e0ff320026f);
858
-
859
-
860
-
861
- marker_741a3fb142d5ceb019068edd5256c469.bindPopup(popup_ccdbbb0901c3bcd0e487d429e7f31242)
862
- ;
863
-
864
-
865
-
866
-
867
- marker_741a3fb142d5ceb019068edd5256c469.bindTooltip(
868
- `<div>
869
- شركة مخاطر للتدريب
870
- </div>`,
871
- {
872
- "sticky": true,
873
- }
874
- );
875
-
876
-
877
- marker_741a3fb142d5ceb019068edd5256c469.setIcon(icon_0ec06091c88fb83b1f2e04cee50c0d72);
878
-
879
-
880
- var marker_8c09b1c8ae6e9683bbc3b7374713366f = L.marker(
881
- [26.4817337399999, 50.1289334499999],
882
- {
883
- }
884
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
885
-
886
-
887
- var icon_f5d613209a027fb569bc525b76aecd2d = L.AwesomeMarkers.icon(
888
- {
889
- "markerColor": "cadetblue",
890
- "iconColor": "white",
891
- "icon": "info-sign",
892
- "prefix": "glyphicon",
893
- "extraClasses": "fa-rotate-0",
894
- }
895
- );
896
-
897
-
898
- var popup_fe3a26c9f6ac6164547dd2515e55bf8c = L.popup({
899
- "maxWidth": 320,
900
- });
901
-
902
-
903
-
904
- var html_3be20af6a6e47f9dae38cc409ac560c1 = $(`<div id="html_3be20af6a6e47f9dae38cc409ac560c1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدرسة الخليج الازرق العالميه الأهلية</b><br> السجل التجاري: 2050081106<br> المنطقة: الدمام<br> الحارة: الشاطئ الشرقي<br> <a href="https://www.google.com/maps?q=26.4817337399999,50.1289334499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
905
- popup_fe3a26c9f6ac6164547dd2515e55bf8c.setContent(html_3be20af6a6e47f9dae38cc409ac560c1);
906
-
907
-
908
-
909
- marker_8c09b1c8ae6e9683bbc3b7374713366f.bindPopup(popup_fe3a26c9f6ac6164547dd2515e55bf8c)
910
- ;
911
-
912
-
913
-
914
-
915
- marker_8c09b1c8ae6e9683bbc3b7374713366f.bindTooltip(
916
- `<div>
917
- مدرسة الخليج الازرق العالميه الأهلية
918
- </div>`,
919
- {
920
- "sticky": true,
921
- }
922
- );
923
-
924
-
925
- marker_8c09b1c8ae6e9683bbc3b7374713366f.setIcon(icon_f5d613209a027fb569bc525b76aecd2d);
926
-
927
-
928
- var marker_cbe1e1dc838315013c8cbee008b38b2b = L.marker(
929
- [26.45456918, 50.1244246899999],
930
- {
931
- }
932
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
933
-
934
-
935
- var icon_b283e3e8ed559452629ca78b12c20023 = L.AwesomeMarkers.icon(
936
- {
937
- "markerColor": "cadetblue",
938
- "iconColor": "white",
939
- "icon": "info-sign",
940
- "prefix": "glyphicon",
941
- "extraClasses": "fa-rotate-0",
942
- }
943
- );
944
-
945
-
946
- var popup_615f8e7d5d5700be4cdbc6c6a407cf47 = L.popup({
947
- "maxWidth": 320,
948
- });
949
-
950
-
951
-
952
- var html_4c0325c6f9cf5c61f87b4b87d7db1f70 = $(`<div id="html_4c0325c6f9cf5c61f87b4b87d7db1f70" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق حدائق الخليج للشقق المخدومة</b><br> السجل التجاري: 2050057548<br> المنطقة: الدمام<br> الحارة: الشاطئ الشرقي<br> <a href="https://www.google.com/maps?q=26.45456918,50.1244246899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
953
- popup_615f8e7d5d5700be4cdbc6c6a407cf47.setContent(html_4c0325c6f9cf5c61f87b4b87d7db1f70);
954
-
955
-
956
-
957
- marker_cbe1e1dc838315013c8cbee008b38b2b.bindPopup(popup_615f8e7d5d5700be4cdbc6c6a407cf47)
958
- ;
959
-
960
-
961
-
962
-
963
- marker_cbe1e1dc838315013c8cbee008b38b2b.bindTooltip(
964
- `<div>
965
- شقق حدائق الخليج للشقق المخدومة
966
- </div>`,
967
- {
968
- "sticky": true,
969
- }
970
- );
971
-
972
-
973
- marker_cbe1e1dc838315013c8cbee008b38b2b.setIcon(icon_b283e3e8ed559452629ca78b12c20023);
974
-
975
-
976
- map_51b572cf870669e8769d0cfadfc11947.fitBounds(
977
- [[26.4785487999999, 50.1204798799999], [26.4352256912552, 50.1272900393838], [26.4358240497684, 50.130367873429], [26.4336726199999, 50.1295934899999], [26.45150298, 50.1279932699999], [26.44269918, 50.1295809499999], [26.4465061699999, 50.1182524099999], [26.45335262, 50.1307888799999], [26.4927081999999, 50.1298245799999], [26.4817337399999, 50.1289334499999], [26.45456918, 50.1244246899999]],
978
- {"padding": [30, 30]}
979
- );
980
-
981
-
982
- var layer_control_1eba990a0f3198be23f50f62ac21bb87_layers = {
983
- base_layers : {
984
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_fd2f71479d940b02e1ad78f7a142483d,
985
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_60d52a312401f5caee9eb9e8755a7d92,
986
- },
987
- overlays : {
988
- },
989
- };
990
- let layer_control_1eba990a0f3198be23f50f62ac21bb87 = L.control.layers(
991
- layer_control_1eba990a0f3198be23f50f62ac21bb87_layers.base_layers,
992
- layer_control_1eba990a0f3198be23f50f62ac21bb87_layers.overlays,
993
- {
994
- "position": "topright",
995
- "collapsed": false,
996
- "autoZIndex": true,
997
- }
998
- ).addTo(map_51b572cf870669e8769d0cfadfc11947);
999
-
1000
-
1001
- </script>
1002
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/14.html DELETED
@@ -1,654 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_f3b0dc65c84dc68c40767fa429bd1f9c {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">ساره خالد سليمان المحيسن - 14</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 4<br>
139
- <b>عدد الحارات:</b> 1<br>
140
- <b>الأكثر:</b> <b>الطبيشي</b>: 4
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الطبيشي</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
-
156
- <script>
157
- (function(){
158
- const box = document.getElementById('statsBox');
159
- const fab = document.getElementById('statsFab');
160
- const hide = document.getElementById('hideStats');
161
-
162
- hide.addEventListener('click', function(){
163
- box.style.display = 'none';
164
- fab.style.display = 'block';
165
- });
166
-
167
- fab.addEventListener('click', function(){
168
- box.style.display = 'block';
169
- fab.style.display = 'none';
170
- });
171
- })();
172
- </script>
173
-
174
-
175
- <style>
176
- .leaflet-control.est-search-control {
177
- background: rgba(255,255,255,0.92);
178
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
179
- border-radius: 14px;
180
- padding: 10px 10px;
181
- width: 320px;
182
- direction: rtl;
183
- font-family: Arial, sans-serif;
184
- }
185
- .est-search-control input {
186
- width: 100%;
187
- border: 1px solid rgba(0,0,0,0.15);
188
- border-radius: 10px;
189
- padding: 10px 12px;
190
- font-size: 13px;
191
- outline: none;
192
- }
193
- .est-search-meta {
194
- margin-top: 6px;
195
- font-size: 12px;
196
- color: #666;
197
- display:flex;
198
- justify-content:space-between;
199
- gap:8px;
200
- }
201
- .est-results {
202
- margin-top: 8px;
203
- max-height: 180px;
204
- overflow: auto;
205
- border-top: 1px solid rgba(0,0,0,0.08);
206
- padding-top: 6px;
207
- }
208
- .est-item {
209
- cursor: pointer;
210
- padding: 8px 10px;
211
- border-radius: 10px;
212
- font-size: 13px;
213
- line-height: 1.4;
214
- }
215
- .est-item:hover {
216
- background: rgba(0,0,0,0.06);
217
- }
218
- .est-badge {
219
- font-size: 12px;
220
- color: #333;
221
- }
222
- .est-clear {
223
- cursor:pointer;
224
- user-select:none;
225
- font-size:12px;
226
- color:#0b6efd;
227
- }
228
- </style>
229
-
230
- <script>
231
- (function(){
232
- const map = map_f3b0dc65c84dc68c40767fa429bd1f9c;
233
- // items: list of objects (title, lat, lon, markerVar)
234
- const items = [{"title": "شركة ابداع وطن المحدودة شركة شخص واحد", "lat": 26.43398771, "lon": 50.12102352, "markerVar": "marker_7af0ca14e1bf63a7fdf87bc21dcd1109"}, {"title": "شركة قلعة الامداد للشحن", "lat": 26.43648698, "lon": 50.12453296, "markerVar": "marker_34a3bd98cd1aa84f735447947046b00b"}, {"title": "مؤسسة البراق الامثل للنقل البري", "lat": 26.4387347599999, "lon": 50.11904365, "markerVar": "marker_a20d98781693c91ced832da10725afbd"}, {"title": "مؤسسة علي عبدالله الابيض للتخليص الجمركي", "lat": 26.4348158375008, "lon": 50.1267245699447, "markerVar": "marker_128ea20b9db20d95c4e3267f6addd7c9"}];
235
-
236
- function norm(s){
237
- if(!s) return "";
238
- s = (""+s).toLowerCase();
239
-
240
- // إزالة التشكيل
241
- s = s.replace(/[\u064B-\u065F]/g, "");
242
- // تطبيع عربي
243
- s = s.replace(/[إأآا]/g, "ا")
244
- .replace(/ى/g, "ي")
245
- .replace(/ة/g, "ه")
246
- .replace(/ؤ/g, "و")
247
- .replace(/ئ/g, "ي")
248
- .replace(/ـ/g, "");
249
- // مسافات
250
- s = s.replace(/\s+/g, " ").trim();
251
- return s;
252
- }
253
-
254
- const SearchControl = L.Control.extend({
255
- options: { position: 'bottomleft' },
256
- onAdd: function(){
257
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
258
- div.innerHTML = `
259
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
260
- <div class="est-search-meta">
261
- <span id="estCount" class="est-badge"></span>
262
- <span id="estClear" class="est-clear">مسح</span>
263
- </div>
264
- <div id="estResults" class="est-results"></div>
265
- `;
266
- L.DomEvent.disableClickPropagation(div);
267
- L.DomEvent.disableScrollPropagation(div);
268
- return div;
269
- }
270
- });
271
-
272
- map.addControl(new SearchControl());
273
-
274
- function renderResults(hits){
275
- const results = document.getElementById('estResults');
276
- const count = document.getElementById('estCount');
277
- results.innerHTML = "";
278
-
279
- if(!hits.length){
280
- count.textContent = "لا توجد نتائج";
281
- return;
282
- }
283
-
284
- count.textContent = "النتائج: " + hits.length;
285
-
286
- for(const h of hits.slice(0, 50)){
287
- const el = document.createElement('div');
288
- el.className = 'est-item';
289
- el.textContent = h.title;
290
- el.onclick = function(){
291
- try {
292
- const mv = window[h.markerVar];
293
- if(mv && mv.getLatLng){
294
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
295
- if(mv.openPopup) mv.openPopup();
296
- } else {
297
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
298
- }
299
- } catch(e) {}
300
- };
301
- results.appendChild(el);
302
- }
303
- }
304
-
305
- function search(q){
306
- const nq = norm(q);
307
- if(!nq) return [];
308
- const hits = [];
309
- for(const it of items){
310
- if(norm(it.title).includes(nq)) hits.push(it);
311
- }
312
- return hits;
313
- }
314
-
315
- setTimeout(function(){
316
- const input = document.getElementById('estQ');
317
- const clearBtn = document.getElementById('estClear');
318
-
319
- input.addEventListener('input', function(){
320
- renderResults(search(this.value));
321
- });
322
-
323
- input.addEventListener('keydown', function(e){
324
- if(e.key === 'Enter'){
325
- const hits = search(this.value);
326
- renderResults(hits);
327
- if(hits.length){
328
- try {
329
- const mv = window[hits[0].markerVar];
330
- if(mv && mv.getLatLng){
331
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
332
- if(mv.openPopup) mv.openPopup();
333
- }
334
- } catch(e) {}
335
- }
336
- }
337
- });
338
-
339
- clearBtn.addEventListener('click', function(){
340
- input.value = "";
341
- document.getElementById('estResults').innerHTML = "";
342
- document.getElementById('estCount').textContent = "";
343
- });
344
- }, 0);
345
- })();
346
- </script>
347
-
348
-
349
- <div style="
350
- position: fixed;
351
- bottom: 8px; left: 8px;
352
- background: rgba(255,255,255,0.85);
353
- padding: 6px 10px;
354
- border-radius: 10px;
355
- font-size: 13px;
356
- direction: rtl;
357
- z-index: 9999;
358
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
359
- font-family: Arial, sans-serif;
360
- ">
361
- تصميم وإعداد <b>نوف الناصر</b>
362
- </div>
363
-
364
-
365
- <div class="folium-map" id="map_f3b0dc65c84dc68c40767fa429bd1f9c" ></div>
366
-
367
- </body>
368
- <script>
369
-
370
-
371
- var map_f3b0dc65c84dc68c40767fa429bd1f9c = L.map(
372
- "map_f3b0dc65c84dc68c40767fa429bd1f9c",
373
- {
374
- center: [26.436006321875176, 50.122831174986175],
375
- crs: L.CRS.EPSG3857,
376
- ...{
377
- "zoom": 13,
378
- "zoomControl": true,
379
- "preferCanvas": false,
380
- }
381
-
382
- }
383
- );
384
- L.control.scale().addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
385
-
386
-
387
-
388
-
389
-
390
- var tile_layer_ece8a8b2bb32f39d459943efcdf31d1c = L.tileLayer(
391
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
392
- {
393
- "minZoom": 0,
394
- "maxZoom": 19,
395
- "maxNativeZoom": 19,
396
- "noWrap": false,
397
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
398
- "subdomains": "abc",
399
- "detectRetina": false,
400
- "tms": false,
401
- "opacity": 1,
402
- }
403
-
404
- );
405
-
406
-
407
- tile_layer_ece8a8b2bb32f39d459943efcdf31d1c.addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
408
-
409
-
410
- var tile_layer_cdc26a767c2244269084603a3bafb007 = L.tileLayer(
411
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
412
- {
413
- "minZoom": 0,
414
- "maxZoom": 18,
415
- "maxNativeZoom": 18,
416
- "noWrap": false,
417
- "attribution": "\u0026copy; Esri",
418
- "subdomains": "abc",
419
- "detectRetina": false,
420
- "tms": false,
421
- "opacity": 1,
422
- }
423
-
424
- );
425
-
426
-
427
- tile_layer_cdc26a767c2244269084603a3bafb007.addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
428
-
429
-
430
- var locate_control_a1322d8653fd461caa7c9e23d6c74b8b = L.control.locate(
431
- {"flyTo": true}
432
- ).addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
433
-
434
-
435
-
436
- var marker_7af0ca14e1bf63a7fdf87bc21dcd1109 = L.marker(
437
- [26.43398771, 50.12102352],
438
- {
439
- }
440
- ).addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
441
-
442
-
443
- var icon_c6314c0ee6438a9247bf2e2180d64bae = L.AwesomeMarkers.icon(
444
- {
445
- "markerColor": "darkgreen",
446
- "iconColor": "white",
447
- "icon": "info-sign",
448
- "prefix": "glyphicon",
449
- "extraClasses": "fa-rotate-0",
450
- }
451
- );
452
-
453
-
454
- var popup_5bdf102e4b000e839e790aa685e61763 = L.popup({
455
- "maxWidth": 320,
456
- });
457
-
458
-
459
-
460
- var html_adcfc4842b91e581208db64ea43fa356 = $(`<div id="html_adcfc4842b91e581208db64ea43fa356" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة ابداع وطن المحدودة شركة شخص واحد</b><br> السجل التجاري: 2050213110<br> المنطقة: الدمام<br> الحارة: الطبيشي<br> <a href="https://www.google.com/maps?q=26.43398771,50.12102352" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
461
- popup_5bdf102e4b000e839e790aa685e61763.setContent(html_adcfc4842b91e581208db64ea43fa356);
462
-
463
-
464
-
465
- marker_7af0ca14e1bf63a7fdf87bc21dcd1109.bindPopup(popup_5bdf102e4b000e839e790aa685e61763)
466
- ;
467
-
468
-
469
-
470
-
471
- marker_7af0ca14e1bf63a7fdf87bc21dcd1109.bindTooltip(
472
- `<div>
473
- شركة ابداع وطن المحدودة شركة شخص واحد
474
- </div>`,
475
- {
476
- "sticky": true,
477
- }
478
- );
479
-
480
-
481
- marker_7af0ca14e1bf63a7fdf87bc21dcd1109.setIcon(icon_c6314c0ee6438a9247bf2e2180d64bae);
482
-
483
-
484
- var marker_34a3bd98cd1aa84f735447947046b00b = L.marker(
485
- [26.43648698, 50.12453296],
486
- {
487
- }
488
- ).addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
489
-
490
-
491
- var icon_993e25cf377df694f885b7cc3318d946 = L.AwesomeMarkers.icon(
492
- {
493
- "markerColor": "darkgreen",
494
- "iconColor": "white",
495
- "icon": "info-sign",
496
- "prefix": "glyphicon",
497
- "extraClasses": "fa-rotate-0",
498
- }
499
- );
500
-
501
-
502
- var popup_337e0844596983cc49fe7d834d29d598 = L.popup({
503
- "maxWidth": 320,
504
- });
505
-
506
-
507
-
508
- var html_872cd5e3787bff1b17a2ba6a11dccb1d = $(`<div id="html_872cd5e3787bff1b17a2ba6a11dccb1d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة قلعة الامداد للشحن</b><br> السجل التجاري: 2050209893<br> المنطقة: الدمام<br> الحارة: الطبيشي<br> <a href="https://www.google.com/maps?q=26.43648698,50.12453296" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
509
- popup_337e0844596983cc49fe7d834d29d598.setContent(html_872cd5e3787bff1b17a2ba6a11dccb1d);
510
-
511
-
512
-
513
- marker_34a3bd98cd1aa84f735447947046b00b.bindPopup(popup_337e0844596983cc49fe7d834d29d598)
514
- ;
515
-
516
-
517
-
518
-
519
- marker_34a3bd98cd1aa84f735447947046b00b.bindTooltip(
520
- `<div>
521
- شركة قلعة الامداد للشحن
522
- </div>`,
523
- {
524
- "sticky": true,
525
- }
526
- );
527
-
528
-
529
- marker_34a3bd98cd1aa84f735447947046b00b.setIcon(icon_993e25cf377df694f885b7cc3318d946);
530
-
531
-
532
- var marker_a20d98781693c91ced832da10725afbd = L.marker(
533
- [26.4387347599999, 50.11904365],
534
- {
535
- }
536
- ).addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
537
-
538
-
539
- var icon_09e8ad476a5c579d68934285cda8a6a3 = L.AwesomeMarkers.icon(
540
- {
541
- "markerColor": "darkgreen",
542
- "iconColor": "white",
543
- "icon": "info-sign",
544
- "prefix": "glyphicon",
545
- "extraClasses": "fa-rotate-0",
546
- }
547
- );
548
-
549
-
550
- var popup_5197dd360eec7129df46d704af461d62 = L.popup({
551
- "maxWidth": 320,
552
- });
553
-
554
-
555
-
556
- var html_ffd5f186dd5ee0a60429630fe6b44c13 = $(`<div id="html_ffd5f186dd5ee0a60429630fe6b44c13" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة البراق الامثل للنقل البري</b><br> السجل التجاري: 2050111462<br> المنطقة: الدمام<br> الحارة: الطبيشي<br> <a href="https://www.google.com/maps?q=26.4387347599999,50.11904365" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
557
- popup_5197dd360eec7129df46d704af461d62.setContent(html_ffd5f186dd5ee0a60429630fe6b44c13);
558
-
559
-
560
-
561
- marker_a20d98781693c91ced832da10725afbd.bindPopup(popup_5197dd360eec7129df46d704af461d62)
562
- ;
563
-
564
-
565
-
566
-
567
- marker_a20d98781693c91ced832da10725afbd.bindTooltip(
568
- `<div>
569
- مؤسسة البراق الامثل للنقل البري
570
- </div>`,
571
- {
572
- "sticky": true,
573
- }
574
- );
575
-
576
-
577
- marker_a20d98781693c91ced832da10725afbd.setIcon(icon_09e8ad476a5c579d68934285cda8a6a3);
578
-
579
-
580
- var marker_128ea20b9db20d95c4e3267f6addd7c9 = L.marker(
581
- [26.4348158375008, 50.1267245699447],
582
- {
583
- }
584
- ).addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
585
-
586
-
587
- var icon_06c50b1d5b8740d59bf245f323e3db75 = L.AwesomeMarkers.icon(
588
- {
589
- "markerColor": "darkgreen",
590
- "iconColor": "white",
591
- "icon": "info-sign",
592
- "prefix": "glyphicon",
593
- "extraClasses": "fa-rotate-0",
594
- }
595
- );
596
-
597
-
598
- var popup_69098433196c224f9ccc77dfbe31f472 = L.popup({
599
- "maxWidth": 320,
600
- });
601
-
602
-
603
-
604
- var html_5701fb0d2e98493ce44cbf1797004fbe = $(`<div id="html_5701fb0d2e98493ce44cbf1797004fbe" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة علي عبدالله الابيض للتخليص الجمركي</b><br> السجل التجاري: 2050107897<br> المنطقة: الدمام<br> الحارة: الطبيشي<br> <a href="https://www.google.com/maps?q=26.4348158375008,50.1267245699447" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
605
- popup_69098433196c224f9ccc77dfbe31f472.setContent(html_5701fb0d2e98493ce44cbf1797004fbe);
606
-
607
-
608
-
609
- marker_128ea20b9db20d95c4e3267f6addd7c9.bindPopup(popup_69098433196c224f9ccc77dfbe31f472)
610
- ;
611
-
612
-
613
-
614
-
615
- marker_128ea20b9db20d95c4e3267f6addd7c9.bindTooltip(
616
- `<div>
617
- مؤسسة علي عبدالله الابيض للتخليص الجمركي
618
- </div>`,
619
- {
620
- "sticky": true,
621
- }
622
- );
623
-
624
-
625
- marker_128ea20b9db20d95c4e3267f6addd7c9.setIcon(icon_06c50b1d5b8740d59bf245f323e3db75);
626
-
627
-
628
- map_f3b0dc65c84dc68c40767fa429bd1f9c.fitBounds(
629
- [[26.43398771, 50.12102352], [26.43648698, 50.12453296], [26.4387347599999, 50.11904365], [26.4348158375008, 50.1267245699447]],
630
- {"padding": [30, 30]}
631
- );
632
-
633
-
634
- var layer_control_36db43b8ee2c23b019369f4e42a2b994_layers = {
635
- base_layers : {
636
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_ece8a8b2bb32f39d459943efcdf31d1c,
637
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_cdc26a767c2244269084603a3bafb007,
638
- },
639
- overlays : {
640
- },
641
- };
642
- let layer_control_36db43b8ee2c23b019369f4e42a2b994 = L.control.layers(
643
- layer_control_36db43b8ee2c23b019369f4e42a2b994_layers.base_layers,
644
- layer_control_36db43b8ee2c23b019369f4e42a2b994_layers.overlays,
645
- {
646
- "position": "topright",
647
- "collapsed": false,
648
- "autoZIndex": true,
649
- }
650
- ).addTo(map_f3b0dc65c84dc68c40767fa429bd1f9c);
651
-
652
-
653
- </script>
654
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/15.html DELETED
@@ -1,666 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_c700ae0461abefaf707536b2d0b2afce {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">زهراء بنت عايش بن علي الصاهود - 15</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 4<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>المنتزة</b>: 2 | <b>الطبيشي</b>: 1 | <b>النهضة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المنتزة</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الطبيشي</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النهضة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_c700ae0461abefaf707536b2d0b2afce;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "شركة سليمان علي العليان للتخليص الجمركي شركة شخص واحد", "lat": 26.43297464, "lon": 50.12448354, "markerVar": "marker_b9d0ca2aba7f5a0932c3e5b93933e98c"}, {"title": "شركة رباعيات الطموح لتقنية المعلومات", "lat": 26.3763058699718, "lon": 50.1241537896364, "markerVar": "marker_28e78dfd3a8c0c17aaf17963923f5558"}, {"title": "شركة رفيد السعودية للتجارة", "lat": 26.3762998499999, "lon": 50.12376514, "markerVar": "marker_8fa7797c65215bc99a6b6c38c0365eee"}, {"title": "معهد تقني للتدريب", "lat": 26.37687961, "lon": 50.1479343199999, "markerVar": "marker_0a9523f52225abe9b9361033379d191d"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_c700ae0461abefaf707536b2d0b2afce" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_c700ae0461abefaf707536b2d0b2afce = L.map(
384
- "map_c700ae0461abefaf707536b2d0b2afce",
385
- {
386
- center: [26.390614992492925, 50.13008419740908],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_c700ae0461abefaf707536b2d0b2afce);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_a804bc2b59ed77bec70e792f67a834b6 = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_a804bc2b59ed77bec70e792f67a834b6.addTo(map_c700ae0461abefaf707536b2d0b2afce);
420
-
421
-
422
- var tile_layer_9dfda9e1cc999e667aa933679c845fe3 = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_9dfda9e1cc999e667aa933679c845fe3.addTo(map_c700ae0461abefaf707536b2d0b2afce);
440
-
441
-
442
- var locate_control_9fef6c185959927012aef3b26afc57fd = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_c700ae0461abefaf707536b2d0b2afce);
445
-
446
-
447
-
448
- var marker_b9d0ca2aba7f5a0932c3e5b93933e98c = L.marker(
449
- [26.43297464, 50.12448354],
450
- {
451
- }
452
- ).addTo(map_c700ae0461abefaf707536b2d0b2afce);
453
-
454
-
455
- var icon_edf77ad9294ab78f49834b5ee519c6aa = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "darkgreen",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_347fc05ad3125607379307ad11ddfba9 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_9ab4cb583bcf6f08d8422621237426a8 = $(`<div id="html_9ab4cb583bcf6f08d8422621237426a8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة سليمان علي العليان للتخليص الجمركي شركة شخص واحد</b><br> السجل التجاري: 1128019496<br> المنطقة: الدمام<br> الحارة: الطبيشي<br> <a href="https://www.google.com/maps?q=26.43297464,50.12448354" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_347fc05ad3125607379307ad11ddfba9.setContent(html_9ab4cb583bcf6f08d8422621237426a8);
474
-
475
-
476
-
477
- marker_b9d0ca2aba7f5a0932c3e5b93933e98c.bindPopup(popup_347fc05ad3125607379307ad11ddfba9)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_b9d0ca2aba7f5a0932c3e5b93933e98c.bindTooltip(
484
- `<div>
485
- شركة سليمان علي العليان للتخليص الجمركي شركة شخص واحد
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_b9d0ca2aba7f5a0932c3e5b93933e98c.setIcon(icon_edf77ad9294ab78f49834b5ee519c6aa);
494
-
495
-
496
- var marker_28e78dfd3a8c0c17aaf17963923f5558 = L.marker(
497
- [26.3763058699718, 50.1241537896364],
498
- {
499
- }
500
- ).addTo(map_c700ae0461abefaf707536b2d0b2afce);
501
-
502
-
503
- var icon_b9391b844857aed437469721cfd7a3c9 = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "orange",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_26e8fc158fba2bf0a1065820a081c9f9 = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_4d5c02e9fa00b5fee6644f3899dc87e1 = $(`<div id="html_4d5c02e9fa00b5fee6644f3899dc87e1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة رباعيات الطموح لتقنية المعلومات</b><br> السجل التجاري: 2051213109<br> المنطقة: الدمام<br> الحارة: المنتزة<br> <a href="https://www.google.com/maps?q=26.3763058699718,50.1241537896364" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_26e8fc158fba2bf0a1065820a081c9f9.setContent(html_4d5c02e9fa00b5fee6644f3899dc87e1);
522
-
523
-
524
-
525
- marker_28e78dfd3a8c0c17aaf17963923f5558.bindPopup(popup_26e8fc158fba2bf0a1065820a081c9f9)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_28e78dfd3a8c0c17aaf17963923f5558.bindTooltip(
532
- `<div>
533
- شركة رباعيات الطموح لتقنية المعلومات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_28e78dfd3a8c0c17aaf17963923f5558.setIcon(icon_b9391b844857aed437469721cfd7a3c9);
542
-
543
-
544
- var marker_8fa7797c65215bc99a6b6c38c0365eee = L.marker(
545
- [26.3762998499999, 50.12376514],
546
- {
547
- }
548
- ).addTo(map_c700ae0461abefaf707536b2d0b2afce);
549
-
550
-
551
- var icon_fdb4f6becc540fbf9aa313072887a443 = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "orange",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_78c398bfc9b01f9332963aa4e77564f0 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_3edaf28d8360a1d9f2ed099886f40221 = $(`<div id="html_3edaf28d8360a1d9f2ed099886f40221" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة رفيد السعودية للتجارة</b><br> السجل التجاري: 2051048328<br> المنطقة: الدمام<br> الح��رة: المنتزة<br> <a href="https://www.google.com/maps?q=26.3762998499999,50.12376514" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_78c398bfc9b01f9332963aa4e77564f0.setContent(html_3edaf28d8360a1d9f2ed099886f40221);
570
-
571
-
572
-
573
- marker_8fa7797c65215bc99a6b6c38c0365eee.bindPopup(popup_78c398bfc9b01f9332963aa4e77564f0)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_8fa7797c65215bc99a6b6c38c0365eee.bindTooltip(
580
- `<div>
581
- شركة رفيد السعودية للتجارة
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_8fa7797c65215bc99a6b6c38c0365eee.setIcon(icon_fdb4f6becc540fbf9aa313072887a443);
590
-
591
-
592
- var marker_0a9523f52225abe9b9361033379d191d = L.marker(
593
- [26.37687961, 50.1479343199999],
594
- {
595
- }
596
- ).addTo(map_c700ae0461abefaf707536b2d0b2afce);
597
-
598
-
599
- var icon_719bdab4c058c316e7006ef3ca2ed019 = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "green",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_30a8f26c708851ebea890502bc7e7012 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_c489151fa31c3107dcbbc7b95bb5c434 = $(`<div id="html_c489151fa31c3107dcbbc7b95bb5c434" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>معهد تقني للتدريب</b><br> السجل التجاري: 2050151551<br> المنطقة: الدمام<br> الحارة: النهضة<br> <a href="https://www.google.com/maps?q=26.37687961,50.1479343199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_30a8f26c708851ebea890502bc7e7012.setContent(html_c489151fa31c3107dcbbc7b95bb5c434);
618
-
619
-
620
-
621
- marker_0a9523f52225abe9b9361033379d191d.bindPopup(popup_30a8f26c708851ebea890502bc7e7012)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_0a9523f52225abe9b9361033379d191d.bindTooltip(
628
- `<div>
629
- معهد تقني للتدريب
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_0a9523f52225abe9b9361033379d191d.setIcon(icon_719bdab4c058c316e7006ef3ca2ed019);
638
-
639
-
640
- map_c700ae0461abefaf707536b2d0b2afce.fitBounds(
641
- [[26.43297464, 50.12448354], [26.3763058699718, 50.1241537896364], [26.3762998499999, 50.12376514], [26.37687961, 50.1479343199999]],
642
- {"padding": [30, 30]}
643
- );
644
-
645
-
646
- var layer_control_ec3ff6433bc3d4e1f664abdf6bc9c52d_layers = {
647
- base_layers : {
648
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_a804bc2b59ed77bec70e792f67a834b6,
649
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_9dfda9e1cc999e667aa933679c845fe3,
650
- },
651
- overlays : {
652
- },
653
- };
654
- let layer_control_ec3ff6433bc3d4e1f664abdf6bc9c52d = L.control.layers(
655
- layer_control_ec3ff6433bc3d4e1f664abdf6bc9c52d_layers.base_layers,
656
- layer_control_ec3ff6433bc3d4e1f664abdf6bc9c52d_layers.overlays,
657
- {
658
- "position": "topright",
659
- "collapsed": false,
660
- "autoZIndex": true,
661
- }
662
- ).addTo(map_c700ae0461abefaf707536b2d0b2afce);
663
-
664
-
665
- </script>
666
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/16.html DELETED
@@ -1,666 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_6d2c7049f9064e46182dea4f991ae8a8 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">ايمان عبدالعزيز بن صالح الصالح - 16</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 4<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>الخالدية الشمالية</b>: 2 | <b>الخالدية الجنوبية</b>: 1 | <b>النورس</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخالدية الشمالية</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخالدية الجنوبية</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النورس</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_6d2c7049f9064e46182dea4f991ae8a8;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "شركة تمكين للاستثمار والتطوير العقاري مساهمه مقفله", "lat": 26.40761412, "lon": 50.1378138299999, "markerVar": "marker_fb2582e1198b83f6ca669ea8defcc357"}, {"title": "مؤسسة ركاز التقدم للاتصالات و تقنية المعلومات", "lat": 26.4109845720239, "lon": 50.1335697666493, "markerVar": "marker_d54180e37864124094dc64ac38e345c9"}, {"title": "شركة مخزني للتخزين", "lat": 26.4073627299999, "lon": 50.16682145, "markerVar": "marker_48ff398785df97544c18fccac71444dd"}, {"title": "بوفية عناصر لذيذه لتقديم الوجبات", "lat": 26.40520932, "lon": 50.18450206, "markerVar": "marker_4c32d84d996ee6b7cbfbaf74c935d45c"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_6d2c7049f9064e46182dea4f991ae8a8" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_6d2c7049f9064e46182dea4f991ae8a8 = L.map(
384
- "map_6d2c7049f9064e46182dea4f991ae8a8",
385
- {
386
- center: [26.40779268550595, 50.155676776662304],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_b0e6caff681f09f6b457a281caeaac9e = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_b0e6caff681f09f6b457a281caeaac9e.addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
420
-
421
-
422
- var tile_layer_439b3a54989b0f6b44b682334d8ddd09 = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_439b3a54989b0f6b44b682334d8ddd09.addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
440
-
441
-
442
- var locate_control_8408c03010bcbdec76014ccbf6b1562d = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
445
-
446
-
447
-
448
- var marker_fb2582e1198b83f6ca669ea8defcc357 = L.marker(
449
- [26.40761412, 50.1378138299999],
450
- {
451
- }
452
- ).addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
453
-
454
-
455
- var icon_563973c964cf0f681707239f94813aee = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "darkpurple",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_a1b378827ae7a717b649c65f66a821b1 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_364e1e9ae1bab209b3f1f8d864009193 = $(`<div id="html_364e1e9ae1bab209b3f1f8d864009193" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة تمكين للاستثمار والتطوير العقاري مساهمه مقفله</b><br> السجل التجاري: 2050067272<br> المنطقة: الدمام<br> الحارة: الخالدية الشمالية<br> <a href="https://www.google.com/maps?q=26.40761412,50.1378138299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_a1b378827ae7a717b649c65f66a821b1.setContent(html_364e1e9ae1bab209b3f1f8d864009193);
474
-
475
-
476
-
477
- marker_fb2582e1198b83f6ca669ea8defcc357.bindPopup(popup_a1b378827ae7a717b649c65f66a821b1)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_fb2582e1198b83f6ca669ea8defcc357.bindTooltip(
484
- `<div>
485
- شركة تمكين للاستثمار والتطوير العقاري مساهمه مقفله
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_fb2582e1198b83f6ca669ea8defcc357.setIcon(icon_563973c964cf0f681707239f94813aee);
494
-
495
-
496
- var marker_d54180e37864124094dc64ac38e345c9 = L.marker(
497
- [26.4109845720239, 50.1335697666493],
498
- {
499
- }
500
- ).addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
501
-
502
-
503
- var icon_c87379d9dc03e4fb98937242f30b5cfe = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "darkpurple",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_6a43a681527376754d6616677b27f839 = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_753ba32b395b13139666fcd321bf27ab = $(`<div id="html_753ba32b395b13139666fcd321bf27ab" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ركاز التقدم للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2050060623<br> المنطقة: الدمام<br> الحارة: الخالدية الشمالية<br> <a href="https://www.google.com/maps?q=26.4109845720239,50.1335697666493" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_6a43a681527376754d6616677b27f839.setContent(html_753ba32b395b13139666fcd321bf27ab);
522
-
523
-
524
-
525
- marker_d54180e37864124094dc64ac38e345c9.bindPopup(popup_6a43a681527376754d6616677b27f839)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_d54180e37864124094dc64ac38e345c9.bindTooltip(
532
- `<div>
533
- مؤسسة ركاز التقدم للاتصالات و تقنية المعلومات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_d54180e37864124094dc64ac38e345c9.setIcon(icon_c87379d9dc03e4fb98937242f30b5cfe);
542
-
543
-
544
- var marker_48ff398785df97544c18fccac71444dd = L.marker(
545
- [26.4073627299999, 50.16682145],
546
- {
547
- }
548
- ).addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
549
-
550
-
551
- var icon_77d1c4b0c2e129c5cffa65c1f8fecf57 = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "darkred",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_b1cdd58fc470e6587abad0bbc45ecb34 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_d48fe0dcc4de81cffb06c6bdd7b52041 = $(`<div id="html_d48fe0dcc4de81cffb06c6bdd7b52041" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة مخزني للتخزين</b><br> السجل التجاري: 2050111418<br> المنطقة: الدمام<br> الحارة: الخالدية الجنوبية<br> <a href="https://www.google.com/maps?q=26.4073627299999,50.16682145" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_b1cdd58fc470e6587abad0bbc45ecb34.setContent(html_d48fe0dcc4de81cffb06c6bdd7b52041);
570
-
571
-
572
-
573
- marker_48ff398785df97544c18fccac71444dd.bindPopup(popup_b1cdd58fc470e6587abad0bbc45ecb34)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_48ff398785df97544c18fccac71444dd.bindTooltip(
580
- `<div>
581
- شركة مخزني للتخزين
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_48ff398785df97544c18fccac71444dd.setIcon(icon_77d1c4b0c2e129c5cffa65c1f8fecf57);
590
-
591
-
592
- var marker_4c32d84d996ee6b7cbfbaf74c935d45c = L.marker(
593
- [26.40520932, 50.18450206],
594
- {
595
- }
596
- ).addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
597
-
598
-
599
- var icon_abd6a35c93f656db41f8631231bd8575 = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "green",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_dd66bd95993f35b7a5fa2dfc1d091955 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_e1074e00d375c4efdd0774d055621126 = $(`<div id="html_e1074e00d375c4efdd0774d055621126" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية عناصر لذيذه لتقديم الوجبات</b><br> السجل التجاري: 2050127375<br> المنطقة: الدمام<br> الحارة: النورس<br> <a href="https://www.google.com/maps?q=26.40520932,50.18450206" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_dd66bd95993f35b7a5fa2dfc1d091955.setContent(html_e1074e00d375c4efdd0774d055621126);
618
-
619
-
620
-
621
- marker_4c32d84d996ee6b7cbfbaf74c935d45c.bindPopup(popup_dd66bd95993f35b7a5fa2dfc1d091955)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_4c32d84d996ee6b7cbfbaf74c935d45c.bindTooltip(
628
- `<div>
629
- بوفية عناصر لذيذه لتقديم الوجبات
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_4c32d84d996ee6b7cbfbaf74c935d45c.setIcon(icon_abd6a35c93f656db41f8631231bd8575);
638
-
639
-
640
- map_6d2c7049f9064e46182dea4f991ae8a8.fitBounds(
641
- [[26.40761412, 50.1378138299999], [26.4109845720239, 50.1335697666493], [26.4073627299999, 50.16682145], [26.40520932, 50.18450206]],
642
- {"padding": [30, 30]}
643
- );
644
-
645
-
646
- var layer_control_2ebb8571558399933e158be03eb51e2e_layers = {
647
- base_layers : {
648
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_b0e6caff681f09f6b457a281caeaac9e,
649
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_439b3a54989b0f6b44b682334d8ddd09,
650
- },
651
- overlays : {
652
- },
653
- };
654
- let layer_control_2ebb8571558399933e158be03eb51e2e = L.control.layers(
655
- layer_control_2ebb8571558399933e158be03eb51e2e_layers.base_layers,
656
- layer_control_2ebb8571558399933e158be03eb51e2e_layers.overlays,
657
- {
658
- "position": "topright",
659
- "collapsed": false,
660
- "autoZIndex": true,
661
- }
662
- ).addTo(map_6d2c7049f9064e46182dea4f991ae8a8);
663
-
664
-
665
- </script>
666
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/17.html DELETED
@@ -1,660 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_64cba4879876636aa5755ee9bf35ace6 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">فايزه محمد مسعود الحازمي - 17</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 4<br>
139
- <b>عدد الحارات:</b> 2<br>
140
- <b>الأكثر:</b> <b>ميناء الملك عبد العزيز</b>: 3 | <b>النورس</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">ميناء الملك عبد العزيز</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النورس</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
-
158
- </div>
159
- </div>
160
- </div>
161
-
162
- <script>
163
- (function(){
164
- const box = document.getElementById('statsBox');
165
- const fab = document.getElementById('statsFab');
166
- const hide = document.getElementById('hideStats');
167
-
168
- hide.addEventListener('click', function(){
169
- box.style.display = 'none';
170
- fab.style.display = 'block';
171
- });
172
-
173
- fab.addEventListener('click', function(){
174
- box.style.display = 'block';
175
- fab.style.display = 'none';
176
- });
177
- })();
178
- </script>
179
-
180
-
181
- <style>
182
- .leaflet-control.est-search-control {
183
- background: rgba(255,255,255,0.92);
184
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
185
- border-radius: 14px;
186
- padding: 10px 10px;
187
- width: 320px;
188
- direction: rtl;
189
- font-family: Arial, sans-serif;
190
- }
191
- .est-search-control input {
192
- width: 100%;
193
- border: 1px solid rgba(0,0,0,0.15);
194
- border-radius: 10px;
195
- padding: 10px 12px;
196
- font-size: 13px;
197
- outline: none;
198
- }
199
- .est-search-meta {
200
- margin-top: 6px;
201
- font-size: 12px;
202
- color: #666;
203
- display:flex;
204
- justify-content:space-between;
205
- gap:8px;
206
- }
207
- .est-results {
208
- margin-top: 8px;
209
- max-height: 180px;
210
- overflow: auto;
211
- border-top: 1px solid rgba(0,0,0,0.08);
212
- padding-top: 6px;
213
- }
214
- .est-item {
215
- cursor: pointer;
216
- padding: 8px 10px;
217
- border-radius: 10px;
218
- font-size: 13px;
219
- line-height: 1.4;
220
- }
221
- .est-item:hover {
222
- background: rgba(0,0,0,0.06);
223
- }
224
- .est-badge {
225
- font-size: 12px;
226
- color: #333;
227
- }
228
- .est-clear {
229
- cursor:pointer;
230
- user-select:none;
231
- font-size:12px;
232
- color:#0b6efd;
233
- }
234
- </style>
235
-
236
- <script>
237
- (function(){
238
- const map = map_64cba4879876636aa5755ee9bf35ace6;
239
- // items: list of objects (title, lat, lon, markerVar)
240
- const items = [{"title": "شركة سالك المتقدمة للتخليص الجمركي", "lat": 26.4049826199999, "lon": 50.18406761, "markerVar": "marker_a258d868b8ab9e54590e8cdcfc694186"}, {"title": "شركة رضايات التجارية المحدودة", "lat": 26.4485826231323, "lon": 50.1819810683609, "markerVar": "marker_a4ad592fd1478c7af944c74e7be1903d"}, {"title": "شركة فاء ثلاثة للنقليات شركة شخص واحد", "lat": 26.4723846899999, "lon": 50.19544372, "markerVar": "marker_cd85dcd7e9cc6520cb9ec767196502a7"}, {"title": "شركة هادي للنقليات", "lat": 26.4306466399999, "lon": 50.18224919, "markerVar": "marker_f5e1b12cce7633ae597d3a56ae201e0d"}];
241
-
242
- function norm(s){
243
- if(!s) return "";
244
- s = (""+s).toLowerCase();
245
-
246
- // إزالة التشكيل
247
- s = s.replace(/[\u064B-\u065F]/g, "");
248
- // تطبيع عربي
249
- s = s.replace(/[إأآا]/g, "ا")
250
- .replace(/ى/g, "ي")
251
- .replace(/ة/g, "ه")
252
- .replace(/ؤ/g, "و")
253
- .replace(/ئ/g, "ي")
254
- .replace(/ـ/g, "");
255
- // مسافات
256
- s = s.replace(/\s+/g, " ").trim();
257
- return s;
258
- }
259
-
260
- const SearchControl = L.Control.extend({
261
- options: { position: 'bottomleft' },
262
- onAdd: function(){
263
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
264
- div.innerHTML = `
265
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
266
- <div class="est-search-meta">
267
- <span id="estCount" class="est-badge"></span>
268
- <span id="estClear" class="est-clear">مسح</span>
269
- </div>
270
- <div id="estResults" class="est-results"></div>
271
- `;
272
- L.DomEvent.disableClickPropagation(div);
273
- L.DomEvent.disableScrollPropagation(div);
274
- return div;
275
- }
276
- });
277
-
278
- map.addControl(new SearchControl());
279
-
280
- function renderResults(hits){
281
- const results = document.getElementById('estResults');
282
- const count = document.getElementById('estCount');
283
- results.innerHTML = "";
284
-
285
- if(!hits.length){
286
- count.textContent = "لا توجد نتائج";
287
- return;
288
- }
289
-
290
- count.textContent = "النتائج: " + hits.length;
291
-
292
- for(const h of hits.slice(0, 50)){
293
- const el = document.createElement('div');
294
- el.className = 'est-item';
295
- el.textContent = h.title;
296
- el.onclick = function(){
297
- try {
298
- const mv = window[h.markerVar];
299
- if(mv && mv.getLatLng){
300
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
301
- if(mv.openPopup) mv.openPopup();
302
- } else {
303
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
304
- }
305
- } catch(e) {}
306
- };
307
- results.appendChild(el);
308
- }
309
- }
310
-
311
- function search(q){
312
- const nq = norm(q);
313
- if(!nq) return [];
314
- const hits = [];
315
- for(const it of items){
316
- if(norm(it.title).includes(nq)) hits.push(it);
317
- }
318
- return hits;
319
- }
320
-
321
- setTimeout(function(){
322
- const input = document.getElementById('estQ');
323
- const clearBtn = document.getElementById('estClear');
324
-
325
- input.addEventListener('input', function(){
326
- renderResults(search(this.value));
327
- });
328
-
329
- input.addEventListener('keydown', function(e){
330
- if(e.key === 'Enter'){
331
- const hits = search(this.value);
332
- renderResults(hits);
333
- if(hits.length){
334
- try {
335
- const mv = window[hits[0].markerVar];
336
- if(mv && mv.getLatLng){
337
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
338
- if(mv.openPopup) mv.openPopup();
339
- }
340
- } catch(e) {}
341
- }
342
- }
343
- });
344
-
345
- clearBtn.addEventListener('click', function(){
346
- input.value = "";
347
- document.getElementById('estResults').innerHTML = "";
348
- document.getElementById('estCount').textContent = "";
349
- });
350
- }, 0);
351
- })();
352
- </script>
353
-
354
-
355
- <div style="
356
- position: fixed;
357
- bottom: 8px; left: 8px;
358
- background: rgba(255,255,255,0.85);
359
- padding: 6px 10px;
360
- border-radius: 10px;
361
- font-size: 13px;
362
- direction: rtl;
363
- z-index: 9999;
364
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
365
- font-family: Arial, sans-serif;
366
- ">
367
- تصميم وإعداد <b>نوف الناصر</b>
368
- </div>
369
-
370
-
371
- <div class="folium-map" id="map_64cba4879876636aa5755ee9bf35ace6" ></div>
372
-
373
- </body>
374
- <script>
375
-
376
-
377
- var map_64cba4879876636aa5755ee9bf35ace6 = L.map(
378
- "map_64cba4879876636aa5755ee9bf35ace6",
379
- {
380
- center: [26.439149143282997, 50.18593539709022],
381
- crs: L.CRS.EPSG3857,
382
- ...{
383
- "zoom": 13,
384
- "zoomControl": true,
385
- "preferCanvas": false,
386
- }
387
-
388
- }
389
- );
390
- L.control.scale().addTo(map_64cba4879876636aa5755ee9bf35ace6);
391
-
392
-
393
-
394
-
395
-
396
- var tile_layer_8fba3a19a501e27da33243ce2190b1a1 = L.tileLayer(
397
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
398
- {
399
- "minZoom": 0,
400
- "maxZoom": 19,
401
- "maxNativeZoom": 19,
402
- "noWrap": false,
403
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
404
- "subdomains": "abc",
405
- "detectRetina": false,
406
- "tms": false,
407
- "opacity": 1,
408
- }
409
-
410
- );
411
-
412
-
413
- tile_layer_8fba3a19a501e27da33243ce2190b1a1.addTo(map_64cba4879876636aa5755ee9bf35ace6);
414
-
415
-
416
- var tile_layer_a842ba7f7568fb90fd3321e010e92c90 = L.tileLayer(
417
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
418
- {
419
- "minZoom": 0,
420
- "maxZoom": 18,
421
- "maxNativeZoom": 18,
422
- "noWrap": false,
423
- "attribution": "\u0026copy; Esri",
424
- "subdomains": "abc",
425
- "detectRetina": false,
426
- "tms": false,
427
- "opacity": 1,
428
- }
429
-
430
- );
431
-
432
-
433
- tile_layer_a842ba7f7568fb90fd3321e010e92c90.addTo(map_64cba4879876636aa5755ee9bf35ace6);
434
-
435
-
436
- var locate_control_ef1eb3e8ac3507fb6c28aa3292bf8a6b = L.control.locate(
437
- {"flyTo": true}
438
- ).addTo(map_64cba4879876636aa5755ee9bf35ace6);
439
-
440
-
441
-
442
- var marker_a258d868b8ab9e54590e8cdcfc694186 = L.marker(
443
- [26.4049826199999, 50.18406761],
444
- {
445
- }
446
- ).addTo(map_64cba4879876636aa5755ee9bf35ace6);
447
-
448
-
449
- var icon_070be69502804a0da380c5e8aa3e25f2 = L.AwesomeMarkers.icon(
450
- {
451
- "markerColor": "green",
452
- "iconColor": "white",
453
- "icon": "info-sign",
454
- "prefix": "glyphicon",
455
- "extraClasses": "fa-rotate-0",
456
- }
457
- );
458
-
459
-
460
- var popup_39ff77da461647ca8b11a5863cddec7c = L.popup({
461
- "maxWidth": 320,
462
- });
463
-
464
-
465
-
466
- var html_5507fef8af39059bb8fdafe115446101 = $(`<div id="html_5507fef8af39059bb8fdafe115446101" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة سالك المتقدمة للتخليص الجمركي</b><br> السجل التجاري: 2050081900<br> المنطقة: الدمام<br> الحارة: النورس<br> <a href="https://www.google.com/maps?q=26.4049826199999,50.18406761" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
467
- popup_39ff77da461647ca8b11a5863cddec7c.setContent(html_5507fef8af39059bb8fdafe115446101);
468
-
469
-
470
-
471
- marker_a258d868b8ab9e54590e8cdcfc694186.bindPopup(popup_39ff77da461647ca8b11a5863cddec7c)
472
- ;
473
-
474
-
475
-
476
-
477
- marker_a258d868b8ab9e54590e8cdcfc694186.bindTooltip(
478
- `<div>
479
- شركة سالك المتقدمة للتخليص الجمركي
480
- </div>`,
481
- {
482
- "sticky": true,
483
- }
484
- );
485
-
486
-
487
- marker_a258d868b8ab9e54590e8cdcfc694186.setIcon(icon_070be69502804a0da380c5e8aa3e25f2);
488
-
489
-
490
- var marker_a4ad592fd1478c7af944c74e7be1903d = L.marker(
491
- [26.4485826231323, 50.1819810683609],
492
- {
493
- }
494
- ).addTo(map_64cba4879876636aa5755ee9bf35ace6);
495
-
496
-
497
- var icon_b3dfe137f477d7909c23dc0e4b1e4c80 = L.AwesomeMarkers.icon(
498
- {
499
- "markerColor": "green",
500
- "iconColor": "white",
501
- "icon": "info-sign",
502
- "prefix": "glyphicon",
503
- "extraClasses": "fa-rotate-0",
504
- }
505
- );
506
-
507
-
508
- var popup_db947d746ea1c316d67944ce92fd05b1 = L.popup({
509
- "maxWidth": 320,
510
- });
511
-
512
-
513
-
514
- var html_97f458d5eeeb377daae8ab0a7a2f53ae = $(`<div id="html_97f458d5eeeb377daae8ab0a7a2f53ae" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة رضايات التجارية المحدودة</b><br> السجل التجاري: 2050123341<br> المنطقة: الدمام<br> الحارة: ميناء الملك عبد العزيز<br> <a href="https://www.google.com/maps?q=26.4485826231323,50.1819810683609" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
515
- popup_db947d746ea1c316d67944ce92fd05b1.setContent(html_97f458d5eeeb377daae8ab0a7a2f53ae);
516
-
517
-
518
-
519
- marker_a4ad592fd1478c7af944c74e7be1903d.bindPopup(popup_db947d746ea1c316d67944ce92fd05b1)
520
- ;
521
-
522
-
523
-
524
-
525
- marker_a4ad592fd1478c7af944c74e7be1903d.bindTooltip(
526
- `<div>
527
- شركة رضايات التجارية المحدودة
528
- </div>`,
529
- {
530
- "sticky": true,
531
- }
532
- );
533
-
534
-
535
- marker_a4ad592fd1478c7af944c74e7be1903d.setIcon(icon_b3dfe137f477d7909c23dc0e4b1e4c80);
536
-
537
-
538
- var marker_cd85dcd7e9cc6520cb9ec767196502a7 = L.marker(
539
- [26.4723846899999, 50.19544372],
540
- {
541
- }
542
- ).addTo(map_64cba4879876636aa5755ee9bf35ace6);
543
-
544
-
545
- var icon_c935a814ff6ce859854b4d552418b80c = L.AwesomeMarkers.icon(
546
- {
547
- "markerColor": "green",
548
- "iconColor": "white",
549
- "icon": "info-sign",
550
- "prefix": "glyphicon",
551
- "extraClasses": "fa-rotate-0",
552
- }
553
- );
554
-
555
-
556
- var popup_03d7f851061826dce31d9fe4c4648693 = L.popup({
557
- "maxWidth": 320,
558
- });
559
-
560
-
561
-
562
- var html_f215033a4cb59fb36421c258de2bdd9d = $(`<div id="html_f215033a4cb59fb36421c258de2bdd9d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة فاء ثلاثة للنقليات شركة شخص واحد</b><br> السجل التجاري: 2050021804<br> المنطقة: الدمام<br> الحارة: ميناء الملك عبد العزيز<br> <a href="https://www.google.com/maps?q=26.4723846899999,50.19544372" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
563
- popup_03d7f851061826dce31d9fe4c4648693.setContent(html_f215033a4cb59fb36421c258de2bdd9d);
564
-
565
-
566
-
567
- marker_cd85dcd7e9cc6520cb9ec767196502a7.bindPopup(popup_03d7f851061826dce31d9fe4c4648693)
568
- ;
569
-
570
-
571
-
572
-
573
- marker_cd85dcd7e9cc6520cb9ec767196502a7.bindTooltip(
574
- `<div>
575
- شركة فاء ثلاثة للنقليات شركة شخص واحد
576
- </div>`,
577
- {
578
- "sticky": true,
579
- }
580
- );
581
-
582
-
583
- marker_cd85dcd7e9cc6520cb9ec767196502a7.setIcon(icon_c935a814ff6ce859854b4d552418b80c);
584
-
585
-
586
- var marker_f5e1b12cce7633ae597d3a56ae201e0d = L.marker(
587
- [26.4306466399999, 50.18224919],
588
- {
589
- }
590
- ).addTo(map_64cba4879876636aa5755ee9bf35ace6);
591
-
592
-
593
- var icon_37ef8bed7fcf3bcb347a6e32472e658c = L.AwesomeMarkers.icon(
594
- {
595
- "markerColor": "green",
596
- "iconColor": "white",
597
- "icon": "info-sign",
598
- "prefix": "glyphicon",
599
- "extraClasses": "fa-rotate-0",
600
- }
601
- );
602
-
603
-
604
- var popup_abec824820e62303035144528e9087fa = L.popup({
605
- "maxWidth": 320,
606
- });
607
-
608
-
609
-
610
- var html_ed9e17a7aafaa2d19390e41919609667 = $(`<div id="html_ed9e17a7aafaa2d19390e41919609667" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة هادي للنقليات</b><br> السجل التجاري: 2050002428<br> المنطقة: الدمام<br> الحارة: ميناء الملك عبد العزيز<br> <a href="https://www.google.com/maps?q=26.4306466399999,50.18224919" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
611
- popup_abec824820e62303035144528e9087fa.setContent(html_ed9e17a7aafaa2d19390e41919609667);
612
-
613
-
614
-
615
- marker_f5e1b12cce7633ae597d3a56ae201e0d.bindPopup(popup_abec824820e62303035144528e9087fa)
616
- ;
617
-
618
-
619
-
620
-
621
- marker_f5e1b12cce7633ae597d3a56ae201e0d.bindTooltip(
622
- `<div>
623
- شركة هادي للنقليات
624
- </div>`,
625
- {
626
- "sticky": true,
627
- }
628
- );
629
-
630
-
631
- marker_f5e1b12cce7633ae597d3a56ae201e0d.setIcon(icon_37ef8bed7fcf3bcb347a6e32472e658c);
632
-
633
-
634
- map_64cba4879876636aa5755ee9bf35ace6.fitBounds(
635
- [[26.4049826199999, 50.18406761], [26.4485826231323, 50.1819810683609], [26.4723846899999, 50.19544372], [26.4306466399999, 50.18224919]],
636
- {"padding": [30, 30]}
637
- );
638
-
639
-
640
- var layer_control_19c03c81f608abe1d5ed8ad20ccb73cb_layers = {
641
- base_layers : {
642
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_8fba3a19a501e27da33243ce2190b1a1,
643
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_a842ba7f7568fb90fd3321e010e92c90,
644
- },
645
- overlays : {
646
- },
647
- };
648
- let layer_control_19c03c81f608abe1d5ed8ad20ccb73cb = L.control.layers(
649
- layer_control_19c03c81f608abe1d5ed8ad20ccb73cb_layers.base_layers,
650
- layer_control_19c03c81f608abe1d5ed8ad20ccb73cb_layers.overlays,
651
- {
652
- "position": "topright",
653
- "collapsed": false,
654
- "autoZIndex": true,
655
- }
656
- ).addTo(map_64cba4879876636aa5755ee9bf35ace6);
657
-
658
-
659
- </script>
660
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/18.html DELETED
@@ -1,702 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_f1a7841fe84a14151c0d2ceb29f6bd97 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">لطيفه صالح بن عبدالرحمن العبد القادر - 18</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 5<br>
139
- <b>عدد الحارات:</b> 1<br>
140
- <b>الأكثر:</b> <b>الراكة الشمالية</b>: 5
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الراكة الشمالية</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
-
156
- <script>
157
- (function(){
158
- const box = document.getElementById('statsBox');
159
- const fab = document.getElementById('statsFab');
160
- const hide = document.getElementById('hideStats');
161
-
162
- hide.addEventListener('click', function(){
163
- box.style.display = 'none';
164
- fab.style.display = 'block';
165
- });
166
-
167
- fab.addEventListener('click', function(){
168
- box.style.display = 'block';
169
- fab.style.display = 'none';
170
- });
171
- })();
172
- </script>
173
-
174
-
175
- <style>
176
- .leaflet-control.est-search-control {
177
- background: rgba(255,255,255,0.92);
178
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
179
- border-radius: 14px;
180
- padding: 10px 10px;
181
- width: 320px;
182
- direction: rtl;
183
- font-family: Arial, sans-serif;
184
- }
185
- .est-search-control input {
186
- width: 100%;
187
- border: 1px solid rgba(0,0,0,0.15);
188
- border-radius: 10px;
189
- padding: 10px 12px;
190
- font-size: 13px;
191
- outline: none;
192
- }
193
- .est-search-meta {
194
- margin-top: 6px;
195
- font-size: 12px;
196
- color: #666;
197
- display:flex;
198
- justify-content:space-between;
199
- gap:8px;
200
- }
201
- .est-results {
202
- margin-top: 8px;
203
- max-height: 180px;
204
- overflow: auto;
205
- border-top: 1px solid rgba(0,0,0,0.08);
206
- padding-top: 6px;
207
- }
208
- .est-item {
209
- cursor: pointer;
210
- padding: 8px 10px;
211
- border-radius: 10px;
212
- font-size: 13px;
213
- line-height: 1.4;
214
- }
215
- .est-item:hover {
216
- background: rgba(0,0,0,0.06);
217
- }
218
- .est-badge {
219
- font-size: 12px;
220
- color: #333;
221
- }
222
- .est-clear {
223
- cursor:pointer;
224
- user-select:none;
225
- font-size:12px;
226
- color:#0b6efd;
227
- }
228
- </style>
229
-
230
- <script>
231
- (function(){
232
- const map = map_f1a7841fe84a14151c0d2ceb29f6bd97;
233
- // items: list of objects (title, lat, lon, markerVar)
234
- const items = [{"title": "شركة وكالة سناس للشحن الجوي", "lat": 26.3675634, "lon": 50.2042826899999, "markerVar": "marker_9adcad589609c8eaae4102b47248ef24"}, {"title": "شركة الميناء جود للخدمات اللوجستية", "lat": 26.36171037, "lon": 50.19365586, "markerVar": "marker_b555ed9a18f9c17ad714ebfeef04a456"}, {"title": "مطعم روشم الشرق لتقديم الوجبات", "lat": 26.3706663799999, "lon": 50.1895876999999, "markerVar": "marker_a2169546dcf213c7d880f1d373f074f3"}, {"title": "مكتب أملاك الشرقية للتطوير والاستثمار العقاري", "lat": 26.36959742, "lon": 50.196026, "markerVar": "marker_4884dbd6d7473106e580e859f60f3482"}, {"title": "مركز الجيل القادم للتدريب", "lat": 26.3620589926288, "lon": 50.1948817181131, "markerVar": "marker_984e70fb98333653c6424dcadf960119"}];
235
-
236
- function norm(s){
237
- if(!s) return "";
238
- s = (""+s).toLowerCase();
239
-
240
- // إزالة التشكيل
241
- s = s.replace(/[\u064B-\u065F]/g, "");
242
- // تطبيع عربي
243
- s = s.replace(/[إأآا]/g, "ا")
244
- .replace(/ى/g, "ي")
245
- .replace(/ة/g, "ه")
246
- .replace(/ؤ/g, "و")
247
- .replace(/ئ/g, "ي")
248
- .replace(/ـ/g, "");
249
- // مسافات
250
- s = s.replace(/\s+/g, " ").trim();
251
- return s;
252
- }
253
-
254
- const SearchControl = L.Control.extend({
255
- options: { position: 'bottomleft' },
256
- onAdd: function(){
257
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
258
- div.innerHTML = `
259
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
260
- <div class="est-search-meta">
261
- <span id="estCount" class="est-badge"></span>
262
- <span id="estClear" class="est-clear">مسح</span>
263
- </div>
264
- <div id="estResults" class="est-results"></div>
265
- `;
266
- L.DomEvent.disableClickPropagation(div);
267
- L.DomEvent.disableScrollPropagation(div);
268
- return div;
269
- }
270
- });
271
-
272
- map.addControl(new SearchControl());
273
-
274
- function renderResults(hits){
275
- const results = document.getElementById('estResults');
276
- const count = document.getElementById('estCount');
277
- results.innerHTML = "";
278
-
279
- if(!hits.length){
280
- count.textContent = "لا توجد نتائج";
281
- return;
282
- }
283
-
284
- count.textContent = "النتائج: " + hits.length;
285
-
286
- for(const h of hits.slice(0, 50)){
287
- const el = document.createElement('div');
288
- el.className = 'est-item';
289
- el.textContent = h.title;
290
- el.onclick = function(){
291
- try {
292
- const mv = window[h.markerVar];
293
- if(mv && mv.getLatLng){
294
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
295
- if(mv.openPopup) mv.openPopup();
296
- } else {
297
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
298
- }
299
- } catch(e) {}
300
- };
301
- results.appendChild(el);
302
- }
303
- }
304
-
305
- function search(q){
306
- const nq = norm(q);
307
- if(!nq) return [];
308
- const hits = [];
309
- for(const it of items){
310
- if(norm(it.title).includes(nq)) hits.push(it);
311
- }
312
- return hits;
313
- }
314
-
315
- setTimeout(function(){
316
- const input = document.getElementById('estQ');
317
- const clearBtn = document.getElementById('estClear');
318
-
319
- input.addEventListener('input', function(){
320
- renderResults(search(this.value));
321
- });
322
-
323
- input.addEventListener('keydown', function(e){
324
- if(e.key === 'Enter'){
325
- const hits = search(this.value);
326
- renderResults(hits);
327
- if(hits.length){
328
- try {
329
- const mv = window[hits[0].markerVar];
330
- if(mv && mv.getLatLng){
331
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
332
- if(mv.openPopup) mv.openPopup();
333
- }
334
- } catch(e) {}
335
- }
336
- }
337
- });
338
-
339
- clearBtn.addEventListener('click', function(){
340
- input.value = "";
341
- document.getElementById('estResults').innerHTML = "";
342
- document.getElementById('estCount').textContent = "";
343
- });
344
- }, 0);
345
- })();
346
- </script>
347
-
348
-
349
- <div style="
350
- position: fixed;
351
- bottom: 8px; left: 8px;
352
- background: rgba(255,255,255,0.85);
353
- padding: 6px 10px;
354
- border-radius: 10px;
355
- font-size: 13px;
356
- direction: rtl;
357
- z-index: 9999;
358
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
359
- font-family: Arial, sans-serif;
360
- ">
361
- تصميم وإعداد <b>نوف الناصر</b>
362
- </div>
363
-
364
-
365
- <div class="folium-map" id="map_f1a7841fe84a14151c0d2ceb29f6bd97" ></div>
366
-
367
- </body>
368
- <script>
369
-
370
-
371
- var map_f1a7841fe84a14151c0d2ceb29f6bd97 = L.map(
372
- "map_f1a7841fe84a14151c0d2ceb29f6bd97",
373
- {
374
- center: [26.36631931252574, 50.19568679362258],
375
- crs: L.CRS.EPSG3857,
376
- ...{
377
- "zoom": 13,
378
- "zoomControl": true,
379
- "preferCanvas": false,
380
- }
381
-
382
- }
383
- );
384
- L.control.scale().addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
385
-
386
-
387
-
388
-
389
-
390
- var tile_layer_c52a87010f1cb1cb53b79c3873e73691 = L.tileLayer(
391
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
392
- {
393
- "minZoom": 0,
394
- "maxZoom": 19,
395
- "maxNativeZoom": 19,
396
- "noWrap": false,
397
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
398
- "subdomains": "abc",
399
- "detectRetina": false,
400
- "tms": false,
401
- "opacity": 1,
402
- }
403
-
404
- );
405
-
406
-
407
- tile_layer_c52a87010f1cb1cb53b79c3873e73691.addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
408
-
409
-
410
- var tile_layer_4d6d8aa3a0b25ab6bb79338191a334d7 = L.tileLayer(
411
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
412
- {
413
- "minZoom": 0,
414
- "maxZoom": 18,
415
- "maxNativeZoom": 18,
416
- "noWrap": false,
417
- "attribution": "\u0026copy; Esri",
418
- "subdomains": "abc",
419
- "detectRetina": false,
420
- "tms": false,
421
- "opacity": 1,
422
- }
423
-
424
- );
425
-
426
-
427
- tile_layer_4d6d8aa3a0b25ab6bb79338191a334d7.addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
428
-
429
-
430
- var locate_control_763d8f79ebec225cbb267cdc819a9ee2 = L.control.locate(
431
- {"flyTo": true}
432
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
433
-
434
-
435
-
436
- var marker_9adcad589609c8eaae4102b47248ef24 = L.marker(
437
- [26.3675634, 50.2042826899999],
438
- {
439
- }
440
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
441
-
442
-
443
- var icon_bd19ffdd1d40732fb2ce79424d816a2a = L.AwesomeMarkers.icon(
444
- {
445
- "markerColor": "darkpurple",
446
- "iconColor": "white",
447
- "icon": "info-sign",
448
- "prefix": "glyphicon",
449
- "extraClasses": "fa-rotate-0",
450
- }
451
- );
452
-
453
-
454
- var popup_1bf3fb72653a9744b64e59109cce112d = L.popup({
455
- "maxWidth": 320,
456
- });
457
-
458
-
459
-
460
- var html_2db141f66be401c502426934b9dc5bb6 = $(`<div id="html_2db141f66be401c502426934b9dc5bb6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة وكالة سناس للشحن الجوي</b><br> السجل التجاري: 2051065245<br> المنطقة: الدمام<br> الحارة: الراكة الشمالية<br> <a href="https://www.google.com/maps?q=26.3675634,50.2042826899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
461
- popup_1bf3fb72653a9744b64e59109cce112d.setContent(html_2db141f66be401c502426934b9dc5bb6);
462
-
463
-
464
-
465
- marker_9adcad589609c8eaae4102b47248ef24.bindPopup(popup_1bf3fb72653a9744b64e59109cce112d)
466
- ;
467
-
468
-
469
-
470
-
471
- marker_9adcad589609c8eaae4102b47248ef24.bindTooltip(
472
- `<div>
473
- شركة وكالة سناس للشحن الجوي
474
- </div>`,
475
- {
476
- "sticky": true,
477
- }
478
- );
479
-
480
-
481
- marker_9adcad589609c8eaae4102b47248ef24.setIcon(icon_bd19ffdd1d40732fb2ce79424d816a2a);
482
-
483
-
484
- var marker_b555ed9a18f9c17ad714ebfeef04a456 = L.marker(
485
- [26.36171037, 50.19365586],
486
- {
487
- }
488
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
489
-
490
-
491
- var icon_72a14c06416ac1d17f77f86cadd5c394 = L.AwesomeMarkers.icon(
492
- {
493
- "markerColor": "darkpurple",
494
- "iconColor": "white",
495
- "icon": "info-sign",
496
- "prefix": "glyphicon",
497
- "extraClasses": "fa-rotate-0",
498
- }
499
- );
500
-
501
-
502
- var popup_6327c7d0e91906c3afc907279b1e749d = L.popup({
503
- "maxWidth": 320,
504
- });
505
-
506
-
507
-
508
- var html_46500283a4103994608879e1ea4d663c = $(`<div id="html_46500283a4103994608879e1ea4d663c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الميناء جود للخدمات اللوجستية</b><br> السجل التجاري: 2053118640<br> المنطقة: الدمام<br> الحارة: الراكة الشمالية<br> <a href="https://www.google.com/maps?q=26.36171037,50.19365586" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
509
- popup_6327c7d0e91906c3afc907279b1e749d.setContent(html_46500283a4103994608879e1ea4d663c);
510
-
511
-
512
-
513
- marker_b555ed9a18f9c17ad714ebfeef04a456.bindPopup(popup_6327c7d0e91906c3afc907279b1e749d)
514
- ;
515
-
516
-
517
-
518
-
519
- marker_b555ed9a18f9c17ad714ebfeef04a456.bindTooltip(
520
- `<div>
521
- شركة الميناء جود للخدمات اللوجستية
522
- </div>`,
523
- {
524
- "sticky": true,
525
- }
526
- );
527
-
528
-
529
- marker_b555ed9a18f9c17ad714ebfeef04a456.setIcon(icon_72a14c06416ac1d17f77f86cadd5c394);
530
-
531
-
532
- var marker_a2169546dcf213c7d880f1d373f074f3 = L.marker(
533
- [26.3706663799999, 50.1895876999999],
534
- {
535
- }
536
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
537
-
538
-
539
- var icon_db6ed138b994a56177a07802ccf858d5 = L.AwesomeMarkers.icon(
540
- {
541
- "markerColor": "darkpurple",
542
- "iconColor": "white",
543
- "icon": "info-sign",
544
- "prefix": "glyphicon",
545
- "extraClasses": "fa-rotate-0",
546
- }
547
- );
548
-
549
-
550
- var popup_55aa45a6ed765b391a37e75d17567dc2 = L.popup({
551
- "maxWidth": 320,
552
- });
553
-
554
-
555
-
556
- var html_f6455c6972797eb0811d72cf0500259b = $(`<div id="html_f6455c6972797eb0811d72cf0500259b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم روشم الشرق لتقديم الوجبات</b><br> السجل التجاري: 2051226413<br> المنطقة: الدمام<br> الحارة: الراكة الشمالية<br> <a href="https://www.google.com/maps?q=26.3706663799999,50.1895876999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
557
- popup_55aa45a6ed765b391a37e75d17567dc2.setContent(html_f6455c6972797eb0811d72cf0500259b);
558
-
559
-
560
-
561
- marker_a2169546dcf213c7d880f1d373f074f3.bindPopup(popup_55aa45a6ed765b391a37e75d17567dc2)
562
- ;
563
-
564
-
565
-
566
-
567
- marker_a2169546dcf213c7d880f1d373f074f3.bindTooltip(
568
- `<div>
569
- مطعم روشم الشرق لتقديم الوجبات
570
- </div>`,
571
- {
572
- "sticky": true,
573
- }
574
- );
575
-
576
-
577
- marker_a2169546dcf213c7d880f1d373f074f3.setIcon(icon_db6ed138b994a56177a07802ccf858d5);
578
-
579
-
580
- var marker_4884dbd6d7473106e580e859f60f3482 = L.marker(
581
- [26.36959742, 50.196026],
582
- {
583
- }
584
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
585
-
586
-
587
- var icon_b9a8993b4f4837e33b5dda0c78e589e4 = L.AwesomeMarkers.icon(
588
- {
589
- "markerColor": "darkpurple",
590
- "iconColor": "white",
591
- "icon": "info-sign",
592
- "prefix": "glyphicon",
593
- "extraClasses": "fa-rotate-0",
594
- }
595
- );
596
-
597
-
598
- var popup_83d47f0c088c5bdb1e0d76ad8f4098df = L.popup({
599
- "maxWidth": 320,
600
- });
601
-
602
-
603
-
604
- var html_366c35dbe952fac5ccd604c53cf2559a = $(`<div id="html_366c35dbe952fac5ccd604c53cf2559a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب أملاك الشرقية للتطوير والاستثمار العقاري</b><br> السجل التجاري: 2051221530<br> المنطقة: الدمام<br> الحارة: الراكة الشمالية<br> <a href="https://www.google.com/maps?q=26.36959742,50.196026" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
605
- popup_83d47f0c088c5bdb1e0d76ad8f4098df.setContent(html_366c35dbe952fac5ccd604c53cf2559a);
606
-
607
-
608
-
609
- marker_4884dbd6d7473106e580e859f60f3482.bindPopup(popup_83d47f0c088c5bdb1e0d76ad8f4098df)
610
- ;
611
-
612
-
613
-
614
-
615
- marker_4884dbd6d7473106e580e859f60f3482.bindTooltip(
616
- `<div>
617
- مكتب أملاك الشرقية للتطوير والاستثمار العقاري
618
- </div>`,
619
- {
620
- "sticky": true,
621
- }
622
- );
623
-
624
-
625
- marker_4884dbd6d7473106e580e859f60f3482.setIcon(icon_b9a8993b4f4837e33b5dda0c78e589e4);
626
-
627
-
628
- var marker_984e70fb98333653c6424dcadf960119 = L.marker(
629
- [26.3620589926288, 50.1948817181131],
630
- {
631
- }
632
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
633
-
634
-
635
- var icon_730566086668be6fe5010f2430aa8980 = L.AwesomeMarkers.icon(
636
- {
637
- "markerColor": "darkpurple",
638
- "iconColor": "white",
639
- "icon": "info-sign",
640
- "prefix": "glyphicon",
641
- "extraClasses": "fa-rotate-0",
642
- }
643
- );
644
-
645
-
646
- var popup_148dd856a60a4b82d885e159d92ce3db = L.popup({
647
- "maxWidth": 320,
648
- });
649
-
650
-
651
-
652
- var html_3374032d6c8da51ac6ce8015f8bbcea9 = $(`<div id="html_3374032d6c8da51ac6ce8015f8bbcea9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز الجيل القادم للتدريب</b><br> السجل التجاري: 2050131840<br> المنطقة: الدمام<br> الحارة: الراكة الشمالية<br> <a href="https://www.google.com/maps?q=26.3620589926288,50.1948817181131" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
653
- popup_148dd856a60a4b82d885e159d92ce3db.setContent(html_3374032d6c8da51ac6ce8015f8bbcea9);
654
-
655
-
656
-
657
- marker_984e70fb98333653c6424dcadf960119.bindPopup(popup_148dd856a60a4b82d885e159d92ce3db)
658
- ;
659
-
660
-
661
-
662
-
663
- marker_984e70fb98333653c6424dcadf960119.bindTooltip(
664
- `<div>
665
- مركز الجيل القادم للتدريب
666
- </div>`,
667
- {
668
- "sticky": true,
669
- }
670
- );
671
-
672
-
673
- marker_984e70fb98333653c6424dcadf960119.setIcon(icon_730566086668be6fe5010f2430aa8980);
674
-
675
-
676
- map_f1a7841fe84a14151c0d2ceb29f6bd97.fitBounds(
677
- [[26.3675634, 50.2042826899999], [26.36171037, 50.19365586], [26.3706663799999, 50.1895876999999], [26.36959742, 50.196026], [26.3620589926288, 50.1948817181131]],
678
- {"padding": [30, 30]}
679
- );
680
-
681
-
682
- var layer_control_47a8df430ac25aaad9883cc730b70bc8_layers = {
683
- base_layers : {
684
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_c52a87010f1cb1cb53b79c3873e73691,
685
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_4d6d8aa3a0b25ab6bb79338191a334d7,
686
- },
687
- overlays : {
688
- },
689
- };
690
- let layer_control_47a8df430ac25aaad9883cc730b70bc8 = L.control.layers(
691
- layer_control_47a8df430ac25aaad9883cc730b70bc8_layers.base_layers,
692
- layer_control_47a8df430ac25aaad9883cc730b70bc8_layers.overlays,
693
- {
694
- "position": "topright",
695
- "collapsed": false,
696
- "autoZIndex": true,
697
- }
698
- ).addTo(map_f1a7841fe84a14151c0d2ceb29f6bd97);
699
-
700
-
701
- </script>
702
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/19.html DELETED
@@ -1,714 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_025b7ab195cac402df659c45179c1364 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">أمل صالح بن احمد آل مزعل - 19</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 5<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>ضاحية الملك فهد</b>: 3 | <b>الفرسان</b>: 1 | <b>الأمانة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">ضاحية الملك فهد</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الفرسان</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الأمانة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_025b7ab195cac402df659c45179c1364;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "فرع شركة امارات اكسبيرس", "lat": 26.35622765, "lon": 49.9583259899999, "markerVar": "marker_b04c89e2be4ee3982424c04bcb23511a"}, {"title": "مكتب قمم الشرق الاوسط للخدمات العقارية", "lat": 26.3862498025165, "lon": 49.9681910552179, "markerVar": "marker_ede48ecb356d98bfa81d42788f7a11c7"}, {"title": "مكتب جودة الشرقية للخدمات العقارية", "lat": 26.4533913762261, "lon": 49.9744859922031, "markerVar": "marker_53741e8e44a77642029d51335aa3909b"}, {"title": "مكتب دليل الضاحية للعقارات", "lat": 26.4184334841974, "lon": 49.9901354420182, "markerVar": "marker_8eb0d3ee396e8bebdbed49ca298c654b"}, {"title": "شركة المتوكل للخدمات اللوجستية شركة شخص واحد", "lat": 26.4097681, "lon": 49.9803800099999, "markerVar": "marker_dd39fb0dd96c2b12f4f937a90f572dc5"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_025b7ab195cac402df659c45179c1364" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_025b7ab195cac402df659c45179c1364 = L.map(
384
- "map_025b7ab195cac402df659c45179c1364",
385
- {
386
- center: [26.404814082588, 49.97430369788779],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_025b7ab195cac402df659c45179c1364);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_541825803475aac54b33815695d16f0e = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_541825803475aac54b33815695d16f0e.addTo(map_025b7ab195cac402df659c45179c1364);
420
-
421
-
422
- var tile_layer_1ca5020eb8b600279aa4362ee3da2b0c = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_1ca5020eb8b600279aa4362ee3da2b0c.addTo(map_025b7ab195cac402df659c45179c1364);
440
-
441
-
442
- var locate_control_f634539884139cfb5b9e2e2778cf7b11 = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_025b7ab195cac402df659c45179c1364);
445
-
446
-
447
-
448
- var marker_b04c89e2be4ee3982424c04bcb23511a = L.marker(
449
- [26.35622765, 49.9583259899999],
450
- {
451
- }
452
- ).addTo(map_025b7ab195cac402df659c45179c1364);
453
-
454
-
455
- var icon_56c48e09d0e732ab7b69df89e081bc07 = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "darkblue",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_7609001dcb0f0ecd7b0065485eaecb7e = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_4f8573f38a24fa8efaa4be89910a453b = $(`<div id="html_4f8573f38a24fa8efaa4be89910a453b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فرع شركة امارات اكسبيرس</b><br> السجل التجاري: 2050127517<br> المنطقة: البيضاء<br> الحارة: الفرسان<br> <a href="https://www.google.com/maps?q=26.35622765,49.9583259899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_7609001dcb0f0ecd7b0065485eaecb7e.setContent(html_4f8573f38a24fa8efaa4be89910a453b);
474
-
475
-
476
-
477
- marker_b04c89e2be4ee3982424c04bcb23511a.bindPopup(popup_7609001dcb0f0ecd7b0065485eaecb7e)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_b04c89e2be4ee3982424c04bcb23511a.bindTooltip(
484
- `<div>
485
- فرع شركة امارات اكسبيرس
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_b04c89e2be4ee3982424c04bcb23511a.setIcon(icon_56c48e09d0e732ab7b69df89e081bc07);
494
-
495
-
496
- var marker_ede48ecb356d98bfa81d42788f7a11c7 = L.marker(
497
- [26.3862498025165, 49.9681910552179],
498
- {
499
- }
500
- ).addTo(map_025b7ab195cac402df659c45179c1364);
501
-
502
-
503
- var icon_e0fab8bb51afc647ef841c0ad1591b49 = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "lightgreen",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_218f1347c158ce2b792dacf70b72e0bc = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_c1456b0a9b6ac47c255b9b1146caab5c = $(`<div id="html_c1456b0a9b6ac47c255b9b1146caab5c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب قمم الشرق الاوسط للخدمات العقارية</b><br> السجل التجاري: 2050126080<br> المنطقة: البيضاء<br> الحارة: الأمانة<br> <a href="https://www.google.com/maps?q=26.3862498025165,49.9681910552179" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_218f1347c158ce2b792dacf70b72e0bc.setContent(html_c1456b0a9b6ac47c255b9b1146caab5c);
522
-
523
-
524
-
525
- marker_ede48ecb356d98bfa81d42788f7a11c7.bindPopup(popup_218f1347c158ce2b792dacf70b72e0bc)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_ede48ecb356d98bfa81d42788f7a11c7.bindTooltip(
532
- `<div>
533
- مكتب قمم الشرق الاوسط للخدمات العقارية
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_ede48ecb356d98bfa81d42788f7a11c7.setIcon(icon_e0fab8bb51afc647ef841c0ad1591b49);
542
-
543
-
544
- var marker_53741e8e44a77642029d51335aa3909b = L.marker(
545
- [26.4533913762261, 49.9744859922031],
546
- {
547
- }
548
- ).addTo(map_025b7ab195cac402df659c45179c1364);
549
-
550
-
551
- var icon_d573732d4e70e3176950336396be907d = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "green",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_782b44f4cc481324866057f61535e2d5 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_c86724a4b2e03d2c9860d5be6a21d591 = $(`<div id="html_c86724a4b2e03d2c9860d5be6a21d591" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب جودة الشرقية للخد��ات العقارية</b><br> السجل التجاري: 2050134077<br> المنطقة: البيضاء<br> الحارة: ضاحية الملك فهد<br> <a href="https://www.google.com/maps?q=26.4533913762261,49.9744859922031" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_782b44f4cc481324866057f61535e2d5.setContent(html_c86724a4b2e03d2c9860d5be6a21d591);
570
-
571
-
572
-
573
- marker_53741e8e44a77642029d51335aa3909b.bindPopup(popup_782b44f4cc481324866057f61535e2d5)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_53741e8e44a77642029d51335aa3909b.bindTooltip(
580
- `<div>
581
- مكتب جودة الشرقية للخدمات العقارية
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_53741e8e44a77642029d51335aa3909b.setIcon(icon_d573732d4e70e3176950336396be907d);
590
-
591
-
592
- var marker_8eb0d3ee396e8bebdbed49ca298c654b = L.marker(
593
- [26.4184334841974, 49.9901354420182],
594
- {
595
- }
596
- ).addTo(map_025b7ab195cac402df659c45179c1364);
597
-
598
-
599
- var icon_c6334d72316962494ea7722bc407593b = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "green",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_429f35b911548e12fb3016324502bd51 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_cc61eb76a6cb5f2025e2f966ae9736e6 = $(`<div id="html_cc61eb76a6cb5f2025e2f966ae9736e6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب دليل الضاحية للعقارات</b><br> السجل التجاري: 2050121974<br> المنطقة: البيضاء<br> الحارة: ضاحية الملك فهد<br> <a href="https://www.google.com/maps?q=26.4184334841974,49.9901354420182" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_429f35b911548e12fb3016324502bd51.setContent(html_cc61eb76a6cb5f2025e2f966ae9736e6);
618
-
619
-
620
-
621
- marker_8eb0d3ee396e8bebdbed49ca298c654b.bindPopup(popup_429f35b911548e12fb3016324502bd51)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_8eb0d3ee396e8bebdbed49ca298c654b.bindTooltip(
628
- `<div>
629
- مكتب دليل الضاحية للعقارات
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_8eb0d3ee396e8bebdbed49ca298c654b.setIcon(icon_c6334d72316962494ea7722bc407593b);
638
-
639
-
640
- var marker_dd39fb0dd96c2b12f4f937a90f572dc5 = L.marker(
641
- [26.4097681, 49.9803800099999],
642
- {
643
- }
644
- ).addTo(map_025b7ab195cac402df659c45179c1364);
645
-
646
-
647
- var icon_65ac02389b0d7b6ceb264734658eadf5 = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "green",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_d9e8f57acc65d51cafc01d313d346027 = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_dc3f3e9ef8afa2f9ccc207837925399c = $(`<div id="html_dc3f3e9ef8afa2f9ccc207837925399c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة المتوكل للخدمات اللوجستية شركة شخص واحد</b><br> السجل التجاري: 2050054955<br> المنطقة: البيضاء<br> الحارة: ضاحية الملك فهد<br> <a href="https://www.google.com/maps?q=26.4097681,49.9803800099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_d9e8f57acc65d51cafc01d313d346027.setContent(html_dc3f3e9ef8afa2f9ccc207837925399c);
666
-
667
-
668
-
669
- marker_dd39fb0dd96c2b12f4f937a90f572dc5.bindPopup(popup_d9e8f57acc65d51cafc01d313d346027)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_dd39fb0dd96c2b12f4f937a90f572dc5.bindTooltip(
676
- `<div>
677
- شركة المتوكل للخدمات اللوجستية شركة شخص واحد
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_dd39fb0dd96c2b12f4f937a90f572dc5.setIcon(icon_65ac02389b0d7b6ceb264734658eadf5);
686
-
687
-
688
- map_025b7ab195cac402df659c45179c1364.fitBounds(
689
- [[26.35622765, 49.9583259899999], [26.3862498025165, 49.9681910552179], [26.4533913762261, 49.9744859922031], [26.4184334841974, 49.9901354420182], [26.4097681, 49.9803800099999]],
690
- {"padding": [30, 30]}
691
- );
692
-
693
-
694
- var layer_control_0b3da876ea4ae33c70e232f15c6c107d_layers = {
695
- base_layers : {
696
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_541825803475aac54b33815695d16f0e,
697
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_1ca5020eb8b600279aa4362ee3da2b0c,
698
- },
699
- overlays : {
700
- },
701
- };
702
- let layer_control_0b3da876ea4ae33c70e232f15c6c107d = L.control.layers(
703
- layer_control_0b3da876ea4ae33c70e232f15c6c107d_layers.base_layers,
704
- layer_control_0b3da876ea4ae33c70e232f15c6c107d_layers.overlays,
705
- {
706
- "position": "topright",
707
- "collapsed": false,
708
- "autoZIndex": true,
709
- }
710
- ).addTo(map_025b7ab195cac402df659c45179c1364);
711
-
712
-
713
- </script>
714
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/20.html DELETED
@@ -1,564 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_e2bbd4d0d73d61e22dfa5d79add088eb {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">سراب حميد عبدالمجيد السليمان - 20</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 2<br>
139
- <b>عدد الحارات:</b> 2<br>
140
- <b>الأكثر:</b> <b>المركز السعودي لجسر الملك فهد</b>: 1 | <b>جامعة الامير محمد بن فهد</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المركز السعودي لجسر الملك فهد</span>
149
- <span style="font-size:12px;color:#666;">(1)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">جامعة الامير محمد بن فهد</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
-
158
- </div>
159
- </div>
160
- </div>
161
-
162
- <script>
163
- (function(){
164
- const box = document.getElementById('statsBox');
165
- const fab = document.getElementById('statsFab');
166
- const hide = document.getElementById('hideStats');
167
-
168
- hide.addEventListener('click', function(){
169
- box.style.display = 'none';
170
- fab.style.display = 'block';
171
- });
172
-
173
- fab.addEventListener('click', function(){
174
- box.style.display = 'block';
175
- fab.style.display = 'none';
176
- });
177
- })();
178
- </script>
179
-
180
-
181
- <style>
182
- .leaflet-control.est-search-control {
183
- background: rgba(255,255,255,0.92);
184
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
185
- border-radius: 14px;
186
- padding: 10px 10px;
187
- width: 320px;
188
- direction: rtl;
189
- font-family: Arial, sans-serif;
190
- }
191
- .est-search-control input {
192
- width: 100%;
193
- border: 1px solid rgba(0,0,0,0.15);
194
- border-radius: 10px;
195
- padding: 10px 12px;
196
- font-size: 13px;
197
- outline: none;
198
- }
199
- .est-search-meta {
200
- margin-top: 6px;
201
- font-size: 12px;
202
- color: #666;
203
- display:flex;
204
- justify-content:space-between;
205
- gap:8px;
206
- }
207
- .est-results {
208
- margin-top: 8px;
209
- max-height: 180px;
210
- overflow: auto;
211
- border-top: 1px solid rgba(0,0,0,0.08);
212
- padding-top: 6px;
213
- }
214
- .est-item {
215
- cursor: pointer;
216
- padding: 8px 10px;
217
- border-radius: 10px;
218
- font-size: 13px;
219
- line-height: 1.4;
220
- }
221
- .est-item:hover {
222
- background: rgba(0,0,0,0.06);
223
- }
224
- .est-badge {
225
- font-size: 12px;
226
- color: #333;
227
- }
228
- .est-clear {
229
- cursor:pointer;
230
- user-select:none;
231
- font-size:12px;
232
- color:#0b6efd;
233
- }
234
- </style>
235
-
236
- <script>
237
- (function(){
238
- const map = map_e2bbd4d0d73d61e22dfa5d79add088eb;
239
- // items: list of objects (title, lat, lon, markerVar)
240
- const items = [{"title": "مؤسسة سمير حميد الجديبي للتخليص الجمركي", "lat": 26.18681116, "lon": 50.3200026, "markerVar": "marker_29fb06633d5f9dcf2d97687017223ce9"}, {"title": "شركة الخدمات التعليمية والتربوية المحدودة", "lat": 26.1435146901897, "lon": 50.0952118526393, "markerVar": "marker_9fee223ae4fa04cbe65dcd0646d4222d"}];
241
-
242
- function norm(s){
243
- if(!s) return "";
244
- s = (""+s).toLowerCase();
245
-
246
- // إزالة التشكيل
247
- s = s.replace(/[\u064B-\u065F]/g, "");
248
- // تطبيع عربي
249
- s = s.replace(/[إأآا]/g, "ا")
250
- .replace(/ى/g, "ي")
251
- .replace(/ة/g, "ه")
252
- .replace(/ؤ/g, "و")
253
- .replace(/ئ/g, "ي")
254
- .replace(/ـ/g, "");
255
- // مسافات
256
- s = s.replace(/\s+/g, " ").trim();
257
- return s;
258
- }
259
-
260
- const SearchControl = L.Control.extend({
261
- options: { position: 'bottomleft' },
262
- onAdd: function(){
263
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
264
- div.innerHTML = `
265
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
266
- <div class="est-search-meta">
267
- <span id="estCount" class="est-badge"></span>
268
- <span id="estClear" class="est-clear">مسح</span>
269
- </div>
270
- <div id="estResults" class="est-results"></div>
271
- `;
272
- L.DomEvent.disableClickPropagation(div);
273
- L.DomEvent.disableScrollPropagation(div);
274
- return div;
275
- }
276
- });
277
-
278
- map.addControl(new SearchControl());
279
-
280
- function renderResults(hits){
281
- const results = document.getElementById('estResults');
282
- const count = document.getElementById('estCount');
283
- results.innerHTML = "";
284
-
285
- if(!hits.length){
286
- count.textContent = "لا توجد نتائج";
287
- return;
288
- }
289
-
290
- count.textContent = "النتائج: " + hits.length;
291
-
292
- for(const h of hits.slice(0, 50)){
293
- const el = document.createElement('div');
294
- el.className = 'est-item';
295
- el.textContent = h.title;
296
- el.onclick = function(){
297
- try {
298
- const mv = window[h.markerVar];
299
- if(mv && mv.getLatLng){
300
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
301
- if(mv.openPopup) mv.openPopup();
302
- } else {
303
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
304
- }
305
- } catch(e) {}
306
- };
307
- results.appendChild(el);
308
- }
309
- }
310
-
311
- function search(q){
312
- const nq = norm(q);
313
- if(!nq) return [];
314
- const hits = [];
315
- for(const it of items){
316
- if(norm(it.title).includes(nq)) hits.push(it);
317
- }
318
- return hits;
319
- }
320
-
321
- setTimeout(function(){
322
- const input = document.getElementById('estQ');
323
- const clearBtn = document.getElementById('estClear');
324
-
325
- input.addEventListener('input', function(){
326
- renderResults(search(this.value));
327
- });
328
-
329
- input.addEventListener('keydown', function(e){
330
- if(e.key === 'Enter'){
331
- const hits = search(this.value);
332
- renderResults(hits);
333
- if(hits.length){
334
- try {
335
- const mv = window[hits[0].markerVar];
336
- if(mv && mv.getLatLng){
337
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
338
- if(mv.openPopup) mv.openPopup();
339
- }
340
- } catch(e) {}
341
- }
342
- }
343
- });
344
-
345
- clearBtn.addEventListener('click', function(){
346
- input.value = "";
347
- document.getElementById('estResults').innerHTML = "";
348
- document.getElementById('estCount').textContent = "";
349
- });
350
- }, 0);
351
- })();
352
- </script>
353
-
354
-
355
- <div style="
356
- position: fixed;
357
- bottom: 8px; left: 8px;
358
- background: rgba(255,255,255,0.85);
359
- padding: 6px 10px;
360
- border-radius: 10px;
361
- font-size: 13px;
362
- direction: rtl;
363
- z-index: 9999;
364
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
365
- font-family: Arial, sans-serif;
366
- ">
367
- تصميم وإعداد <b>نوف الناصر</b>
368
- </div>
369
-
370
-
371
- <div class="folium-map" id="map_e2bbd4d0d73d61e22dfa5d79add088eb" ></div>
372
-
373
- </body>
374
- <script>
375
-
376
-
377
- var map_e2bbd4d0d73d61e22dfa5d79add088eb = L.map(
378
- "map_e2bbd4d0d73d61e22dfa5d79add088eb",
379
- {
380
- center: [26.16516292509485, 50.20760722631965],
381
- crs: L.CRS.EPSG3857,
382
- ...{
383
- "zoom": 13,
384
- "zoomControl": true,
385
- "preferCanvas": false,
386
- }
387
-
388
- }
389
- );
390
- L.control.scale().addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
391
-
392
-
393
-
394
-
395
-
396
- var tile_layer_3f8c3fb791c069b5681cce0d2146094f = L.tileLayer(
397
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
398
- {
399
- "minZoom": 0,
400
- "maxZoom": 19,
401
- "maxNativeZoom": 19,
402
- "noWrap": false,
403
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
404
- "subdomains": "abc",
405
- "detectRetina": false,
406
- "tms": false,
407
- "opacity": 1,
408
- }
409
-
410
- );
411
-
412
-
413
- tile_layer_3f8c3fb791c069b5681cce0d2146094f.addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
414
-
415
-
416
- var tile_layer_d98b3538877bf5e4783c18ccd01d8349 = L.tileLayer(
417
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
418
- {
419
- "minZoom": 0,
420
- "maxZoom": 18,
421
- "maxNativeZoom": 18,
422
- "noWrap": false,
423
- "attribution": "\u0026copy; Esri",
424
- "subdomains": "abc",
425
- "detectRetina": false,
426
- "tms": false,
427
- "opacity": 1,
428
- }
429
-
430
- );
431
-
432
-
433
- tile_layer_d98b3538877bf5e4783c18ccd01d8349.addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
434
-
435
-
436
- var locate_control_836b864f5574421a7f5047e44ff8bc14 = L.control.locate(
437
- {"flyTo": true}
438
- ).addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
439
-
440
-
441
-
442
- var marker_29fb06633d5f9dcf2d97687017223ce9 = L.marker(
443
- [26.18681116, 50.3200026],
444
- {
445
- }
446
- ).addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
447
-
448
-
449
- var icon_19800578706215163a171138fc656351 = L.AwesomeMarkers.icon(
450
- {
451
- "markerColor": "darkpurple",
452
- "iconColor": "white",
453
- "icon": "info-sign",
454
- "prefix": "glyphicon",
455
- "extraClasses": "fa-rotate-0",
456
- }
457
- );
458
-
459
-
460
- var popup_1c8d43b29f3ee522da601d104f721089 = L.popup({
461
- "maxWidth": 320,
462
- });
463
-
464
-
465
-
466
- var html_b5f186f95ea85f18a685659072085c28 = $(`<div id="html_b5f186f95ea85f18a685659072085c28" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة سمير حميد الجديبي للتخليص الجمركي</b><br> السجل التجاري: 2051051238<br> المنطقة: المركز السعودي لجسر الملك فهد<br> الحارة: المركز السعودي لجسر الملك فهد<br> <a href="https://www.google.com/maps?q=26.18681116,50.3200026" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
467
- popup_1c8d43b29f3ee522da601d104f721089.setContent(html_b5f186f95ea85f18a685659072085c28);
468
-
469
-
470
-
471
- marker_29fb06633d5f9dcf2d97687017223ce9.bindPopup(popup_1c8d43b29f3ee522da601d104f721089)
472
- ;
473
-
474
-
475
-
476
-
477
- marker_29fb06633d5f9dcf2d97687017223ce9.bindTooltip(
478
- `<div>
479
- مؤسسة سمير حميد الجديبي للتخليص الجمركي
480
- </div>`,
481
- {
482
- "sticky": true,
483
- }
484
- );
485
-
486
-
487
- marker_29fb06633d5f9dcf2d97687017223ce9.setIcon(icon_19800578706215163a171138fc656351);
488
-
489
-
490
- var marker_9fee223ae4fa04cbe65dcd0646d4222d = L.marker(
491
- [26.1435146901897, 50.0952118526393],
492
- {
493
- }
494
- ).addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
495
-
496
-
497
- var icon_20ff9808d2a49c426aff9a4e31aaec9b = L.AwesomeMarkers.icon(
498
- {
499
- "markerColor": "lightgreen",
500
- "iconColor": "white",
501
- "icon": "info-sign",
502
- "prefix": "glyphicon",
503
- "extraClasses": "fa-rotate-0",
504
- }
505
- );
506
-
507
-
508
- var popup_940050bd86c80f1068064c735ab6e4f6 = L.popup({
509
- "maxWidth": 320,
510
- });
511
-
512
-
513
-
514
- var html_ba476252f8b0dab76b2373abf291bcf3 = $(`<div id="html_ba476252f8b0dab76b2373abf291bcf3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الخدمات التعليمية والتربوية المحدودة</b><br> السجل التجاري: 2051031293<br> المنطقة: جامعة الامير محمد بن فهد<br> الحارة: جامعة الامير محمد بن فهد<br> <a href="https://www.google.com/maps?q=26.1435146901897,50.0952118526393" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
515
- popup_940050bd86c80f1068064c735ab6e4f6.setContent(html_ba476252f8b0dab76b2373abf291bcf3);
516
-
517
-
518
-
519
- marker_9fee223ae4fa04cbe65dcd0646d4222d.bindPopup(popup_940050bd86c80f1068064c735ab6e4f6)
520
- ;
521
-
522
-
523
-
524
-
525
- marker_9fee223ae4fa04cbe65dcd0646d4222d.bindTooltip(
526
- `<div>
527
- شركة الخدمات التعليمية والتربوية المحدودة
528
- </div>`,
529
- {
530
- "sticky": true,
531
- }
532
- );
533
-
534
-
535
- marker_9fee223ae4fa04cbe65dcd0646d4222d.setIcon(icon_20ff9808d2a49c426aff9a4e31aaec9b);
536
-
537
-
538
- map_e2bbd4d0d73d61e22dfa5d79add088eb.fitBounds(
539
- [[26.18681116, 50.3200026], [26.1435146901897, 50.0952118526393]],
540
- {"padding": [30, 30]}
541
- );
542
-
543
-
544
- var layer_control_0be568322f7b48561a4781336a640cc9_layers = {
545
- base_layers : {
546
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_3f8c3fb791c069b5681cce0d2146094f,
547
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_d98b3538877bf5e4783c18ccd01d8349,
548
- },
549
- overlays : {
550
- },
551
- };
552
- let layer_control_0be568322f7b48561a4781336a640cc9 = L.control.layers(
553
- layer_control_0be568322f7b48561a4781336a640cc9_layers.base_layers,
554
- layer_control_0be568322f7b48561a4781336a640cc9_layers.overlays,
555
- {
556
- "position": "topright",
557
- "collapsed": false,
558
- "autoZIndex": true,
559
- }
560
- ).addTo(map_e2bbd4d0d73d61e22dfa5d79add088eb);
561
-
562
-
563
- </script>
564
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/21.html DELETED
@@ -1,858 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_0e6beb378b26f151c4f1b9c10631bc98 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">لولوه بدر بن حمد الصياح - 21</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 8<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>الثقبة</b>: 4 | <b>التحلية</b>: 3 | <b>الجسر</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الثقبة</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">التحلية</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجسر</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_0e6beb378b26f151c4f1b9c10631bc98;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مطعم النخيل والنيل لتقديم الوجبات", "lat": 26.28118367, "lon": 50.1910662599999, "markerVar": "marker_39638629c1ea9988d4405015b2f2fffa"}, {"title": "مطعم تغريد محمد ابراهيم المعقل لتقديم الوجبات", "lat": 26.27203106, "lon": 50.1974081899999, "markerVar": "marker_68b8ec3fb24f46002f685a31a4822fb7"}, {"title": "مؤسسة الخيال الحقيقي للانتاج الفني", "lat": 26.2073977154829, "lon": 50.2003077610347, "markerVar": "marker_22433acdccb5bd289cfa9841b65dafab"}, {"title": "مطعم المكان المخملي لتقديم الوجبات", "lat": 26.19919578, "lon": 50.2123754899999, "markerVar": "marker_83292d78cd69c3923c49d4893285c956"}, {"title": "مؤسسة فيلا بارك للشقق المخدومة", "lat": 26.1791793, "lon": 50.1858262599999, "markerVar": "marker_802a906804a306376cc736b6131c3021"}, {"title": "شركة إثراء للتعليم مساهمة مقفلة", "lat": 26.1964830199999, "lon": 50.2068804999999, "markerVar": "marker_3c9cf356a34ce2dcad0da6e514832264"}, {"title": "مقهى هند احمد مشبب عسيري لتقديم الوجبات", "lat": 26.2801533499999, "lon": 50.1906684599999, "markerVar": "marker_bf39eab8fe32568c136f471510fc6141"}, {"title": "فندق دولف", "lat": 26.2839627, "lon": 50.19582633, "markerVar": "marker_b2345a2a32cc80e3e93f08215d6cc71f"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_0e6beb378b26f151c4f1b9c10631bc98" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_0e6beb378b26f151c4f1b9c10631bc98 = L.map(
384
- "map_0e6beb378b26f151c4f1b9c10631bc98",
385
- {
386
- center: [26.237448324435338, 50.197544906379264],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_97883a0d224768c0480b08374c06a645 = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_97883a0d224768c0480b08374c06a645.addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
420
-
421
-
422
- var tile_layer_823d3221043e3f179889368a44325b5d = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_823d3221043e3f179889368a44325b5d.addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
440
-
441
-
442
- var locate_control_947ec7a4b5e295ed4502792265edfb6e = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
445
-
446
-
447
-
448
- var marker_39638629c1ea9988d4405015b2f2fffa = L.marker(
449
- [26.28118367, 50.1910662599999],
450
- {
451
- }
452
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
453
-
454
-
455
- var icon_157a819ebd3146a621aa331116d3dcfb = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "lightblue",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_feeb393d52a060068431477ffdaeac13 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_a76c0e2516b2736183113a352960c7b5 = $(`<div id="html_a76c0e2516b2736183113a352960c7b5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم النخيل والنيل لتقديم الوجبات</b><br> السجل التجاري: 2060048791<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.28118367,50.1910662599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_feeb393d52a060068431477ffdaeac13.setContent(html_a76c0e2516b2736183113a352960c7b5);
474
-
475
-
476
-
477
- marker_39638629c1ea9988d4405015b2f2fffa.bindPopup(popup_feeb393d52a060068431477ffdaeac13)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_39638629c1ea9988d4405015b2f2fffa.bindTooltip(
484
- `<div>
485
- مطعم النخيل والنيل لتقديم الوجبات
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_39638629c1ea9988d4405015b2f2fffa.setIcon(icon_157a819ebd3146a621aa331116d3dcfb);
494
-
495
-
496
- var marker_68b8ec3fb24f46002f685a31a4822fb7 = L.marker(
497
- [26.27203106, 50.1974081899999],
498
- {
499
- }
500
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
501
-
502
-
503
- var icon_d020d7df4835f47f80c9f098b2c0abf6 = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "lightblue",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_13bc105832a96b6872f806ae1abe4b93 = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_651cd98fc137b3daa34ac8f2c89504a4 = $(`<div id="html_651cd98fc137b3daa34ac8f2c89504a4" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم تغريد محمد ابراهيم المعقل لتقديم الوجبات</b><br> السجل التجاري: 2051244436<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.27203106,50.1974081899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_13bc105832a96b6872f806ae1abe4b93.setContent(html_651cd98fc137b3daa34ac8f2c89504a4);
522
-
523
-
524
-
525
- marker_68b8ec3fb24f46002f685a31a4822fb7.bindPopup(popup_13bc105832a96b6872f806ae1abe4b93)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_68b8ec3fb24f46002f685a31a4822fb7.bindTooltip(
532
- `<div>
533
- مطعم تغريد محمد ابراهيم المعقل لتقديم الوجبات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_68b8ec3fb24f46002f685a31a4822fb7.setIcon(icon_d020d7df4835f47f80c9f098b2c0abf6);
542
-
543
-
544
- var marker_22433acdccb5bd289cfa9841b65dafab = L.marker(
545
- [26.2073977154829, 50.2003077610347],
546
- {
547
- }
548
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
549
-
550
-
551
- var icon_a8cfaafe5e45e4c5b5a201c92ecc22fe = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "darkpurple",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_d65ecf7b245e534ff57473c47eb8e395 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_327df02d607ae085cf481e08bbc3214e = $(`<div id="html_327df02d607ae085cf481e08bbc3214e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الخيال الحقيقي للانتاج الفني</b><br> السجل التجاري: 2051231868<br> المنطقة: الثقبه<br> الحارة: الجسر<br> <a href="https://www.google.com/maps?q=26.2073977154829,50.2003077610347" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_d65ecf7b245e534ff57473c47eb8e395.setContent(html_327df02d607ae085cf481e08bbc3214e);
570
-
571
-
572
-
573
- marker_22433acdccb5bd289cfa9841b65dafab.bindPopup(popup_d65ecf7b245e534ff57473c47eb8e395)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_22433acdccb5bd289cfa9841b65dafab.bindTooltip(
580
- `<div>
581
- مؤسسة الخيال الحقيقي للانتاج الفني
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_22433acdccb5bd289cfa9841b65dafab.setIcon(icon_a8cfaafe5e45e4c5b5a201c92ecc22fe);
590
-
591
-
592
- var marker_83292d78cd69c3923c49d4893285c956 = L.marker(
593
- [26.19919578, 50.2123754899999],
594
- {
595
- }
596
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
597
-
598
-
599
- var icon_736d2a4f6e15f9b2637c97aee17328d9 = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "gray",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_0716e7653370b8c753fbd2f9c1ede7f0 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_a5f758c564b7eabda628407e79e4c49c = $(`<div id="html_a5f758c564b7eabda628407e79e4c49c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم المكان المخملي لتقديم الوجبات</b><br> السجل التجاري: 2051235362<br> المنطقة: الخبر<br> الحارة: التحلية<br> <a href="https://www.google.com/maps?q=26.19919578,50.2123754899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_0716e7653370b8c753fbd2f9c1ede7f0.setContent(html_a5f758c564b7eabda628407e79e4c49c);
618
-
619
-
620
-
621
- marker_83292d78cd69c3923c49d4893285c956.bindPopup(popup_0716e7653370b8c753fbd2f9c1ede7f0)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_83292d78cd69c3923c49d4893285c956.bindTooltip(
628
- `<div>
629
- مطعم المكان المخملي لتقديم الوجبات
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_83292d78cd69c3923c49d4893285c956.setIcon(icon_736d2a4f6e15f9b2637c97aee17328d9);
638
-
639
-
640
- var marker_802a906804a306376cc736b6131c3021 = L.marker(
641
- [26.1791793, 50.1858262599999],
642
- {
643
- }
644
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
645
-
646
-
647
- var icon_d109d3be68ed9e7fd142e499306f959d = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "gray",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_2380e75b30aa3e8d758ee6d49edd9877 = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_7b79846907cfe2b3ce19b6f22e7ae1f9 = $(`<div id="html_7b79846907cfe2b3ce19b6f22e7ae1f9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فيلا بارك للشقق المخدومة</b><br> السجل التجاري: 2051056088<br> المنطقة: الخبر<br> الحارة: التحلية<br> <a href="https://www.google.com/maps?q=26.1791793,50.1858262599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_2380e75b30aa3e8d758ee6d49edd9877.setContent(html_7b79846907cfe2b3ce19b6f22e7ae1f9);
666
-
667
-
668
-
669
- marker_802a906804a306376cc736b6131c3021.bindPopup(popup_2380e75b30aa3e8d758ee6d49edd9877)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_802a906804a306376cc736b6131c3021.bindTooltip(
676
- `<div>
677
- مؤسسة فيلا بارك للشقق المخدومة
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_802a906804a306376cc736b6131c3021.setIcon(icon_d109d3be68ed9e7fd142e499306f959d);
686
-
687
-
688
- var marker_3c9cf356a34ce2dcad0da6e514832264 = L.marker(
689
- [26.1964830199999, 50.2068804999999],
690
- {
691
- }
692
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
693
-
694
-
695
- var icon_793fcf8fac1639795241aa3b110569ad = L.AwesomeMarkers.icon(
696
- {
697
- "markerColor": "gray",
698
- "iconColor": "white",
699
- "icon": "info-sign",
700
- "prefix": "glyphicon",
701
- "extraClasses": "fa-rotate-0",
702
- }
703
- );
704
-
705
-
706
- var popup_7fe25d91a3e24009c2963ead4fc36921 = L.popup({
707
- "maxWidth": 320,
708
- });
709
-
710
-
711
-
712
- var html_83ba1d08929d3ddae4dc4d65e7a74ef1 = $(`<div id="html_83ba1d08929d3ddae4dc4d65e7a74ef1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة إثراء للتعليم مساهمة مقفلة</b><br> السجل التجاري: 2051028886<br> المنطقة: الخبر<br> الحارة: التحلية<br> <a href="https://www.google.com/maps?q=26.1964830199999,50.2068804999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
713
- popup_7fe25d91a3e24009c2963ead4fc36921.setContent(html_83ba1d08929d3ddae4dc4d65e7a74ef1);
714
-
715
-
716
-
717
- marker_3c9cf356a34ce2dcad0da6e514832264.bindPopup(popup_7fe25d91a3e24009c2963ead4fc36921)
718
- ;
719
-
720
-
721
-
722
-
723
- marker_3c9cf356a34ce2dcad0da6e514832264.bindTooltip(
724
- `<div>
725
- شركة إثراء للتعليم مساهمة مقفلة
726
- </div>`,
727
- {
728
- "sticky": true,
729
- }
730
- );
731
-
732
-
733
- marker_3c9cf356a34ce2dcad0da6e514832264.setIcon(icon_793fcf8fac1639795241aa3b110569ad);
734
-
735
-
736
- var marker_bf39eab8fe32568c136f471510fc6141 = L.marker(
737
- [26.2801533499999, 50.1906684599999],
738
- {
739
- }
740
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
741
-
742
-
743
- var icon_0fe53f36709c6c57b18d9f0f31276ec2 = L.AwesomeMarkers.icon(
744
- {
745
- "markerColor": "lightblue",
746
- "iconColor": "white",
747
- "icon": "info-sign",
748
- "prefix": "glyphicon",
749
- "extraClasses": "fa-rotate-0",
750
- }
751
- );
752
-
753
-
754
- var popup_8ade24a729495ff4e07cfbeec3cb36e6 = L.popup({
755
- "maxWidth": 320,
756
- });
757
-
758
-
759
-
760
- var html_7476ea9214264aa4700a37cab2b36800 = $(`<div id="html_7476ea9214264aa4700a37cab2b36800" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى هند احمد مشبب عسيري لتقديم الوجبات</b><br> السجل التجاري: 2051244056<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.2801533499999,50.1906684599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
761
- popup_8ade24a729495ff4e07cfbeec3cb36e6.setContent(html_7476ea9214264aa4700a37cab2b36800);
762
-
763
-
764
-
765
- marker_bf39eab8fe32568c136f471510fc6141.bindPopup(popup_8ade24a729495ff4e07cfbeec3cb36e6)
766
- ;
767
-
768
-
769
-
770
-
771
- marker_bf39eab8fe32568c136f471510fc6141.bindTooltip(
772
- `<div>
773
- مقهى هند احمد مشبب عسيري لتقديم الوجبات
774
- </div>`,
775
- {
776
- "sticky": true,
777
- }
778
- );
779
-
780
-
781
- marker_bf39eab8fe32568c136f471510fc6141.setIcon(icon_0fe53f36709c6c57b18d9f0f31276ec2);
782
-
783
-
784
- var marker_b2345a2a32cc80e3e93f08215d6cc71f = L.marker(
785
- [26.2839627, 50.19582633],
786
- {
787
- }
788
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
789
-
790
-
791
- var icon_fd381ec34e629a02aad7a230c352c3e9 = L.AwesomeMarkers.icon(
792
- {
793
- "markerColor": "lightblue",
794
- "iconColor": "white",
795
- "icon": "info-sign",
796
- "prefix": "glyphicon",
797
- "extraClasses": "fa-rotate-0",
798
- }
799
- );
800
-
801
-
802
- var popup_b9be57f37611bdb040aa4fdf7de47b2b = L.popup({
803
- "maxWidth": 320,
804
- });
805
-
806
-
807
-
808
- var html_23866e5fd16ae6a62a2c1c87850b55c6 = $(`<div id="html_23866e5fd16ae6a62a2c1c87850b55c6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فندق دولف</b><br> السجل التجاري: 2051229689<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.2839627,50.19582633" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
809
- popup_b9be57f37611bdb040aa4fdf7de47b2b.setContent(html_23866e5fd16ae6a62a2c1c87850b55c6);
810
-
811
-
812
-
813
- marker_b2345a2a32cc80e3e93f08215d6cc71f.bindPopup(popup_b9be57f37611bdb040aa4fdf7de47b2b)
814
- ;
815
-
816
-
817
-
818
-
819
- marker_b2345a2a32cc80e3e93f08215d6cc71f.bindTooltip(
820
- `<div>
821
- فندق دولف
822
- </div>`,
823
- {
824
- "sticky": true,
825
- }
826
- );
827
-
828
-
829
- marker_b2345a2a32cc80e3e93f08215d6cc71f.setIcon(icon_fd381ec34e629a02aad7a230c352c3e9);
830
-
831
-
832
- map_0e6beb378b26f151c4f1b9c10631bc98.fitBounds(
833
- [[26.28118367, 50.1910662599999], [26.27203106, 50.1974081899999], [26.2073977154829, 50.2003077610347], [26.19919578, 50.2123754899999], [26.1791793, 50.1858262599999], [26.1964830199999, 50.2068804999999], [26.2801533499999, 50.1906684599999], [26.2839627, 50.19582633]],
834
- {"padding": [30, 30]}
835
- );
836
-
837
-
838
- var layer_control_7704851e50f57d9cdbdd3919c9b472ce_layers = {
839
- base_layers : {
840
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_97883a0d224768c0480b08374c06a645,
841
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_823d3221043e3f179889368a44325b5d,
842
- },
843
- overlays : {
844
- },
845
- };
846
- let layer_control_7704851e50f57d9cdbdd3919c9b472ce = L.control.layers(
847
- layer_control_7704851e50f57d9cdbdd3919c9b472ce_layers.base_layers,
848
- layer_control_7704851e50f57d9cdbdd3919c9b472ce_layers.overlays,
849
- {
850
- "position": "topright",
851
- "collapsed": false,
852
- "autoZIndex": true,
853
- }
854
- ).addTo(map_0e6beb378b26f151c4f1b9c10631bc98);
855
-
856
-
857
- </script>
858
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/22.html DELETED
@@ -1,858 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_c4c6ef6c9d6740d7d758cdaa32c5e51d {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">فيصل تركي فيصل القحطاني - 22</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 8<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>الثقبة</b>: 5 | <b>صناعية الثقبة</b>: 2 | <b>ابن سيناء</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الثقبة</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">صناعية الثقبة</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">ابن سيناء</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_c4c6ef6c9d6740d7d758cdaa32c5e51d;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مؤسسة طير الخليج للنقليات", "lat": 26.26680258, "lon": 50.1959679499999, "markerVar": "marker_66fb323784479249c88b503eee7b6b04"}, {"title": "مؤسسة شاهين لنقل الطرود", "lat": 26.2688816, "lon": 50.1915803999999, "markerVar": "marker_cb1c6f53c694acdfcf19ff9cc95c11f8"}, {"title": "شركة الشبكات المتقاربة للاتصالات و تقنية المعلومات شركة شخص واحد", "lat": 26.2827623866159, "lon": 50.1953038918758, "markerVar": "marker_4a409b1b5b9b68c8bc00aabca9831849"}, {"title": "مكتب التطوير العالمي للعقارات", "lat": 26.2852923499999, "lon": 50.1908261, "markerVar": "marker_44ed3d5cd3a6e0fb68d8edfdd8c4f5c6"}, {"title": "شركة الخبر للتطوير السياحي", "lat": 26.2863582121036, "lon": 50.1865088304286, "markerVar": "marker_e29a5dc276bc1922467f610603dc8ea3"}, {"title": "مطعم البحر الساطع لتقديم الوجبات", "lat": 26.25683339, "lon": 50.2022352099999, "markerVar": "marker_20c9c62d39191836e40341751f8a5039"}, {"title": "بوفية عاصفة الصحراء لتقديم الوجبات", "lat": 26.26068858, "lon": 50.1991514799999, "markerVar": "marker_c93036f18eb67801a26fd2a981702b72"}, {"title": "مستودع شركة سارة فرع شركة ساره المتحده", "lat": 26.2488139999999, "lon": 50.2043469099999, "markerVar": "marker_a6e32af3a674dad79408b0a6b82b8dfb"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_c4c6ef6c9d6740d7d758cdaa32c5e51d" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_c4c6ef6c9d6740d7d758cdaa32c5e51d = L.map(
384
- "map_c4c6ef6c9d6740d7d758cdaa32c5e51d",
385
- {
386
- center: [26.269554137339917, 50.19574009653799],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_b9abe27df2594f6754973a4c893dff2e = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_b9abe27df2594f6754973a4c893dff2e.addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
420
-
421
-
422
- var tile_layer_31dd3dff133eb1a5c284dd3490fb1d1d = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_31dd3dff133eb1a5c284dd3490fb1d1d.addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
440
-
441
-
442
- var locate_control_2fc3c12c8abdb3363414f64139fc0ff4 = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
445
-
446
-
447
-
448
- var marker_66fb323784479249c88b503eee7b6b04 = L.marker(
449
- [26.26680258, 50.1959679499999],
450
- {
451
- }
452
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
453
-
454
-
455
- var icon_724b2c4d3f117b5691d9ab82e06ef6c2 = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "lightblue",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_5e672539f2921384b58c599499471565 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_f61e7684f5b53f765c9d6d98f7b51ef7 = $(`<div id="html_f61e7684f5b53f765c9d6d98f7b51ef7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة طير الخليج للنقليات</b><br> السجل التجاري: 2051225903<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.26680258,50.1959679499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_5e672539f2921384b58c599499471565.setContent(html_f61e7684f5b53f765c9d6d98f7b51ef7);
474
-
475
-
476
-
477
- marker_66fb323784479249c88b503eee7b6b04.bindPopup(popup_5e672539f2921384b58c599499471565)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_66fb323784479249c88b503eee7b6b04.bindTooltip(
484
- `<div>
485
- مؤسسة طير الخليج للنقليات
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_66fb323784479249c88b503eee7b6b04.setIcon(icon_724b2c4d3f117b5691d9ab82e06ef6c2);
494
-
495
-
496
- var marker_cb1c6f53c694acdfcf19ff9cc95c11f8 = L.marker(
497
- [26.2688816, 50.1915803999999],
498
- {
499
- }
500
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
501
-
502
-
503
- var icon_7da918a28ee73a635513f26dfa96effe = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "lightblue",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_d9d86ffc12ccf2d47c24ca515126b74b = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_83ab0765c7d533b0845f464cfac7d171 = $(`<div id="html_83ab0765c7d533b0845f464cfac7d171" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة شاهين لنقل الطرود</b><br> السجل التجاري: 2051214178<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.2688816,50.1915803999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_d9d86ffc12ccf2d47c24ca515126b74b.setContent(html_83ab0765c7d533b0845f464cfac7d171);
522
-
523
-
524
-
525
- marker_cb1c6f53c694acdfcf19ff9cc95c11f8.bindPopup(popup_d9d86ffc12ccf2d47c24ca515126b74b)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_cb1c6f53c694acdfcf19ff9cc95c11f8.bindTooltip(
532
- `<div>
533
- مؤسسة شاهين لنقل الطرود
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_cb1c6f53c694acdfcf19ff9cc95c11f8.setIcon(icon_7da918a28ee73a635513f26dfa96effe);
542
-
543
-
544
- var marker_4a409b1b5b9b68c8bc00aabca9831849 = L.marker(
545
- [26.2827623866159, 50.1953038918758],
546
- {
547
- }
548
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
549
-
550
-
551
- var icon_95332988fb5f1804b896bff58766d61f = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "lightblue",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_8196fe82c37a3c34db39780db0d606f7 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_ead451a142564bc6cc8ea39b89f62db4 = $(`<div id="html_ead451a142564bc6cc8ea39b89f62db4" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الشبكات المتقاربة للاتصالات و تقنية المعلومات شركة شخص واحد</b><br> السجل التجاري: 2051174322<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.2827623866159,50.1953038918758" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_8196fe82c37a3c34db39780db0d606f7.setContent(html_ead451a142564bc6cc8ea39b89f62db4);
570
-
571
-
572
-
573
- marker_4a409b1b5b9b68c8bc00aabca9831849.bindPopup(popup_8196fe82c37a3c34db39780db0d606f7)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_4a409b1b5b9b68c8bc00aabca9831849.bindTooltip(
580
- `<div>
581
- شركة الشبكات المتقاربة للاتصالات و تقنية المعلومات شركة شخص واحد
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_4a409b1b5b9b68c8bc00aabca9831849.setIcon(icon_95332988fb5f1804b896bff58766d61f);
590
-
591
-
592
- var marker_44ed3d5cd3a6e0fb68d8edfdd8c4f5c6 = L.marker(
593
- [26.2852923499999, 50.1908261],
594
- {
595
- }
596
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
597
-
598
-
599
- var icon_4bde271cc7320e299a9db470d88af1ac = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "lightblue",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_42f8595b9a121c41b623da39e782eb16 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_031f373d2b5bf8ecc26cfd1290eddcaf = $(`<div id="html_031f373d2b5bf8ecc26cfd1290eddcaf" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب التطوير العالمي للعقارات</b><br> السجل التجاري: 2051046570<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.2852923499999,50.1908261" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_42f8595b9a121c41b623da39e782eb16.setContent(html_031f373d2b5bf8ecc26cfd1290eddcaf);
618
-
619
-
620
-
621
- marker_44ed3d5cd3a6e0fb68d8edfdd8c4f5c6.bindPopup(popup_42f8595b9a121c41b623da39e782eb16)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_44ed3d5cd3a6e0fb68d8edfdd8c4f5c6.bindTooltip(
628
- `<div>
629
- مكتب التطوير العالمي للعقارات
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_44ed3d5cd3a6e0fb68d8edfdd8c4f5c6.setIcon(icon_4bde271cc7320e299a9db470d88af1ac);
638
-
639
-
640
- var marker_e29a5dc276bc1922467f610603dc8ea3 = L.marker(
641
- [26.2863582121036, 50.1865088304286],
642
- {
643
- }
644
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
645
-
646
-
647
- var icon_2bb818c925c7cc0e96d699c92c139d72 = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "lightblue",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_7014618fec208e3a7ec422b75a40e380 = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_ce4785e61b3d78fe48458c73fbfba261 = $(`<div id="html_ce4785e61b3d78fe48458c73fbfba261" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الخبر للتطوير السياحي</b><br> السجل التجاري: 2051043705<br> المنطقة: الثقبه<br> الحارة: الثقبة<br> <a href="https://www.google.com/maps?q=26.2863582121036,50.1865088304286" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_7014618fec208e3a7ec422b75a40e380.setContent(html_ce4785e61b3d78fe48458c73fbfba261);
666
-
667
-
668
-
669
- marker_e29a5dc276bc1922467f610603dc8ea3.bindPopup(popup_7014618fec208e3a7ec422b75a40e380)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_e29a5dc276bc1922467f610603dc8ea3.bindTooltip(
676
- `<div>
677
- شركة الخبر للتطوير السياحي
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_e29a5dc276bc1922467f610603dc8ea3.setIcon(icon_2bb818c925c7cc0e96d699c92c139d72);
686
-
687
-
688
- var marker_20c9c62d39191836e40341751f8a5039 = L.marker(
689
- [26.25683339, 50.2022352099999],
690
- {
691
- }
692
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
693
-
694
-
695
- var icon_cd88a718ac17ace8cdb108f3c3befff3 = L.AwesomeMarkers.icon(
696
- {
697
- "markerColor": "black",
698
- "iconColor": "white",
699
- "icon": "info-sign",
700
- "prefix": "glyphicon",
701
- "extraClasses": "fa-rotate-0",
702
- }
703
- );
704
-
705
-
706
- var popup_2f1be7323879451cfc27023ed82be523 = L.popup({
707
- "maxWidth": 320,
708
- });
709
-
710
-
711
-
712
- var html_7485d62ddcdf0ad1bb055a92b94ffee3 = $(`<div id="html_7485d62ddcdf0ad1bb055a92b94ffee3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم البحر الساطع لتقديم الوجبات</b><br> السجل التجاري: 2051219803<br> المنطقة: الثقبه<br> الحارة: صناعية الثقبة<br> <a href="https://www.google.com/maps?q=26.25683339,50.2022352099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
713
- popup_2f1be7323879451cfc27023ed82be523.setContent(html_7485d62ddcdf0ad1bb055a92b94ffee3);
714
-
715
-
716
-
717
- marker_20c9c62d39191836e40341751f8a5039.bindPopup(popup_2f1be7323879451cfc27023ed82be523)
718
- ;
719
-
720
-
721
-
722
-
723
- marker_20c9c62d39191836e40341751f8a5039.bindTooltip(
724
- `<div>
725
- مطعم البحر الساطع لتقديم الوجبات
726
- </div>`,
727
- {
728
- "sticky": true,
729
- }
730
- );
731
-
732
-
733
- marker_20c9c62d39191836e40341751f8a5039.setIcon(icon_cd88a718ac17ace8cdb108f3c3befff3);
734
-
735
-
736
- var marker_c93036f18eb67801a26fd2a981702b72 = L.marker(
737
- [26.26068858, 50.1991514799999],
738
- {
739
- }
740
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
741
-
742
-
743
- var icon_8ea6e37bbd7aa9414b0b5ebb93080a77 = L.AwesomeMarkers.icon(
744
- {
745
- "markerColor": "black",
746
- "iconColor": "white",
747
- "icon": "info-sign",
748
- "prefix": "glyphicon",
749
- "extraClasses": "fa-rotate-0",
750
- }
751
- );
752
-
753
-
754
- var popup_dca344563af84243776812e8dd6460b2 = L.popup({
755
- "maxWidth": 320,
756
- });
757
-
758
-
759
-
760
- var html_c03dc9f289094746d47e8549fc9b5d9c = $(`<div id="html_c03dc9f289094746d47e8549fc9b5d9c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية عاصفة الصحراء لتقديم الوجبات</b><br> السجل التجاري: 2051060774<br> المنطقة: الثقبه<br> الحارة: صناعية الثقبة<br> <a href="https://www.google.com/maps?q=26.26068858,50.1991514799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
761
- popup_dca344563af84243776812e8dd6460b2.setContent(html_c03dc9f289094746d47e8549fc9b5d9c);
762
-
763
-
764
-
765
- marker_c93036f18eb67801a26fd2a981702b72.bindPopup(popup_dca344563af84243776812e8dd6460b2)
766
- ;
767
-
768
-
769
-
770
-
771
- marker_c93036f18eb67801a26fd2a981702b72.bindTooltip(
772
- `<div>
773
- بوفية عاصفة الصحراء لتقديم الوجبات
774
- </div>`,
775
- {
776
- "sticky": true,
777
- }
778
- );
779
-
780
-
781
- marker_c93036f18eb67801a26fd2a981702b72.setIcon(icon_8ea6e37bbd7aa9414b0b5ebb93080a77);
782
-
783
-
784
- var marker_a6e32af3a674dad79408b0a6b82b8dfb = L.marker(
785
- [26.2488139999999, 50.2043469099999],
786
- {
787
- }
788
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
789
-
790
-
791
- var icon_55e603d84b865a17ac230aa10596dbe1 = L.AwesomeMarkers.icon(
792
- {
793
- "markerColor": "beige",
794
- "iconColor": "white",
795
- "icon": "info-sign",
796
- "prefix": "glyphicon",
797
- "extraClasses": "fa-rotate-0",
798
- }
799
- );
800
-
801
-
802
- var popup_e8e00728206bf46ab74fdcccea7ceb1a = L.popup({
803
- "maxWidth": 320,
804
- });
805
-
806
-
807
-
808
- var html_9a4826d0fb2451421792da02164a2d74 = $(`<div id="html_9a4826d0fb2451421792da02164a2d74" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مستودع شركة سارة فرع شركة ساره المتحده</b><br> السجل التجاري: 2051015331<br> المنطقة: الثقبه<br> الحارة: ابن سيناء<br> <a href="https://www.google.com/maps?q=26.2488139999999,50.2043469099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
809
- popup_e8e00728206bf46ab74fdcccea7ceb1a.setContent(html_9a4826d0fb2451421792da02164a2d74);
810
-
811
-
812
-
813
- marker_a6e32af3a674dad79408b0a6b82b8dfb.bindPopup(popup_e8e00728206bf46ab74fdcccea7ceb1a)
814
- ;
815
-
816
-
817
-
818
-
819
- marker_a6e32af3a674dad79408b0a6b82b8dfb.bindTooltip(
820
- `<div>
821
- مستودع شركة سارة فرع شركة ساره المتحده
822
- </div>`,
823
- {
824
- "sticky": true,
825
- }
826
- );
827
-
828
-
829
- marker_a6e32af3a674dad79408b0a6b82b8dfb.setIcon(icon_55e603d84b865a17ac230aa10596dbe1);
830
-
831
-
832
- map_c4c6ef6c9d6740d7d758cdaa32c5e51d.fitBounds(
833
- [[26.26680258, 50.1959679499999], [26.2688816, 50.1915803999999], [26.2827623866159, 50.1953038918758], [26.2852923499999, 50.1908261], [26.2863582121036, 50.1865088304286], [26.25683339, 50.2022352099999], [26.26068858, 50.1991514799999], [26.2488139999999, 50.2043469099999]],
834
- {"padding": [30, 30]}
835
- );
836
-
837
-
838
- var layer_control_bd1ec4311af166f833436e0a9d16d07a_layers = {
839
- base_layers : {
840
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_b9abe27df2594f6754973a4c893dff2e,
841
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_31dd3dff133eb1a5c284dd3490fb1d1d,
842
- },
843
- overlays : {
844
- },
845
- };
846
- let layer_control_bd1ec4311af166f833436e0a9d16d07a = L.control.layers(
847
- layer_control_bd1ec4311af166f833436e0a9d16d07a_layers.base_layers,
848
- layer_control_bd1ec4311af166f833436e0a9d16d07a_layers.overlays,
849
- {
850
- "position": "topright",
851
- "collapsed": false,
852
- "autoZIndex": true,
853
- }
854
- ).addTo(map_c4c6ef6c9d6740d7d758cdaa32c5e51d);
855
-
856
-
857
- </script>
858
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/23.html DELETED
@@ -1,918 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_679e0352be5b66ed6ee7b51b1229794b {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">لين أحمد بن عبدالعزيز القصير - 23</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 9<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>الحزام الذهبي</b>: 3 | <b>الحزام الأخضر</b>: 2 | <b>الدوحة الجنوبية</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحزام الذهبي</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحزام الأخضر</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الدوحة الجنوبية</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجامعة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">القصور</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_679e0352be5b66ed6ee7b51b1229794b;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "مؤسسة زواخر للتجارة", "lat": 26.3503133, "lon": 50.1392805899999, "markerVar": "marker_d6f0ee1f641374583311862fc48537ec"}, {"title": "مؤسسة تقنية المعلومات الاولى التجارية", "lat": 26.34518851, "lon": 50.14624664, "markerVar": "marker_331731f49bb7b30e83da790f424492a0"}, {"title": "فرع شركة جميرة التجارية المحدودة", "lat": 26.33152217, "lon": 50.16217237, "markerVar": "marker_f6a29101da6ede4ad9dc61edcd3fc501"}, {"title": "مؤسسة نخبه الخبر العالمية", "lat": 26.3249156560017, "lon": 50.1566999737663, "markerVar": "marker_5c80bc111cc9599ebc0a3dcd1e15de42"}, {"title": "مؤسسة حكايا للنشر و التوزيع", "lat": 26.3079599086691, "lon": 50.2095149450764, "markerVar": "marker_551947e31267538bade4d175ed0b9771"}, {"title": "شركة تقنية تتبع المركبات", "lat": 26.3039127599999, "lon": 50.20391501, "markerVar": "marker_cba04de4cff37e23c12e9a1d399a8a69"}, {"title": "شركة أرض التنس الرياضي", "lat": 26.3224234899999, "lon": 50.2060431199999, "markerVar": "marker_4ce66a2c723f966748e41beeeee7e033"}, {"title": "شركة ساس الخبر للتدريب", "lat": 26.3150765799999, "lon": 50.2094287999999, "markerVar": "marker_706fc9693df97da5b8c3847ddde214e3"}, {"title": "مؤسسة عبدالله احمد محمد الرمضان للتخليص الجمركي", "lat": 26.3145933309268, "lon": 50.2101513626128, "markerVar": "marker_f4b0d231edfdd1beaed085380ff80018"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإع��اد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_679e0352be5b66ed6ee7b51b1229794b" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_679e0352be5b66ed6ee7b51b1229794b = L.map(
396
- "map_679e0352be5b66ed6ee7b51b1229794b",
397
- {
398
- center: [26.323989522844144, 50.182605867939465],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_679e0352be5b66ed6ee7b51b1229794b);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_1cd72c8291c16e7e2f379388cf17ceef = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_1cd72c8291c16e7e2f379388cf17ceef.addTo(map_679e0352be5b66ed6ee7b51b1229794b);
432
-
433
-
434
- var tile_layer_2221dce7f9c5153d94d6d0a881b8c95a = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_2221dce7f9c5153d94d6d0a881b8c95a.addTo(map_679e0352be5b66ed6ee7b51b1229794b);
452
-
453
-
454
- var locate_control_b74fbc9d319baf4e4b460c0f43e543df = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
457
-
458
-
459
-
460
- var marker_d6f0ee1f641374583311862fc48537ec = L.marker(
461
- [26.3503133, 50.1392805899999],
462
- {
463
- }
464
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
465
-
466
-
467
- var icon_4d9f9f1d79ed08154e261c2b3718eb85 = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "orange",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_b04b6bc311c2635db628977bc027736a = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_2aaafeec534eb6c9ce6d0eaff7f1c232 = $(`<div id="html_2aaafeec534eb6c9ce6d0eaff7f1c232" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة زواخر للتجارة</b><br> السجل التجاري: 2052101957<br> المنطقة: الظهران<br> الحارة: الجامعة<br> <a href="https://www.google.com/maps?q=26.3503133,50.1392805899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_b04b6bc311c2635db628977bc027736a.setContent(html_2aaafeec534eb6c9ce6d0eaff7f1c232);
486
-
487
-
488
-
489
- marker_d6f0ee1f641374583311862fc48537ec.bindPopup(popup_b04b6bc311c2635db628977bc027736a)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_d6f0ee1f641374583311862fc48537ec.bindTooltip(
496
- `<div>
497
- مؤسسة زواخر للتجارة
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_d6f0ee1f641374583311862fc48537ec.setIcon(icon_4d9f9f1d79ed08154e261c2b3718eb85);
506
-
507
-
508
- var marker_331731f49bb7b30e83da790f424492a0 = L.marker(
509
- [26.34518851, 50.14624664],
510
- {
511
- }
512
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
513
-
514
-
515
- var icon_eb5c2a36c0bac4f4c7d25f5136c1c363 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "lightgray",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_eb0f81ddce7d4da78e976d64ca3a4611 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_6169f8b277ccd24904b384bf4e7381b1 = $(`<div id="html_6169f8b277ccd24904b384bf4e7381b1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة تقنية المعلومات الاولى التجارية</b><br> السجل التجاري: 2052003136<br> المنطقة: الظهران<br> الحارة: القصور<br> <a href="https://www.google.com/maps?q=26.34518851,50.14624664" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_eb0f81ddce7d4da78e976d64ca3a4611.setContent(html_6169f8b277ccd24904b384bf4e7381b1);
534
-
535
-
536
-
537
- marker_331731f49bb7b30e83da790f424492a0.bindPopup(popup_eb0f81ddce7d4da78e976d64ca3a4611)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_331731f49bb7b30e83da790f424492a0.bindTooltip(
544
- `<div>
545
- مؤسسة تقنية المعلومات الاولى التجارية
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_331731f49bb7b30e83da790f424492a0.setIcon(icon_eb5c2a36c0bac4f4c7d25f5136c1c363);
554
-
555
-
556
- var marker_f6a29101da6ede4ad9dc61edcd3fc501 = L.marker(
557
- [26.33152217, 50.16217237],
558
- {
559
- }
560
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
561
-
562
-
563
- var icon_44c2cea4ee03e152163b3b496f2c6a58 = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "green",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_1f08887a816e6331e940c407fd1235cc = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_29f394accc59950ebbba96e86bae873a = $(`<div id="html_29f394accc59950ebbba96e86bae873a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فرع شركة جميرة التجارية المحدودة</b><br> السجل التجاري: 2052002594<br> المنطقة: الظهران<br> الحارة: الدوحة الجنوبية<br> <a href="https://www.google.com/maps?q=26.33152217,50.16217237" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_1f08887a816e6331e940c407fd1235cc.setContent(html_29f394accc59950ebbba96e86bae873a);
582
-
583
-
584
-
585
- marker_f6a29101da6ede4ad9dc61edcd3fc501.bindPopup(popup_1f08887a816e6331e940c407fd1235cc)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_f6a29101da6ede4ad9dc61edcd3fc501.bindTooltip(
592
- `<div>
593
- فرع شركة جميرة التجارية المحدودة
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_f6a29101da6ede4ad9dc61edcd3fc501.setIcon(icon_44c2cea4ee03e152163b3b496f2c6a58);
602
-
603
-
604
- var marker_5c80bc111cc9599ebc0a3dcd1e15de42 = L.marker(
605
- [26.3249156560017, 50.1566999737663],
606
- {
607
- }
608
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
609
-
610
-
611
- var icon_ccc6833db065734ad625b27ad415beaa = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "green",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_50fb435d009ec0f7d4caba4c1a550d8e = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_e9b6272bd3f9403c11a50759dcf0a8ae = $(`<div id="html_e9b6272bd3f9403c11a50759dcf0a8ae" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة نخبه الخبر العالمية</b><br> السجل التجاري: 2052001679<br> المنطقة: الظهران<br> الحارة: الدوحة الجنوبية<br> <a href="https://www.google.com/maps?q=26.3249156560017,50.1566999737663" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_50fb435d009ec0f7d4caba4c1a550d8e.setContent(html_e9b6272bd3f9403c11a50759dcf0a8ae);
630
-
631
-
632
-
633
- marker_5c80bc111cc9599ebc0a3dcd1e15de42.bindPopup(popup_50fb435d009ec0f7d4caba4c1a550d8e)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_5c80bc111cc9599ebc0a3dcd1e15de42.bindTooltip(
640
- `<div>
641
- مؤسسة نخبه الخبر العالمية
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_5c80bc111cc9599ebc0a3dcd1e15de42.setIcon(icon_ccc6833db065734ad625b27ad415beaa);
650
-
651
-
652
- var marker_551947e31267538bade4d175ed0b9771 = L.marker(
653
- [26.3079599086691, 50.2095149450764],
654
- {
655
- }
656
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
657
-
658
-
659
- var icon_675df46adea2fe6acaf589e20710d7c2 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "orange",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_2f810e97db99940c72a19e23caacb9b6 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_f6f9fde80b2ca79fdd2a643586fa4bab = $(`<div id="html_f6f9fde80b2ca79fdd2a643586fa4bab" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة حكايا للنشر و التوزيع</b><br> السجل التجاري: 2051228455<br> المنطقة: الخبر<br> الحارة: الحزام الأخضر<br> <a href="https://www.google.com/maps?q=26.3079599086691,50.2095149450764" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_2f810e97db99940c72a19e23caacb9b6.setContent(html_f6f9fde80b2ca79fdd2a643586fa4bab);
678
-
679
-
680
-
681
- marker_551947e31267538bade4d175ed0b9771.bindPopup(popup_2f810e97db99940c72a19e23caacb9b6)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_551947e31267538bade4d175ed0b9771.bindTooltip(
688
- `<div>
689
- مؤسسة حكايا للنشر و التوزيع
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_551947e31267538bade4d175ed0b9771.setIcon(icon_675df46adea2fe6acaf589e20710d7c2);
698
-
699
-
700
- var marker_cba04de4cff37e23c12e9a1d399a8a69 = L.marker(
701
- [26.3039127599999, 50.20391501],
702
- {
703
- }
704
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
705
-
706
-
707
- var icon_f62db9768a106dc4badd8b052da3b538 = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "orange",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_bfd2dd4ee2234eb297582598a424fa86 = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_1772d2c79fdf96e8edc349888008e481 = $(`<div id="html_1772d2c79fdf96e8edc349888008e481" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة تقنية تتبع المركبات</b><br> السجل التجاري: 2051031272<br> المنطقة: الخبر<br> الحارة: الحزام الأخضر<br> <a href="https://www.google.com/maps?q=26.3039127599999,50.20391501" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_bfd2dd4ee2234eb297582598a424fa86.setContent(html_1772d2c79fdf96e8edc349888008e481);
726
-
727
-
728
-
729
- marker_cba04de4cff37e23c12e9a1d399a8a69.bindPopup(popup_bfd2dd4ee2234eb297582598a424fa86)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_cba04de4cff37e23c12e9a1d399a8a69.bindTooltip(
736
- `<div>
737
- شركة تقنية تتبع المركبات
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_cba04de4cff37e23c12e9a1d399a8a69.setIcon(icon_f62db9768a106dc4badd8b052da3b538);
746
-
747
-
748
- var marker_4ce66a2c723f966748e41beeeee7e033 = L.marker(
749
- [26.3224234899999, 50.2060431199999],
750
- {
751
- }
752
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
753
-
754
-
755
- var icon_a4872180a8dd7ccf6aa5a9ed07aa2a47 = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "cadetblue",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_c8af7011ad7542f3ed5d00c04f5f0fcb = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_a88c9a16de6702913bb84f3921a07ca8 = $(`<div id="html_a88c9a16de6702913bb84f3921a07ca8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة أرض التنس الرياضي</b><br> السجل التجاري: 2051241119<br> المنطقة: الخبر<br> الحارة: الحزام الذهبي<br> <a href="https://www.google.com/maps?q=26.3224234899999,50.2060431199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_c8af7011ad7542f3ed5d00c04f5f0fcb.setContent(html_a88c9a16de6702913bb84f3921a07ca8);
774
-
775
-
776
-
777
- marker_4ce66a2c723f966748e41beeeee7e033.bindPopup(popup_c8af7011ad7542f3ed5d00c04f5f0fcb)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_4ce66a2c723f966748e41beeeee7e033.bindTooltip(
784
- `<div>
785
- شركة أرض التنس الرياضي
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_4ce66a2c723f966748e41beeeee7e033.setIcon(icon_a4872180a8dd7ccf6aa5a9ed07aa2a47);
794
-
795
-
796
- var marker_706fc9693df97da5b8c3847ddde214e3 = L.marker(
797
- [26.3150765799999, 50.2094287999999],
798
- {
799
- }
800
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
801
-
802
-
803
- var icon_10752a682dfd77d6780297ae923d213b = L.AwesomeMarkers.icon(
804
- {
805
- "markerColor": "cadetblue",
806
- "iconColor": "white",
807
- "icon": "info-sign",
808
- "prefix": "glyphicon",
809
- "extraClasses": "fa-rotate-0",
810
- }
811
- );
812
-
813
-
814
- var popup_12d4c7ae43bb46148998960e7a55c546 = L.popup({
815
- "maxWidth": 320,
816
- });
817
-
818
-
819
-
820
- var html_409e897f0fe4ae60a6eb5096a181f270 = $(`<div id="html_409e897f0fe4ae60a6eb5096a181f270" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة ساس الخبر للتدريب</b><br> السجل التجاري: 2051064275<br> المنطقة: الخبر<br> الحارة: الحزام الذهبي<br> <a href="https://www.google.com/maps?q=26.3150765799999,50.2094287999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
821
- popup_12d4c7ae43bb46148998960e7a55c546.setContent(html_409e897f0fe4ae60a6eb5096a181f270);
822
-
823
-
824
-
825
- marker_706fc9693df97da5b8c3847ddde214e3.bindPopup(popup_12d4c7ae43bb46148998960e7a55c546)
826
- ;
827
-
828
-
829
-
830
-
831
- marker_706fc9693df97da5b8c3847ddde214e3.bindTooltip(
832
- `<div>
833
- شركة ساس الخبر للتدريب
834
- </div>`,
835
- {
836
- "sticky": true,
837
- }
838
- );
839
-
840
-
841
- marker_706fc9693df97da5b8c3847ddde214e3.setIcon(icon_10752a682dfd77d6780297ae923d213b);
842
-
843
-
844
- var marker_f4b0d231edfdd1beaed085380ff80018 = L.marker(
845
- [26.3145933309268, 50.2101513626128],
846
- {
847
- }
848
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
849
-
850
-
851
- var icon_2831f9fe7dce4806a42fcbda96998aee = L.AwesomeMarkers.icon(
852
- {
853
- "markerColor": "cadetblue",
854
- "iconColor": "white",
855
- "icon": "info-sign",
856
- "prefix": "glyphicon",
857
- "extraClasses": "fa-rotate-0",
858
- }
859
- );
860
-
861
-
862
- var popup_28f3bfacb8a6275078fc2fc7300286c1 = L.popup({
863
- "maxWidth": 320,
864
- });
865
-
866
-
867
-
868
- var html_c7984051f4d51044141f5f32f3fb4af7 = $(`<div id="html_c7984051f4d51044141f5f32f3fb4af7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبدالله احمد محمد الرمضان للتخليص الجمركي</b><br> السجل التجاري: 2051059210<br> المنطقة: الخبر<br> الحارة: الحزام الذهبي<br> <a href="https://www.google.com/maps?q=26.3145933309268,50.2101513626128" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
869
- popup_28f3bfacb8a6275078fc2fc7300286c1.setContent(html_c7984051f4d51044141f5f32f3fb4af7);
870
-
871
-
872
-
873
- marker_f4b0d231edfdd1beaed085380ff80018.bindPopup(popup_28f3bfacb8a6275078fc2fc7300286c1)
874
- ;
875
-
876
-
877
-
878
-
879
- marker_f4b0d231edfdd1beaed085380ff80018.bindTooltip(
880
- `<div>
881
- مؤسسة عبدالله احمد محمد الرمضان للتخليص الجمركي
882
- </div>`,
883
- {
884
- "sticky": true,
885
- }
886
- );
887
-
888
-
889
- marker_f4b0d231edfdd1beaed085380ff80018.setIcon(icon_2831f9fe7dce4806a42fcbda96998aee);
890
-
891
-
892
- map_679e0352be5b66ed6ee7b51b1229794b.fitBounds(
893
- [[26.3503133, 50.1392805899999], [26.34518851, 50.14624664], [26.33152217, 50.16217237], [26.3249156560017, 50.1566999737663], [26.3079599086691, 50.2095149450764], [26.3039127599999, 50.20391501], [26.3224234899999, 50.2060431199999], [26.3150765799999, 50.2094287999999], [26.3145933309268, 50.2101513626128]],
894
- {"padding": [30, 30]}
895
- );
896
-
897
-
898
- var layer_control_076b8f32ee7c32b432f2b67c249163b6_layers = {
899
- base_layers : {
900
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_1cd72c8291c16e7e2f379388cf17ceef,
901
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_2221dce7f9c5153d94d6d0a881b8c95a,
902
- },
903
- overlays : {
904
- },
905
- };
906
- let layer_control_076b8f32ee7c32b432f2b67c249163b6 = L.control.layers(
907
- layer_control_076b8f32ee7c32b432f2b67c249163b6_layers.base_layers,
908
- layer_control_076b8f32ee7c32b432f2b67c249163b6_layers.overlays,
909
- {
910
- "position": "topright",
911
- "collapsed": false,
912
- "autoZIndex": true,
913
- }
914
- ).addTo(map_679e0352be5b66ed6ee7b51b1229794b);
915
-
916
-
917
- </script>
918
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/24.html DELETED
@@ -1,912 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_abe42f149a200aea433110eb5a1e9122 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">حنين محمد مبارك آل مبارك - 24</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 9<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>العليا</b>: 4 | <b>الخبر الجنوبية</b>: 3 | <b>الشراع</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العليا</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخبر الجنوبية</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الشراع</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البحيرة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_abe42f149a200aea433110eb5a1e9122;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مؤسسة وسائل الاتصال التجارية", "lat": 26.2791245750087, "lon": 50.213840522335, "markerVar": "marker_f83662939be0501bcb5e511ed6234be4"}, {"title": "مؤسسة الصحراء الناعمة لتقنية المعلومات", "lat": 26.2789004199999, "lon": 50.19833209, "markerVar": "marker_7d2baa34b465f78fe4b9591ac3f522b7"}, {"title": "وكالة القافله للشحن الجوي فرع شركة عثمان حامد الغامدي وأولاده", "lat": 26.27997175, "lon": 50.2098788099999, "markerVar": "marker_6bd88c32c33f37249152be665eb6f00a"}, {"title": "مؤسسة نوره محمد بن عامر الشهري التجارية", "lat": 26.1548788899999, "lon": 50.1415327599999, "markerVar": "marker_ab0a94d3ebd5f483ed118cd9482327d9"}, {"title": "شركة عناصر الغذاء للمنتجات الغذائية", "lat": 26.1901205799999, "lon": 50.18775697, "markerVar": "marker_60960e3416b9e2fba41fbb614cc3166a"}, {"title": "مؤسسة بدر بن بداح بن صحن المريخي لادارت الاملاك", "lat": 26.29519883, "lon": 50.17791316, "markerVar": "marker_47dcedb2e396485ecfceb9c367e9aad2"}, {"title": "شركة دار التقنية الذكية للاتصالات و تقنية المعلوم��ت", "lat": 26.2947479599999, "lon": 50.18528887, "markerVar": "marker_33ef82ed1311f61f583a5005c923bc9e"}, {"title": "شقق بيوت الشرق المخدومة", "lat": 26.29124617, "lon": 50.1861656299999, "markerVar": "marker_146c2f1df00bcc89cfd7e1823d4a67b1"}, {"title": "شركة الرموز الذكية للتجارة شركة ذات المسؤولية محدودة ( شخص واحد)", "lat": 26.3021262, "lon": 50.17703625, "markerVar": "marker_21280e2845ba6dcf3baf45bddbe681f0"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_abe42f149a200aea433110eb5a1e9122" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_abe42f149a200aea433110eb5a1e9122 = L.map(
390
- "map_abe42f149a200aea433110eb5a1e9122",
391
- {
392
- center: [26.262923930556482, 50.186416118037194],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_abe42f149a200aea433110eb5a1e9122);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_f819348b310bde0a718bbb76f2cd0efa = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_f819348b310bde0a718bbb76f2cd0efa.addTo(map_abe42f149a200aea433110eb5a1e9122);
426
-
427
-
428
- var tile_layer_89eab1d9819994b2d184db79fe33473d = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_89eab1d9819994b2d184db79fe33473d.addTo(map_abe42f149a200aea433110eb5a1e9122);
446
-
447
-
448
- var locate_control_ee0f391dfcb0e14ddd2adf1e5e241bfc = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
451
-
452
-
453
-
454
- var marker_f83662939be0501bcb5e511ed6234be4 = L.marker(
455
- [26.2791245750087, 50.213840522335],
456
- {
457
- }
458
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
459
-
460
-
461
- var icon_7637f0817cb15fcf676ecd078d114dc7 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "lightgray",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_e09d6358508c08461f69d273a146a0fd = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_7c98312fb9ed085c38568d81e0e9fcea = $(`<div id="html_7c98312fb9ed085c38568d81e0e9fcea" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة وسائل الاتصال التجارية</b><br> السجل التجاري: 2051056285<br> المنطقة: الثقبه<br> الحارة: الخبر الجنوبية<br> <a href="https://www.google.com/maps?q=26.2791245750087,50.213840522335" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_e09d6358508c08461f69d273a146a0fd.setContent(html_7c98312fb9ed085c38568d81e0e9fcea);
480
-
481
-
482
-
483
- marker_f83662939be0501bcb5e511ed6234be4.bindPopup(popup_e09d6358508c08461f69d273a146a0fd)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_f83662939be0501bcb5e511ed6234be4.bindTooltip(
490
- `<div>
491
- مؤسسة وسائل الاتصال التجارية
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_f83662939be0501bcb5e511ed6234be4.setIcon(icon_7637f0817cb15fcf676ecd078d114dc7);
500
-
501
-
502
- var marker_7d2baa34b465f78fe4b9591ac3f522b7 = L.marker(
503
- [26.2789004199999, 50.19833209],
504
- {
505
- }
506
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
507
-
508
-
509
- var icon_637e8d9bb448fbda9d1361e04d6fb9ec = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "lightgray",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_c090c62946fb9ca772fde3f6af64fee4 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_7c509c09b054c6ef2deb580762e69367 = $(`<div id="html_7c509c09b054c6ef2deb580762e69367" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الصحراء الناعمة لتقنية المعلومات</b><br> السجل التجاري: 2051043130<br> المنطقة: الثقبه<br> الحارة: الخبر الجنوبية<br> <a href="https://www.google.com/maps?q=26.2789004199999,50.19833209" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_c090c62946fb9ca772fde3f6af64fee4.setContent(html_7c509c09b054c6ef2deb580762e69367);
528
-
529
-
530
-
531
- marker_7d2baa34b465f78fe4b9591ac3f522b7.bindPopup(popup_c090c62946fb9ca772fde3f6af64fee4)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_7d2baa34b465f78fe4b9591ac3f522b7.bindTooltip(
538
- `<div>
539
- مؤسسة الصحراء الناعمة لتقنية المعلومات
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_7d2baa34b465f78fe4b9591ac3f522b7.setIcon(icon_637e8d9bb448fbda9d1361e04d6fb9ec);
548
-
549
-
550
- var marker_6bd88c32c33f37249152be665eb6f00a = L.marker(
551
- [26.27997175, 50.2098788099999],
552
- {
553
- }
554
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
555
-
556
-
557
- var icon_ed40e9eab6be14e78b5cc1b5f46862f3 = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "lightgray",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_dba82aa205394dfcd28d72eddc0be22c = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_3deb57da7b3e21ac16de2dc887fc093e = $(`<div id="html_3deb57da7b3e21ac16de2dc887fc093e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>وكالة القافله للشحن الجوي فرع شركة عثمان حامد الغامدي وأولاده</b><br> السجل التجاري: 2051028708<br> المنطقة: الثقبه<br> الحارة: الخبر الجنوبية<br> <a href="https://www.google.com/maps?q=26.27997175,50.2098788099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_dba82aa205394dfcd28d72eddc0be22c.setContent(html_3deb57da7b3e21ac16de2dc887fc093e);
576
-
577
-
578
-
579
- marker_6bd88c32c33f37249152be665eb6f00a.bindPopup(popup_dba82aa205394dfcd28d72eddc0be22c)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_6bd88c32c33f37249152be665eb6f00a.bindTooltip(
586
- `<div>
587
- وكالة القافله للشحن الجوي فرع شركة عثمان حامد الغامدي وأولاده
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_6bd88c32c33f37249152be665eb6f00a.setIcon(icon_ed40e9eab6be14e78b5cc1b5f46862f3);
596
-
597
-
598
- var marker_ab0a94d3ebd5f483ed118cd9482327d9 = L.marker(
599
- [26.1548788899999, 50.1415327599999],
600
- {
601
- }
602
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
603
-
604
-
605
- var icon_e7e198a68784896c5235f5ba3247ad97 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "lightgreen",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_3167826c241aff256684af75bb4a96be = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_a6b3604912337f597fcd3b3e6ec6a9a3 = $(`<div id="html_a6b3604912337f597fcd3b3e6ec6a9a3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة نوره محمد بن عامر الشهري التجارية</b><br> السجل التجاري: 2051242597<br> المنطقة: الخبر<br> الحارة: الشراع<br> <a href="https://www.google.com/maps?q=26.1548788899999,50.1415327599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_3167826c241aff256684af75bb4a96be.setContent(html_a6b3604912337f597fcd3b3e6ec6a9a3);
624
-
625
-
626
-
627
- marker_ab0a94d3ebd5f483ed118cd9482327d9.bindPopup(popup_3167826c241aff256684af75bb4a96be)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_ab0a94d3ebd5f483ed118cd9482327d9.bindTooltip(
634
- `<div>
635
- مؤسسة نوره محمد بن عامر الشهري التجارية
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_ab0a94d3ebd5f483ed118cd9482327d9.setIcon(icon_e7e198a68784896c5235f5ba3247ad97);
644
-
645
-
646
- var marker_60960e3416b9e2fba41fbb614cc3166a = L.marker(
647
- [26.1901205799999, 50.18775697],
648
- {
649
- }
650
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
651
-
652
-
653
- var icon_4db43a2d9dd7797622f3f87cb83b77c3 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "lightgray",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_5a7b66f6ba3f4467912280b8eb4e6eb7 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_1ca6d72e79c30456d8f3445a1373b21f = $(`<div id="html_1ca6d72e79c30456d8f3445a1373b21f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة عناصر الغذاء للمنتجات الغذائية</b><br> السجل التجاري: 2051159570<br> المنطقة: الخبر<br> الحارة: البحيرة<br> <a href="https://www.google.com/maps?q=26.1901205799999,50.18775697" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_5a7b66f6ba3f4467912280b8eb4e6eb7.setContent(html_1ca6d72e79c30456d8f3445a1373b21f);
672
-
673
-
674
-
675
- marker_60960e3416b9e2fba41fbb614cc3166a.bindPopup(popup_5a7b66f6ba3f4467912280b8eb4e6eb7)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_60960e3416b9e2fba41fbb614cc3166a.bindTooltip(
682
- `<div>
683
- شركة عناصر الغذاء للمنتجات الغذائية
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_60960e3416b9e2fba41fbb614cc3166a.setIcon(icon_4db43a2d9dd7797622f3f87cb83b77c3);
692
-
693
-
694
- var marker_47dcedb2e396485ecfceb9c367e9aad2 = L.marker(
695
- [26.29519883, 50.17791316],
696
- {
697
- }
698
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
699
-
700
-
701
- var icon_28e2a8b10f2edfedd35577b826258dec = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "lightblue",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_bec60b8eb25a5b6c592e2b97ab3090af = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_66e566a92ebb79fc0c8d276a0bc7c4dc = $(`<div id="html_66e566a92ebb79fc0c8d276a0bc7c4dc" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بدر بن بداح بن صحن المريخي لادارت الاملاك</b><br> السجل التجاري: 2051251333<br> المنطقة: الخبر<br> الحارة: العليا<br> <a href="https://www.google.com/maps?q=26.29519883,50.17791316" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_bec60b8eb25a5b6c592e2b97ab3090af.setContent(html_66e566a92ebb79fc0c8d276a0bc7c4dc);
720
-
721
-
722
-
723
- marker_47dcedb2e396485ecfceb9c367e9aad2.bindPopup(popup_bec60b8eb25a5b6c592e2b97ab3090af)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_47dcedb2e396485ecfceb9c367e9aad2.bindTooltip(
730
- `<div>
731
- مؤسسة بدر بن بداح بن صحن المريخي لادارت الاملاك
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_47dcedb2e396485ecfceb9c367e9aad2.setIcon(icon_28e2a8b10f2edfedd35577b826258dec);
740
-
741
-
742
- var marker_33ef82ed1311f61f583a5005c923bc9e = L.marker(
743
- [26.2947479599999, 50.18528887],
744
- {
745
- }
746
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
747
-
748
-
749
- var icon_bb3a84a325a82a0dbc724b2f5394d451 = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "lightblue",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_e7c350b2653e4e269fff26b0c4696631 = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_fd9149d17cd060e75c57b10c571cb6b1 = $(`<div id="html_fd9149d17cd060e75c57b10c571cb6b1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة دار التقنية الذكية للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2051227607<br> المنطقة: الخبر<br> الحارة: العليا<br> <a href="https://www.google.com/maps?q=26.2947479599999,50.18528887" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_e7c350b2653e4e269fff26b0c4696631.setContent(html_fd9149d17cd060e75c57b10c571cb6b1);
768
-
769
-
770
-
771
- marker_33ef82ed1311f61f583a5005c923bc9e.bindPopup(popup_e7c350b2653e4e269fff26b0c4696631)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_33ef82ed1311f61f583a5005c923bc9e.bindTooltip(
778
- `<div>
779
- شركة دار التقنية الذكية للاتصالات و تقنية المعلومات
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_33ef82ed1311f61f583a5005c923bc9e.setIcon(icon_bb3a84a325a82a0dbc724b2f5394d451);
788
-
789
-
790
- var marker_146c2f1df00bcc89cfd7e1823d4a67b1 = L.marker(
791
- [26.29124617, 50.1861656299999],
792
- {
793
- }
794
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
795
-
796
-
797
- var icon_cf643fe5203d929cfe2ac79e63c16620 = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "lightblue",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_b81e308d23febc8e285c0a1624d572f8 = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_da9be76876114ffed1655dbe4bc42a27 = $(`<div id="html_da9be76876114ffed1655dbe4bc42a27" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق بيوت الشرق المخدومة</b><br> السجل التجاري: 2051225270<br> المنطقة: الخبر<br> الحارة: العليا<br> <a href="https://www.google.com/maps?q=26.29124617,50.1861656299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_b81e308d23febc8e285c0a1624d572f8.setContent(html_da9be76876114ffed1655dbe4bc42a27);
816
-
817
-
818
-
819
- marker_146c2f1df00bcc89cfd7e1823d4a67b1.bindPopup(popup_b81e308d23febc8e285c0a1624d572f8)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_146c2f1df00bcc89cfd7e1823d4a67b1.bindTooltip(
826
- `<div>
827
- شقق بيوت الشرق المخدومة
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_146c2f1df00bcc89cfd7e1823d4a67b1.setIcon(icon_cf643fe5203d929cfe2ac79e63c16620);
836
-
837
-
838
- var marker_21280e2845ba6dcf3baf45bddbe681f0 = L.marker(
839
- [26.3021262, 50.17703625],
840
- {
841
- }
842
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
843
-
844
-
845
- var icon_590adb9aa218b261f95378b3ea53b944 = L.AwesomeMarkers.icon(
846
- {
847
- "markerColor": "lightblue",
848
- "iconColor": "white",
849
- "icon": "info-sign",
850
- "prefix": "glyphicon",
851
- "extraClasses": "fa-rotate-0",
852
- }
853
- );
854
-
855
-
856
- var popup_8d3f3953a2e0df0583b123fc0c5115cb = L.popup({
857
- "maxWidth": 320,
858
- });
859
-
860
-
861
-
862
- var html_ec38e88cbcf847678362f8c6888b1c16 = $(`<div id="html_ec38e88cbcf847678362f8c6888b1c16" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الرموز الذكية للتجارة شركة ذات المسؤولية محدودة ( شخص واحد)</b><br> السجل التجاري: 2051220489<br> المنطقة: الخبر<br> الحارة: العليا<br> <a href="https://www.google.com/maps?q=26.3021262,50.17703625" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
863
- popup_8d3f3953a2e0df0583b123fc0c5115cb.setContent(html_ec38e88cbcf847678362f8c6888b1c16);
864
-
865
-
866
-
867
- marker_21280e2845ba6dcf3baf45bddbe681f0.bindPopup(popup_8d3f3953a2e0df0583b123fc0c5115cb)
868
- ;
869
-
870
-
871
-
872
-
873
- marker_21280e2845ba6dcf3baf45bddbe681f0.bindTooltip(
874
- `<div>
875
- شركة الرموز الذكية للتجارة شركة ذات المسؤولية محدودة ( شخص واحد)
876
- </div>`,
877
- {
878
- "sticky": true,
879
- }
880
- );
881
-
882
-
883
- marker_21280e2845ba6dcf3baf45bddbe681f0.setIcon(icon_590adb9aa218b261f95378b3ea53b944);
884
-
885
-
886
- map_abe42f149a200aea433110eb5a1e9122.fitBounds(
887
- [[26.2791245750087, 50.213840522335], [26.2789004199999, 50.19833209], [26.27997175, 50.2098788099999], [26.1548788899999, 50.1415327599999], [26.1901205799999, 50.18775697], [26.29519883, 50.17791316], [26.2947479599999, 50.18528887], [26.29124617, 50.1861656299999], [26.3021262, 50.17703625]],
888
- {"padding": [30, 30]}
889
- );
890
-
891
-
892
- var layer_control_6f40a2ec56fd18aaa1ad63268c419c9c_layers = {
893
- base_layers : {
894
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_f819348b310bde0a718bbb76f2cd0efa,
895
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_89eab1d9819994b2d184db79fe33473d,
896
- },
897
- overlays : {
898
- },
899
- };
900
- let layer_control_6f40a2ec56fd18aaa1ad63268c419c9c = L.control.layers(
901
- layer_control_6f40a2ec56fd18aaa1ad63268c419c9c_layers.base_layers,
902
- layer_control_6f40a2ec56fd18aaa1ad63268c419c9c_layers.overlays,
903
- {
904
- "position": "topright",
905
- "collapsed": false,
906
- "autoZIndex": true,
907
- }
908
- ).addTo(map_abe42f149a200aea433110eb5a1e9122);
909
-
910
-
911
- </script>
912
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/25.html DELETED
@@ -1,966 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_2e006817332dd7e190cd117701d99a41 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نيللي حسين عبدالله الجعص - 25</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>الأندلس</b>: 3 | <b>الخزامى</b>: 3 | <b>العليا</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الأندلس</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخزامى</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العليا</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الهدا</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">التعاون</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_2e006817332dd7e190cd117701d99a41;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "فندق زارا كونتيننتال الخبر", "lat": 26.3053907, "lon": 50.17466924, "markerVar": "marker_5b46bf2637c2fa076ccd68d4079a90cb"}, {"title": "شقق وقت الراحة للشقق المخدومة", "lat": 26.29080072, "lon": 50.18486301, "markerVar": "marker_3c27d6afc6f672c62d486f743fa9cea6"}, {"title": "شركة خدمات التوحد التعليمية الوقفية شركة شخص واحد", "lat": 26.3107216999999, "lon": 50.1814847699999, "markerVar": "marker_fae12862b3ae1672e29c6751c4fab581"}, {"title": "مركز سوسن خالد الدبل لضيافة الأطفال", "lat": 26.3243693, "lon": 50.1890567299999, "markerVar": "marker_80a5885e0ae06bdc28f792d562a2c3f5"}, {"title": "معهد الأصول البشرية للتدريب", "lat": 26.33348363, "lon": 50.1870948899999, "markerVar": "marker_6c04450746122d2e78c72b136cfbc666"}, {"title": "شركة دلف للتقنيات", "lat": 26.3334537699999, "lon": 50.1842785099999, "markerVar": "marker_24f5a9344de86d277c6d488669f6dd7b"}, {"title": "مؤسسة عالم الدوحة للخدمات اللوجستية", "lat": 26.2135142899999, "lon": 50.1888698599999, "markerVar": "marker_4bf7a583ed0b4511b78254e1df92d8e5"}, {"title": "مؤسسة نبراس الأماكن للإنتاج الإعلامي المرئي والمسموع", "lat": 26.2135539057589, "lon": 50.1895094905477, "markerVar": "marker_7ba904eb6fc86fc46c9b990a3639168e"}, {"title": "مدرسة بذور الشمس الأهلية", "lat": 26.20793054, "lon": 50.18443151, "markerVar": "marker_149b4e4f4d559c763800c4f29f702225"}, {"title": "شركة نجوم الإنجاز التجارية شركة شخص واحد", "lat": 26.2199122, "lon": 50.1760800799999, "markerVar": "marker_1e5a5af7c58374132c191f169024e8ec"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_2e006817332dd7e190cd117701d99a41" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_2e006817332dd7e190cd117701d99a41 = L.map(
396
- "map_2e006817332dd7e190cd117701d99a41",
397
- {
398
- center: [26.27531307557586, 50.18403380905471],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_2e006817332dd7e190cd117701d99a41);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_5bc6e14be30566e6e877342db23090a3 = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_5bc6e14be30566e6e877342db23090a3.addTo(map_2e006817332dd7e190cd117701d99a41);
432
-
433
-
434
- var tile_layer_e9143fc088ccd817415a4532cd94742a = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_e9143fc088ccd817415a4532cd94742a.addTo(map_2e006817332dd7e190cd117701d99a41);
452
-
453
-
454
- var locate_control_f2c092c56248ae81bb1bfcd73c7e49f0 = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
457
-
458
-
459
-
460
- var marker_5b46bf2637c2fa076ccd68d4079a90cb = L.marker(
461
- [26.3053907, 50.17466924],
462
- {
463
- }
464
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
465
-
466
-
467
- var icon_1cabb19b4117da414c60096a1e6fafed = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "lightblue",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_b548ecd080b57a573ac01721e4e074fc = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_8ac8e25af142d22cb5dbc9978d36d260 = $(`<div id="html_8ac8e25af142d22cb5dbc9978d36d260" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فندق زارا كونتيننتال الخبر</b><br> السجل التجاري: 2051058999<br> المنطقة: الخبر<br> الحارة: العليا<br> <a href="https://www.google.com/maps?q=26.3053907,50.17466924" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_b548ecd080b57a573ac01721e4e074fc.setContent(html_8ac8e25af142d22cb5dbc9978d36d260);
486
-
487
-
488
-
489
- marker_5b46bf2637c2fa076ccd68d4079a90cb.bindPopup(popup_b548ecd080b57a573ac01721e4e074fc)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_5b46bf2637c2fa076ccd68d4079a90cb.bindTooltip(
496
- `<div>
497
- فندق زارا كونتيننتال الخبر
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_5b46bf2637c2fa076ccd68d4079a90cb.setIcon(icon_1cabb19b4117da414c60096a1e6fafed);
506
-
507
-
508
- var marker_3c27d6afc6f672c62d486f743fa9cea6 = L.marker(
509
- [26.29080072, 50.18486301],
510
- {
511
- }
512
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
513
-
514
-
515
- var icon_b320a7f5264a874960efc5a470c69257 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "lightblue",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_4f9c20c53fd594733e52ed5455124516 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_865108ceec1581e176c26fb1cf577730 = $(`<div id="html_865108ceec1581e176c26fb1cf577730" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق وقت الراحة للشقق المخدومة</b><br> السجل التجاري: 2051053450<br> المنطقة: الخبر<br> الحارة: العليا<br> <a href="https://www.google.com/maps?q=26.29080072,50.18486301" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_4f9c20c53fd594733e52ed5455124516.setContent(html_865108ceec1581e176c26fb1cf577730);
534
-
535
-
536
-
537
- marker_3c27d6afc6f672c62d486f743fa9cea6.bindPopup(popup_4f9c20c53fd594733e52ed5455124516)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_3c27d6afc6f672c62d486f743fa9cea6.bindTooltip(
544
- `<div>
545
- شقق وقت الراحة للشقق المخدومة
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_3c27d6afc6f672c62d486f743fa9cea6.setIcon(icon_b320a7f5264a874960efc5a470c69257);
554
-
555
-
556
- var marker_fae12862b3ae1672e29c6751c4fab581 = L.marker(
557
- [26.3107216999999, 50.1814847699999],
558
- {
559
- }
560
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
561
-
562
-
563
- var icon_5794ff4ddafad581d187d9fe125a6337 = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "green",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_f77a6c8d899a87912bc7bcbc3aa4e65d = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_1f13e8452ee77f20c53b5631220173b5 = $(`<div id="html_1f13e8452ee77f20c53b5631220173b5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة خدمات التوحد التعليمية الوقفية شركة شخص واحد</b><br> السجل التجاري: 2051224366<br> المنطقة: الخبر<br> الحارة: الهدا<br> <a href="https://www.google.com/maps?q=26.3107216999999,50.1814847699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_f77a6c8d899a87912bc7bcbc3aa4e65d.setContent(html_1f13e8452ee77f20c53b5631220173b5);
582
-
583
-
584
-
585
- marker_fae12862b3ae1672e29c6751c4fab581.bindPopup(popup_f77a6c8d899a87912bc7bcbc3aa4e65d)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_fae12862b3ae1672e29c6751c4fab581.bindTooltip(
592
- `<div>
593
- شركة خدمات التوحد التعليمية الوقفية شركة شخص واحد
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_fae12862b3ae1672e29c6751c4fab581.setIcon(icon_5794ff4ddafad581d187d9fe125a6337);
602
-
603
-
604
- var marker_80a5885e0ae06bdc28f792d562a2c3f5 = L.marker(
605
- [26.3243693, 50.1890567299999],
606
- {
607
- }
608
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
609
-
610
-
611
- var icon_f2e50b2e1e6a25fcdafe04f1b205688a = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "gray",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_5845b1c3d6db03d0ffe5093ffbff1c98 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_5b89a43df38ecd406c86b77fe8b04106 = $(`<div id="html_5b89a43df38ecd406c86b77fe8b04106" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز سوسن خالد الدبل لضيافة الأطفال</b><br> السجل التجاري: 2051060114<br> المنطقة: الخبر<br> الحارة: الأندلس<br> <a href="https://www.google.com/maps?q=26.3243693,50.1890567299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_5845b1c3d6db03d0ffe5093ffbff1c98.setContent(html_5b89a43df38ecd406c86b77fe8b04106);
630
-
631
-
632
-
633
- marker_80a5885e0ae06bdc28f792d562a2c3f5.bindPopup(popup_5845b1c3d6db03d0ffe5093ffbff1c98)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_80a5885e0ae06bdc28f792d562a2c3f5.bindTooltip(
640
- `<div>
641
- مركز سوسن خالد الدبل لضيافة الأطفال
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_80a5885e0ae06bdc28f792d562a2c3f5.setIcon(icon_f2e50b2e1e6a25fcdafe04f1b205688a);
650
-
651
-
652
- var marker_6c04450746122d2e78c72b136cfbc666 = L.marker(
653
- [26.33348363, 50.1870948899999],
654
- {
655
- }
656
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
657
-
658
-
659
- var icon_d54c1dd66c356b6cb4f248881a417d05 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "gray",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_95cc1747c2a91943e7f118b0f4194249 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_47ac7bbad3bc7e29f91b1a63152dd692 = $(`<div id="html_47ac7bbad3bc7e29f91b1a63152dd692" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>معهد الأصول البشرية للتدريب</b><br> السجل التجاري: 2051047202<br> المنطقة: الخبر<br> الحارة: الأندلس<br> <a href="https://www.google.com/maps?q=26.33348363,50.1870948899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_95cc1747c2a91943e7f118b0f4194249.setContent(html_47ac7bbad3bc7e29f91b1a63152dd692);
678
-
679
-
680
-
681
- marker_6c04450746122d2e78c72b136cfbc666.bindPopup(popup_95cc1747c2a91943e7f118b0f4194249)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_6c04450746122d2e78c72b136cfbc666.bindTooltip(
688
- `<div>
689
- معهد الأصول البشرية للتدريب
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_6c04450746122d2e78c72b136cfbc666.setIcon(icon_d54c1dd66c356b6cb4f248881a417d05);
698
-
699
-
700
- var marker_24f5a9344de86d277c6d488669f6dd7b = L.marker(
701
- [26.3334537699999, 50.1842785099999],
702
- {
703
- }
704
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
705
-
706
-
707
- var icon_cf82fe77cc999254486a660214ab4b4e = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "gray",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_9a9b1ca19f08f25e89bbe1214c16c384 = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_bca12b4c04a56d6bfdf57c1d5f2c941a = $(`<div id="html_bca12b4c04a56d6bfdf57c1d5f2c941a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة دلف للتقنيات</b><br> السجل التجاري: 2051033788<br> المنطقة: الخبر<br> الحارة: الأندلس<br> <a href="https://www.google.com/maps?q=26.3334537699999,50.1842785099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_9a9b1ca19f08f25e89bbe1214c16c384.setContent(html_bca12b4c04a56d6bfdf57c1d5f2c941a);
726
-
727
-
728
-
729
- marker_24f5a9344de86d277c6d488669f6dd7b.bindPopup(popup_9a9b1ca19f08f25e89bbe1214c16c384)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_24f5a9344de86d277c6d488669f6dd7b.bindTooltip(
736
- `<div>
737
- شركة دلف للتقنيات
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_24f5a9344de86d277c6d488669f6dd7b.setIcon(icon_cf82fe77cc999254486a660214ab4b4e);
746
-
747
-
748
- var marker_4bf7a583ed0b4511b78254e1df92d8e5 = L.marker(
749
- [26.2135142899999, 50.1888698599999],
750
- {
751
- }
752
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
753
-
754
-
755
- var icon_88384cda542267cf56450b37d3d8cf31 = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "darkblue",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_cf96c88f815e5b21968d327eb73858b8 = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_82ed85269169a1cc623d7ea6885889e3 = $(`<div id="html_82ed85269169a1cc623d7ea6885889e3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عالم الدوحة للخدمات اللوجستية</b><br> السجل التجاري: 2051242970<br> المنطقة: الخبر<br> الحارة: الخزامى<br> <a href="https://www.google.com/maps?q=26.2135142899999,50.1888698599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_cf96c88f815e5b21968d327eb73858b8.setContent(html_82ed85269169a1cc623d7ea6885889e3);
774
-
775
-
776
-
777
- marker_4bf7a583ed0b4511b78254e1df92d8e5.bindPopup(popup_cf96c88f815e5b21968d327eb73858b8)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_4bf7a583ed0b4511b78254e1df92d8e5.bindTooltip(
784
- `<div>
785
- مؤسسة عالم الدوحة للخدمات اللوجستية
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_4bf7a583ed0b4511b78254e1df92d8e5.setIcon(icon_88384cda542267cf56450b37d3d8cf31);
794
-
795
-
796
- var marker_7ba904eb6fc86fc46c9b990a3639168e = L.marker(
797
- [26.2135539057589, 50.1895094905477],
798
- {
799
- }
800
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
801
-
802
-
803
- var icon_a4b21c3be3657307c901418ceb00fd02 = L.AwesomeMarkers.icon(
804
- {
805
- "markerColor": "darkblue",
806
- "iconColor": "white",
807
- "icon": "info-sign",
808
- "prefix": "glyphicon",
809
- "extraClasses": "fa-rotate-0",
810
- }
811
- );
812
-
813
-
814
- var popup_e5405853a600c77e63ef5f21b5deb37b = L.popup({
815
- "maxWidth": 320,
816
- });
817
-
818
-
819
-
820
- var html_f993f4751b98f44404e866bf7ca00148 = $(`<div id="html_f993f4751b98f44404e866bf7ca00148" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة نبراس الأماكن للإنتاج الإعلامي المرئي والمسموع</b><br> السجل التجاري: 2051226507<br> المنطقة: الخبر<br> الحارة: الخزامى<br> <a href="https://www.google.com/maps?q=26.2135539057589,50.1895094905477" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
821
- popup_e5405853a600c77e63ef5f21b5deb37b.setContent(html_f993f4751b98f44404e866bf7ca00148);
822
-
823
-
824
-
825
- marker_7ba904eb6fc86fc46c9b990a3639168e.bindPopup(popup_e5405853a600c77e63ef5f21b5deb37b)
826
- ;
827
-
828
-
829
-
830
-
831
- marker_7ba904eb6fc86fc46c9b990a3639168e.bindTooltip(
832
- `<div>
833
- مؤسسة نبراس الأماكن للإنتاج الإعلامي المرئي والمسموع
834
- </div>`,
835
- {
836
- "sticky": true,
837
- }
838
- );
839
-
840
-
841
- marker_7ba904eb6fc86fc46c9b990a3639168e.setIcon(icon_a4b21c3be3657307c901418ceb00fd02);
842
-
843
-
844
- var marker_149b4e4f4d559c763800c4f29f702225 = L.marker(
845
- [26.20793054, 50.18443151],
846
- {
847
- }
848
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
849
-
850
-
851
- var icon_22b9a1657167294e1ae2f1bdaaf63437 = L.AwesomeMarkers.icon(
852
- {
853
- "markerColor": "darkblue",
854
- "iconColor": "white",
855
- "icon": "info-sign",
856
- "prefix": "glyphicon",
857
- "extraClasses": "fa-rotate-0",
858
- }
859
- );
860
-
861
-
862
- var popup_b4be9e6048646608b585e94ebd9279b1 = L.popup({
863
- "maxWidth": 320,
864
- });
865
-
866
-
867
-
868
- var html_82c5baea13fb622a9e9f35956575a943 = $(`<div id="html_82c5baea13fb622a9e9f35956575a943" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدرسة بذور الشمس الأهلية</b><br> السجل التجاري: 2051221490<br> المنطقة: الخبر<br> الحارة: الخزامى<br> <a href="https://www.google.com/maps?q=26.20793054,50.18443151" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
869
- popup_b4be9e6048646608b585e94ebd9279b1.setContent(html_82c5baea13fb622a9e9f35956575a943);
870
-
871
-
872
-
873
- marker_149b4e4f4d559c763800c4f29f702225.bindPopup(popup_b4be9e6048646608b585e94ebd9279b1)
874
- ;
875
-
876
-
877
-
878
-
879
- marker_149b4e4f4d559c763800c4f29f702225.bindTooltip(
880
- `<div>
881
- مدرسة بذور الشمس الأهلية
882
- </div>`,
883
- {
884
- "sticky": true,
885
- }
886
- );
887
-
888
-
889
- marker_149b4e4f4d559c763800c4f29f702225.setIcon(icon_22b9a1657167294e1ae2f1bdaaf63437);
890
-
891
-
892
- var marker_1e5a5af7c58374132c191f169024e8ec = L.marker(
893
- [26.2199122, 50.1760800799999],
894
- {
895
- }
896
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
897
-
898
-
899
- var icon_d1846cc4267933835593d4b64f6b3a99 = L.AwesomeMarkers.icon(
900
- {
901
- "markerColor": "pink",
902
- "iconColor": "white",
903
- "icon": "info-sign",
904
- "prefix": "glyphicon",
905
- "extraClasses": "fa-rotate-0",
906
- }
907
- );
908
-
909
-
910
- var popup_0e7e9a32438bccb13cf583f98b658205 = L.popup({
911
- "maxWidth": 320,
912
- });
913
-
914
-
915
-
916
- var html_005b1a03d3502a07592746ffc0570879 = $(`<div id="html_005b1a03d3502a07592746ffc0570879" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة نجوم الإنجاز التجارية شركة شخص واحد</b><br> السجل التجاري: 2051025242<br> المنطقة: الخبر<br> الحارة: التعاون<br> <a href="https://www.google.com/maps?q=26.2199122,50.1760800799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
917
- popup_0e7e9a32438bccb13cf583f98b658205.setContent(html_005b1a03d3502a07592746ffc0570879);
918
-
919
-
920
-
921
- marker_1e5a5af7c58374132c191f169024e8ec.bindPopup(popup_0e7e9a32438bccb13cf583f98b658205)
922
- ;
923
-
924
-
925
-
926
-
927
- marker_1e5a5af7c58374132c191f169024e8ec.bindTooltip(
928
- `<div>
929
- شركة نجوم الإنجاز التجارية شركة شخص واحد
930
- </div>`,
931
- {
932
- "sticky": true,
933
- }
934
- );
935
-
936
-
937
- marker_1e5a5af7c58374132c191f169024e8ec.setIcon(icon_d1846cc4267933835593d4b64f6b3a99);
938
-
939
-
940
- map_2e006817332dd7e190cd117701d99a41.fitBounds(
941
- [[26.3053907, 50.17466924], [26.29080072, 50.18486301], [26.3107216999999, 50.1814847699999], [26.3243693, 50.1890567299999], [26.33348363, 50.1870948899999], [26.3334537699999, 50.1842785099999], [26.2135142899999, 50.1888698599999], [26.2135539057589, 50.1895094905477], [26.20793054, 50.18443151], [26.2199122, 50.1760800799999]],
942
- {"padding": [30, 30]}
943
- );
944
-
945
-
946
- var layer_control_4b37a8aaf2f23a722cdac6db7716a84f_layers = {
947
- base_layers : {
948
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_5bc6e14be30566e6e877342db23090a3,
949
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_e9143fc088ccd817415a4532cd94742a,
950
- },
951
- overlays : {
952
- },
953
- };
954
- let layer_control_4b37a8aaf2f23a722cdac6db7716a84f = L.control.layers(
955
- layer_control_4b37a8aaf2f23a722cdac6db7716a84f_layers.base_layers,
956
- layer_control_4b37a8aaf2f23a722cdac6db7716a84f_layers.overlays,
957
- {
958
- "position": "topright",
959
- "collapsed": false,
960
- "autoZIndex": true,
961
- }
962
- ).addTo(map_2e006817332dd7e190cd117701d99a41);
963
-
964
-
965
- </script>
966
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/26.html DELETED
@@ -1,948 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_5af7d5832a9dbfdc9f8cef23f0ecd013 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">شيماء عبدالرحمن بن دحباش سودي - 26</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 2<br>
140
- <b>الأكثر:</b> <b>العقربية</b>: 6 | <b>قرطبة</b>: 4
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العقربية</span>
149
- <span style="font-size:12px;color:#666;">(6)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">قرطبة</span>
155
- <span style="font-size:12px;color:#666;">(4)</span>
156
- </div>
157
-
158
- </div>
159
- </div>
160
- </div>
161
-
162
- <script>
163
- (function(){
164
- const box = document.getElementById('statsBox');
165
- const fab = document.getElementById('statsFab');
166
- const hide = document.getElementById('hideStats');
167
-
168
- hide.addEventListener('click', function(){
169
- box.style.display = 'none';
170
- fab.style.display = 'block';
171
- });
172
-
173
- fab.addEventListener('click', function(){
174
- box.style.display = 'block';
175
- fab.style.display = 'none';
176
- });
177
- })();
178
- </script>
179
-
180
-
181
- <style>
182
- .leaflet-control.est-search-control {
183
- background: rgba(255,255,255,0.92);
184
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
185
- border-radius: 14px;
186
- padding: 10px 10px;
187
- width: 320px;
188
- direction: rtl;
189
- font-family: Arial, sans-serif;
190
- }
191
- .est-search-control input {
192
- width: 100%;
193
- border: 1px solid rgba(0,0,0,0.15);
194
- border-radius: 10px;
195
- padding: 10px 12px;
196
- font-size: 13px;
197
- outline: none;
198
- }
199
- .est-search-meta {
200
- margin-top: 6px;
201
- font-size: 12px;
202
- color: #666;
203
- display:flex;
204
- justify-content:space-between;
205
- gap:8px;
206
- }
207
- .est-results {
208
- margin-top: 8px;
209
- max-height: 180px;
210
- overflow: auto;
211
- border-top: 1px solid rgba(0,0,0,0.08);
212
- padding-top: 6px;
213
- }
214
- .est-item {
215
- cursor: pointer;
216
- padding: 8px 10px;
217
- border-radius: 10px;
218
- font-size: 13px;
219
- line-height: 1.4;
220
- }
221
- .est-item:hover {
222
- background: rgba(0,0,0,0.06);
223
- }
224
- .est-badge {
225
- font-size: 12px;
226
- color: #333;
227
- }
228
- .est-clear {
229
- cursor:pointer;
230
- user-select:none;
231
- font-size:12px;
232
- color:#0b6efd;
233
- }
234
- </style>
235
-
236
- <script>
237
- (function(){
238
- const map = map_5af7d5832a9dbfdc9f8cef23f0ecd013;
239
- // items: list of objects (title, lat, lon, markerVar)
240
- const items = [{"title": "شركة شقردي لتقنية المعلومات", "lat": 26.3358038143814, "lon": 50.1930922711457, "markerVar": "marker_aaf3d669518a957d7481520f65efe550"}, {"title": "مؤسسة عفاف ابراهيم محمد مراد للتجارة", "lat": 26.33698502, "lon": 50.17963288, "markerVar": "marker_ec58bc4c4a632e29cf4a596e71a49cb2"}, {"title": "شركة أبيان للاستثمار", "lat": 26.34593591, "lon": 50.19098271, "markerVar": "marker_50c8d14f2b4a002dc88ba77a79f283bb"}, {"title": "شركة مهارات الخليج لتقنية المعلومات", "lat": 26.33640159, "lon": 50.1963648099999, "markerVar": "marker_c84bc42aebf90fc4d81912cd77f429b5"}, {"title": "مركز شرق متحد للتدريب", "lat": 26.28471035, "lon": 50.1971794, "markerVar": "marker_39b9088c8f622ff773895204986a5021"}, {"title": "مكتب نقطة البدايه العقاري", "lat": 26.29328718, "lon": 50.1946098299999, "markerVar": "marker_95f25766452035a36951d78e5c31fbb3"}, {"title": "شركة ضيافة للشقق الفندقية شركة شخص واحد", "lat": 26.2898996099999, "lon": 50.1897999199999, "markerVar": "marker_b912c5423e477ae5dab1f64f278ca7db"}, {"title": "شركة دوائر السرعة لتقنية المعلومات", "lat": 26.2847405768888, "lon": 50.1971327880632, "markerVar": "marker_a40c311e7d2d1d80f9bb3a8bf6e2ff62"}, {"title": "تمايا للشقق الفندقية", "lat": 26.2863494499999, "lon": 50.19403238, "markerVar": "marker_1e241dfe113e66f35ddb035571c32978"}, {"title": "شركة استثمار المتحدة شركة شخص واحد", "lat": 26.2865889494591, "lon": 50.1907670114833, "markerVar": "marker_cfb3ba2319a08d48977728b6813bcc73"}];
241
-
242
- function norm(s){
243
- if(!s) return "";
244
- s = (""+s).toLowerCase();
245
-
246
- // إزالة التشكيل
247
- s = s.replace(/[\u064B-\u065F]/g, "");
248
- // تطبيع عربي
249
- s = s.replace(/[إأآا]/g, "ا")
250
- .replace(/ى/g, "ي")
251
- .replace(/ة/g, "ه")
252
- .replace(/ؤ/g, "و")
253
- .replace(/ئ/g, "ي")
254
- .replace(/ـ/g, "");
255
- // مسافات
256
- s = s.replace(/\s+/g, " ").trim();
257
- return s;
258
- }
259
-
260
- const SearchControl = L.Control.extend({
261
- options: { position: 'bottomleft' },
262
- onAdd: function(){
263
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
264
- div.innerHTML = `
265
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
266
- <div class="est-search-meta">
267
- <span id="estCount" class="est-badge"></span>
268
- <span id="estClear" class="est-clear">مسح</span>
269
- </div>
270
- <div id="estResults" class="est-results"></div>
271
- `;
272
- L.DomEvent.disableClickPropagation(div);
273
- L.DomEvent.disableScrollPropagation(div);
274
- return div;
275
- }
276
- });
277
-
278
- map.addControl(new SearchControl());
279
-
280
- function renderResults(hits){
281
- const results = document.getElementById('estResults');
282
- const count = document.getElementById('estCount');
283
- results.innerHTML = "";
284
-
285
- if(!hits.length){
286
- count.textContent = "لا توجد نتائج";
287
- return;
288
- }
289
-
290
- count.textContent = "النتائج: " + hits.length;
291
-
292
- for(const h of hits.slice(0, 50)){
293
- const el = document.createElement('div');
294
- el.className = 'est-item';
295
- el.textContent = h.title;
296
- el.onclick = function(){
297
- try {
298
- const mv = window[h.markerVar];
299
- if(mv && mv.getLatLng){
300
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
301
- if(mv.openPopup) mv.openPopup();
302
- } else {
303
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
304
- }
305
- } catch(e) {}
306
- };
307
- results.appendChild(el);
308
- }
309
- }
310
-
311
- function search(q){
312
- const nq = norm(q);
313
- if(!nq) return [];
314
- const hits = [];
315
- for(const it of items){
316
- if(norm(it.title).includes(nq)) hits.push(it);
317
- }
318
- return hits;
319
- }
320
-
321
- setTimeout(function(){
322
- const input = document.getElementById('estQ');
323
- const clearBtn = document.getElementById('estClear');
324
-
325
- input.addEventListener('input', function(){
326
- renderResults(search(this.value));
327
- });
328
-
329
- input.addEventListener('keydown', function(e){
330
- if(e.key === 'Enter'){
331
- const hits = search(this.value);
332
- renderResults(hits);
333
- if(hits.length){
334
- try {
335
- const mv = window[hits[0].markerVar];
336
- if(mv && mv.getLatLng){
337
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
338
- if(mv.openPopup) mv.openPopup();
339
- }
340
- } catch(e) {}
341
- }
342
- }
343
- });
344
-
345
- clearBtn.addEventListener('click', function(){
346
- input.value = "";
347
- document.getElementById('estResults').innerHTML = "";
348
- document.getElementById('estCount').textContent = "";
349
- });
350
- }, 0);
351
- })();
352
- </script>
353
-
354
-
355
- <div style="
356
- position: fixed;
357
- bottom: 8px; left: 8px;
358
- background: rgba(255,255,255,0.85);
359
- padding: 6px 10px;
360
- border-radius: 10px;
361
- font-size: 13px;
362
- direction: rtl;
363
- z-index: 9999;
364
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
365
- font-family: Arial, sans-serif;
366
- ">
367
- تصميم وإعداد <b>نوف الناصر</b>
368
- </div>
369
-
370
-
371
- <div class="folium-map" id="map_5af7d5832a9dbfdc9f8cef23f0ecd013" ></div>
372
-
373
- </body>
374
- <script>
375
-
376
-
377
- var map_5af7d5832a9dbfdc9f8cef23f0ecd013 = L.map(
378
- "map_5af7d5832a9dbfdc9f8cef23f0ecd013",
379
- {
380
- center: [26.308070245072912, 50.192359400069186],
381
- crs: L.CRS.EPSG3857,
382
- ...{
383
- "zoom": 13,
384
- "zoomControl": true,
385
- "preferCanvas": false,
386
- }
387
-
388
- }
389
- );
390
- L.control.scale().addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
391
-
392
-
393
-
394
-
395
-
396
- var tile_layer_2e7be136f7682b5c50c91f78ab52285b = L.tileLayer(
397
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
398
- {
399
- "minZoom": 0,
400
- "maxZoom": 19,
401
- "maxNativeZoom": 19,
402
- "noWrap": false,
403
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
404
- "subdomains": "abc",
405
- "detectRetina": false,
406
- "tms": false,
407
- "opacity": 1,
408
- }
409
-
410
- );
411
-
412
-
413
- tile_layer_2e7be136f7682b5c50c91f78ab52285b.addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
414
-
415
-
416
- var tile_layer_8130857caf8ebd952fcd1d6bd500554a = L.tileLayer(
417
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
418
- {
419
- "minZoom": 0,
420
- "maxZoom": 18,
421
- "maxNativeZoom": 18,
422
- "noWrap": false,
423
- "attribution": "\u0026copy; Esri",
424
- "subdomains": "abc",
425
- "detectRetina": false,
426
- "tms": false,
427
- "opacity": 1,
428
- }
429
-
430
- );
431
-
432
-
433
- tile_layer_8130857caf8ebd952fcd1d6bd500554a.addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
434
-
435
-
436
- var locate_control_6eaa5781caf989a983ec8f2830105743 = L.control.locate(
437
- {"flyTo": true}
438
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
439
-
440
-
441
-
442
- var marker_aaf3d669518a957d7481520f65efe550 = L.marker(
443
- [26.3358038143814, 50.1930922711457],
444
- {
445
- }
446
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
447
-
448
-
449
- var icon_e573e4b8709d72389b21ee2886562172 = L.AwesomeMarkers.icon(
450
- {
451
- "markerColor": "blue",
452
- "iconColor": "white",
453
- "icon": "info-sign",
454
- "prefix": "glyphicon",
455
- "extraClasses": "fa-rotate-0",
456
- }
457
- );
458
-
459
-
460
- var popup_fe0ca1d39dc176a6ca61bc9efacb603e = L.popup({
461
- "maxWidth": 320,
462
- });
463
-
464
-
465
-
466
- var html_ed58cfd586385c14e8dafc5f55bc1490 = $(`<div id="html_ed58cfd586385c14e8dafc5f55bc1490" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة شقردي لتقنية المعلومات</b><br> السجل التجاري: 2052102245<br> المنطقة: الخبر<br> الحارة: قرطبة<br> <a href="https://www.google.com/maps?q=26.3358038143814,50.1930922711457" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
467
- popup_fe0ca1d39dc176a6ca61bc9efacb603e.setContent(html_ed58cfd586385c14e8dafc5f55bc1490);
468
-
469
-
470
-
471
- marker_aaf3d669518a957d7481520f65efe550.bindPopup(popup_fe0ca1d39dc176a6ca61bc9efacb603e)
472
- ;
473
-
474
-
475
-
476
-
477
- marker_aaf3d669518a957d7481520f65efe550.bindTooltip(
478
- `<div>
479
- شركة شقردي لتقنية المعلومات
480
- </div>`,
481
- {
482
- "sticky": true,
483
- }
484
- );
485
-
486
-
487
- marker_aaf3d669518a957d7481520f65efe550.setIcon(icon_e573e4b8709d72389b21ee2886562172);
488
-
489
-
490
- var marker_ec58bc4c4a632e29cf4a596e71a49cb2 = L.marker(
491
- [26.33698502, 50.17963288],
492
- {
493
- }
494
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
495
-
496
-
497
- var icon_11233cf2006f9cb9e76d52c77963687c = L.AwesomeMarkers.icon(
498
- {
499
- "markerColor": "blue",
500
- "iconColor": "white",
501
- "icon": "info-sign",
502
- "prefix": "glyphicon",
503
- "extraClasses": "fa-rotate-0",
504
- }
505
- );
506
-
507
-
508
- var popup_376099b519feea2f5a442cbdff3c37f3 = L.popup({
509
- "maxWidth": 320,
510
- });
511
-
512
-
513
-
514
- var html_6719a6660715a9ec29d28642df43f053 = $(`<div id="html_6719a6660715a9ec29d28642df43f053" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عفاف ابراهيم محمد مراد للتجارة</b><br> السجل التجاري: 2051231222<br> المنطقة: الخبر<br> الحارة: قرطبة<br> <a href="https://www.google.com/maps?q=26.33698502,50.17963288" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
515
- popup_376099b519feea2f5a442cbdff3c37f3.setContent(html_6719a6660715a9ec29d28642df43f053);
516
-
517
-
518
-
519
- marker_ec58bc4c4a632e29cf4a596e71a49cb2.bindPopup(popup_376099b519feea2f5a442cbdff3c37f3)
520
- ;
521
-
522
-
523
-
524
-
525
- marker_ec58bc4c4a632e29cf4a596e71a49cb2.bindTooltip(
526
- `<div>
527
- مؤسسة عفاف ابراهيم محمد مراد للتجارة
528
- </div>`,
529
- {
530
- "sticky": true,
531
- }
532
- );
533
-
534
-
535
- marker_ec58bc4c4a632e29cf4a596e71a49cb2.setIcon(icon_11233cf2006f9cb9e76d52c77963687c);
536
-
537
-
538
- var marker_50c8d14f2b4a002dc88ba77a79f283bb = L.marker(
539
- [26.34593591, 50.19098271],
540
- {
541
- }
542
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
543
-
544
-
545
- var icon_3746fe9e1acd0bf8adc6d85aa11c14c0 = L.AwesomeMarkers.icon(
546
- {
547
- "markerColor": "blue",
548
- "iconColor": "white",
549
- "icon": "info-sign",
550
- "prefix": "glyphicon",
551
- "extraClasses": "fa-rotate-0",
552
- }
553
- );
554
-
555
-
556
- var popup_ca1f651f4d74194c8ad0702c16f2ee0c = L.popup({
557
- "maxWidth": 320,
558
- });
559
-
560
-
561
-
562
- var html_1fd47f0dbf981fed8138f45b2ad11773 = $(`<div id="html_1fd47f0dbf981fed8138f45b2ad11773" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة أبيان للاستثمار</b><br> السجل التجاري: 2051053341<br> المنطقة: الخبر<br> الحارة: قرطبة<br> <a href="https://www.google.com/maps?q=26.34593591,50.19098271" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
563
- popup_ca1f651f4d74194c8ad0702c16f2ee0c.setContent(html_1fd47f0dbf981fed8138f45b2ad11773);
564
-
565
-
566
-
567
- marker_50c8d14f2b4a002dc88ba77a79f283bb.bindPopup(popup_ca1f651f4d74194c8ad0702c16f2ee0c)
568
- ;
569
-
570
-
571
-
572
-
573
- marker_50c8d14f2b4a002dc88ba77a79f283bb.bindTooltip(
574
- `<div>
575
- شركة أبيان للاستثمار
576
- </div>`,
577
- {
578
- "sticky": true,
579
- }
580
- );
581
-
582
-
583
- marker_50c8d14f2b4a002dc88ba77a79f283bb.setIcon(icon_3746fe9e1acd0bf8adc6d85aa11c14c0);
584
-
585
-
586
- var marker_c84bc42aebf90fc4d81912cd77f429b5 = L.marker(
587
- [26.33640159, 50.1963648099999],
588
- {
589
- }
590
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
591
-
592
-
593
- var icon_9d4de3dd49788c99d96200153346ca5e = L.AwesomeMarkers.icon(
594
- {
595
- "markerColor": "blue",
596
- "iconColor": "white",
597
- "icon": "info-sign",
598
- "prefix": "glyphicon",
599
- "extraClasses": "fa-rotate-0",
600
- }
601
- );
602
-
603
-
604
- var popup_61dcdf1179033af72631fa7f5b30f0f1 = L.popup({
605
- "maxWidth": 320,
606
- });
607
-
608
-
609
-
610
- var html_95e34323f193d2d3669e85eda70c12ec = $(`<div id="html_95e34323f193d2d3669e85eda70c12ec" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة مهارات الخليج لتقنية المعلومات</b><br> السجل التجاري: 2050116219<br> المنطقة: الخبر<br> الحارة: قرطبة<br> <a href="https://www.google.com/maps?q=26.33640159,50.1963648099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
611
- popup_61dcdf1179033af72631fa7f5b30f0f1.setContent(html_95e34323f193d2d3669e85eda70c12ec);
612
-
613
-
614
-
615
- marker_c84bc42aebf90fc4d81912cd77f429b5.bindPopup(popup_61dcdf1179033af72631fa7f5b30f0f1)
616
- ;
617
-
618
-
619
-
620
-
621
- marker_c84bc42aebf90fc4d81912cd77f429b5.bindTooltip(
622
- `<div>
623
- شركة مهارات الخليج لتقنية المعلومات
624
- </div>`,
625
- {
626
- "sticky": true,
627
- }
628
- );
629
-
630
-
631
- marker_c84bc42aebf90fc4d81912cd77f429b5.setIcon(icon_9d4de3dd49788c99d96200153346ca5e);
632
-
633
-
634
- var marker_39b9088c8f622ff773895204986a5021 = L.marker(
635
- [26.28471035, 50.1971794],
636
- {
637
- }
638
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
639
-
640
-
641
- var icon_9edd154a4a76b81d3d3aa22f0dda3942 = L.AwesomeMarkers.icon(
642
- {
643
- "markerColor": "darkpurple",
644
- "iconColor": "white",
645
- "icon": "info-sign",
646
- "prefix": "glyphicon",
647
- "extraClasses": "fa-rotate-0",
648
- }
649
- );
650
-
651
-
652
- var popup_7d93b50a89756e8f8d43e80db660af25 = L.popup({
653
- "maxWidth": 320,
654
- });
655
-
656
-
657
-
658
- var html_607a2464983e69bffc180520ab47e159 = $(`<div id="html_607a2464983e69bffc180520ab47e159" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز شرق متحد للتدريب</b><br> السجل التجاري: 2051245292<br> المنطقة: الخبر<br> الحارة: العقربية<br> <a href="https://www.google.com/maps?q=26.28471035,50.1971794" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
659
- popup_7d93b50a89756e8f8d43e80db660af25.setContent(html_607a2464983e69bffc180520ab47e159);
660
-
661
-
662
-
663
- marker_39b9088c8f622ff773895204986a5021.bindPopup(popup_7d93b50a89756e8f8d43e80db660af25)
664
- ;
665
-
666
-
667
-
668
-
669
- marker_39b9088c8f622ff773895204986a5021.bindTooltip(
670
- `<div>
671
- مركز شرق متحد للتدريب
672
- </div>`,
673
- {
674
- "sticky": true,
675
- }
676
- );
677
-
678
-
679
- marker_39b9088c8f622ff773895204986a5021.setIcon(icon_9edd154a4a76b81d3d3aa22f0dda3942);
680
-
681
-
682
- var marker_95f25766452035a36951d78e5c31fbb3 = L.marker(
683
- [26.29328718, 50.1946098299999],
684
- {
685
- }
686
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
687
-
688
-
689
- var icon_3eb296ba8fc29d8717ce98236a0ef44b = L.AwesomeMarkers.icon(
690
- {
691
- "markerColor": "darkpurple",
692
- "iconColor": "white",
693
- "icon": "info-sign",
694
- "prefix": "glyphicon",
695
- "extraClasses": "fa-rotate-0",
696
- }
697
- );
698
-
699
-
700
- var popup_394a67112cd3f08f3c98b852305d5ac5 = L.popup({
701
- "maxWidth": 320,
702
- });
703
-
704
-
705
-
706
- var html_73af8b75cb8f146962b002393f049cb1 = $(`<div id="html_73af8b75cb8f146962b002393f049cb1" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب نقطة البدايه العقاري</b><br> السجل التجاري: 2051240109<br> المنطقة: الخبر<br> الحارة: العقربية<br> <a href="https://www.google.com/maps?q=26.29328718,50.1946098299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
707
- popup_394a67112cd3f08f3c98b852305d5ac5.setContent(html_73af8b75cb8f146962b002393f049cb1);
708
-
709
-
710
-
711
- marker_95f25766452035a36951d78e5c31fbb3.bindPopup(popup_394a67112cd3f08f3c98b852305d5ac5)
712
- ;
713
-
714
-
715
-
716
-
717
- marker_95f25766452035a36951d78e5c31fbb3.bindTooltip(
718
- `<div>
719
- مكتب نقطة البدايه العقاري
720
- </div>`,
721
- {
722
- "sticky": true,
723
- }
724
- );
725
-
726
-
727
- marker_95f25766452035a36951d78e5c31fbb3.setIcon(icon_3eb296ba8fc29d8717ce98236a0ef44b);
728
-
729
-
730
- var marker_b912c5423e477ae5dab1f64f278ca7db = L.marker(
731
- [26.2898996099999, 50.1897999199999],
732
- {
733
- }
734
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
735
-
736
-
737
- var icon_3ed663366371bd547fc79f734d3319fb = L.AwesomeMarkers.icon(
738
- {
739
- "markerColor": "darkpurple",
740
- "iconColor": "white",
741
- "icon": "info-sign",
742
- "prefix": "glyphicon",
743
- "extraClasses": "fa-rotate-0",
744
- }
745
- );
746
-
747
-
748
- var popup_e2abda2111648bd02d04c98de4bbc98c = L.popup({
749
- "maxWidth": 320,
750
- });
751
-
752
-
753
-
754
- var html_0e397b7a9c1429ba558c650b09ef75ae = $(`<div id="html_0e397b7a9c1429ba558c650b09ef75ae" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة ضيافة للشقق الفندقية شركة شخص واحد</b><br> السجل التجاري: 2051225183<br> المنطقة: الخبر<br> الحارة: العقربية<br> <a href="https://www.google.com/maps?q=26.2898996099999,50.1897999199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
755
- popup_e2abda2111648bd02d04c98de4bbc98c.setContent(html_0e397b7a9c1429ba558c650b09ef75ae);
756
-
757
-
758
-
759
- marker_b912c5423e477ae5dab1f64f278ca7db.bindPopup(popup_e2abda2111648bd02d04c98de4bbc98c)
760
- ;
761
-
762
-
763
-
764
-
765
- marker_b912c5423e477ae5dab1f64f278ca7db.bindTooltip(
766
- `<div>
767
- شركة ضيافة للشقق الفندقية شركة شخص واحد
768
- </div>`,
769
- {
770
- "sticky": true,
771
- }
772
- );
773
-
774
-
775
- marker_b912c5423e477ae5dab1f64f278ca7db.setIcon(icon_3ed663366371bd547fc79f734d3319fb);
776
-
777
-
778
- var marker_a40c311e7d2d1d80f9bb3a8bf6e2ff62 = L.marker(
779
- [26.2847405768888, 50.1971327880632],
780
- {
781
- }
782
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
783
-
784
-
785
- var icon_8f93c0408108ae182b062d204061c21d = L.AwesomeMarkers.icon(
786
- {
787
- "markerColor": "darkpurple",
788
- "iconColor": "white",
789
- "icon": "info-sign",
790
- "prefix": "glyphicon",
791
- "extraClasses": "fa-rotate-0",
792
- }
793
- );
794
-
795
-
796
- var popup_513ceacb4ed2696bead139354e8ae429 = L.popup({
797
- "maxWidth": 320,
798
- });
799
-
800
-
801
-
802
- var html_91308dc809c8603a6642fbee24e39aa8 = $(`<div id="html_91308dc809c8603a6642fbee24e39aa8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة دوائر السرعة لتقنية المعلومات</b><br> السجل التجاري: 2051221541<br> المنطقة: الخبر<br> الحارة: العقربية<br> <a href="https://www.google.com/maps?q=26.2847405768888,50.1971327880632" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
803
- popup_513ceacb4ed2696bead139354e8ae429.setContent(html_91308dc809c8603a6642fbee24e39aa8);
804
-
805
-
806
-
807
- marker_a40c311e7d2d1d80f9bb3a8bf6e2ff62.bindPopup(popup_513ceacb4ed2696bead139354e8ae429)
808
- ;
809
-
810
-
811
-
812
-
813
- marker_a40c311e7d2d1d80f9bb3a8bf6e2ff62.bindTooltip(
814
- `<div>
815
- شركة دوائر السرعة لتقنية المعلومات
816
- </div>`,
817
- {
818
- "sticky": true,
819
- }
820
- );
821
-
822
-
823
- marker_a40c311e7d2d1d80f9bb3a8bf6e2ff62.setIcon(icon_8f93c0408108ae182b062d204061c21d);
824
-
825
-
826
- var marker_1e241dfe113e66f35ddb035571c32978 = L.marker(
827
- [26.2863494499999, 50.19403238],
828
- {
829
- }
830
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
831
-
832
-
833
- var icon_245ffb98634dcba98b9032fbec3e903e = L.AwesomeMarkers.icon(
834
- {
835
- "markerColor": "darkpurple",
836
- "iconColor": "white",
837
- "icon": "info-sign",
838
- "prefix": "glyphicon",
839
- "extraClasses": "fa-rotate-0",
840
- }
841
- );
842
-
843
-
844
- var popup_1013ba9514429d44647aec1f3914dbfe = L.popup({
845
- "maxWidth": 320,
846
- });
847
-
848
-
849
-
850
- var html_f3c1cf6acebe758fe359a062d3f8319e = $(`<div id="html_f3c1cf6acebe758fe359a062d3f8319e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>تمايا للشقق الفندقية</b><br> السجل التجاري: 2051221439<br> المنطقة: الخبر<br> الحارة: العقربية<br> <a href="https://www.google.com/maps?q=26.2863494499999,50.19403238" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
851
- popup_1013ba9514429d44647aec1f3914dbfe.setContent(html_f3c1cf6acebe758fe359a062d3f8319e);
852
-
853
-
854
-
855
- marker_1e241dfe113e66f35ddb035571c32978.bindPopup(popup_1013ba9514429d44647aec1f3914dbfe)
856
- ;
857
-
858
-
859
-
860
-
861
- marker_1e241dfe113e66f35ddb035571c32978.bindTooltip(
862
- `<div>
863
- تمايا للشقق الفندقية
864
- </div>`,
865
- {
866
- "sticky": true,
867
- }
868
- );
869
-
870
-
871
- marker_1e241dfe113e66f35ddb035571c32978.setIcon(icon_245ffb98634dcba98b9032fbec3e903e);
872
-
873
-
874
- var marker_cfb3ba2319a08d48977728b6813bcc73 = L.marker(
875
- [26.2865889494591, 50.1907670114833],
876
- {
877
- }
878
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
879
-
880
-
881
- var icon_7021c31a59ea9c2a147b334042dcd3cf = L.AwesomeMarkers.icon(
882
- {
883
- "markerColor": "darkpurple",
884
- "iconColor": "white",
885
- "icon": "info-sign",
886
- "prefix": "glyphicon",
887
- "extraClasses": "fa-rotate-0",
888
- }
889
- );
890
-
891
-
892
- var popup_e306628a5e50822fda3d21cc706ae7ec = L.popup({
893
- "maxWidth": 320,
894
- });
895
-
896
-
897
-
898
- var html_35654f557a477825eb7977ab24b02c79 = $(`<div id="html_35654f557a477825eb7977ab24b02c79" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة استثمار المتحدة شركة شخص واحد</b><br> السجل التجاري: 2051030056<br> المنطقة: الخبر<br> الحارة: العقربية<br> <a href="https://www.google.com/maps?q=26.2865889494591,50.1907670114833" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
899
- popup_e306628a5e50822fda3d21cc706ae7ec.setContent(html_35654f557a477825eb7977ab24b02c79);
900
-
901
-
902
-
903
- marker_cfb3ba2319a08d48977728b6813bcc73.bindPopup(popup_e306628a5e50822fda3d21cc706ae7ec)
904
- ;
905
-
906
-
907
-
908
-
909
- marker_cfb3ba2319a08d48977728b6813bcc73.bindTooltip(
910
- `<div>
911
- شركة استثمار المتحدة شركة شخص واحد
912
- </div>`,
913
- {
914
- "sticky": true,
915
- }
916
- );
917
-
918
-
919
- marker_cfb3ba2319a08d48977728b6813bcc73.setIcon(icon_7021c31a59ea9c2a147b334042dcd3cf);
920
-
921
-
922
- map_5af7d5832a9dbfdc9f8cef23f0ecd013.fitBounds(
923
- [[26.3358038143814, 50.1930922711457], [26.33698502, 50.17963288], [26.34593591, 50.19098271], [26.33640159, 50.1963648099999], [26.28471035, 50.1971794], [26.29328718, 50.1946098299999], [26.2898996099999, 50.1897999199999], [26.2847405768888, 50.1971327880632], [26.2863494499999, 50.19403238], [26.2865889494591, 50.1907670114833]],
924
- {"padding": [30, 30]}
925
- );
926
-
927
-
928
- var layer_control_68b998846096172a8dd01e9657d02559_layers = {
929
- base_layers : {
930
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_2e7be136f7682b5c50c91f78ab52285b,
931
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_8130857caf8ebd952fcd1d6bd500554a,
932
- },
933
- overlays : {
934
- },
935
- };
936
- let layer_control_68b998846096172a8dd01e9657d02559 = L.control.layers(
937
- layer_control_68b998846096172a8dd01e9657d02559_layers.base_layers,
938
- layer_control_68b998846096172a8dd01e9657d02559_layers.overlays,
939
- {
940
- "position": "topright",
941
- "collapsed": false,
942
- "autoZIndex": true,
943
- }
944
- ).addTo(map_5af7d5832a9dbfdc9f8cef23f0ecd013);
945
-
946
-
947
- </script>
948
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/27.html DELETED
@@ -1,864 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_f86b23e7bd3457c5176dd25ac44da50f {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">هيفاء محمد بن علي العبدالكريم - 27</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 8<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>الراكة الجنوبية</b>: 3 | <b>مدينة العمال</b>: 3 | <b>الجوهرة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الراكة الجنوبية</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">مدينة العمال</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجوهرة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الروابي</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_f86b23e7bd3457c5176dd25ac44da50f;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "شركة وكالة سناس للشحن الجوي", "lat": 26.33596924, "lon": 50.19985227, "markerVar": "marker_05c0ff078bd7f7095b36ae9dadbb21e4"}, {"title": "فوال بسمة الطائف لتقديم الوجبات", "lat": 26.36525644, "lon": 50.2033938, "markerVar": "marker_9e502b5a9ef9c44e96ecbbc4b710e52a"}, {"title": "مطعم زاوية الذهبي لتقديم الوجبات", "lat": 26.3624487, "lon": 50.20620891, "markerVar": "marker_f18fa863d476ef039f3ee9851eed7f39"}, {"title": "شركة المنشات المتصلة للمقاولات", "lat": 26.3536269030369, "lon": 50.2027069314385, "markerVar": "marker_7f72524fd8df26b13c5a20fb564019f7"}, {"title": "شركة دار ريحان لتشغيل الفنادق", "lat": 26.28426384, "lon": 50.20005761, "markerVar": "marker_2ae735111665a903e9fed5ac484be992"}, {"title": "شركة تعاون للخدمات اللوجستية", "lat": 26.28581889, "lon": 50.20251764, "markerVar": "marker_7e22a036e111b49b3f4e9c69a755b94c"}, {"title": "شركة راعيها لتقديم الوجبات", "lat": 26.2986686799999, "lon": 50.2051287999999, "markerVar": "marker_2b2674154d4fe03a13245d23acce2445"}, {"title": "شركة ألوان الحمض للا��تاج الفني", "lat": 26.3302970565686, "lon": 50.2129447999867, "markerVar": "marker_bfeec6dae00fb04d666265f19db6d669"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_f86b23e7bd3457c5176dd25ac44da50f" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_f86b23e7bd3457c5176dd25ac44da50f = L.map(
390
- "map_f86b23e7bd3457c5176dd25ac44da50f",
391
- {
392
- center: [26.327043718700676, 50.20410134517814],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_32af5d7b0fafbc2eef328c39cc7ce822 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_32af5d7b0fafbc2eef328c39cc7ce822.addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
426
-
427
-
428
- var tile_layer_b8c671094c535924ef3449f0da8ad7ef = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_b8c671094c535924ef3449f0da8ad7ef.addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
446
-
447
-
448
- var locate_control_44c0fea0f5f0eb8d448f66e533f0d058 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
451
-
452
-
453
-
454
- var marker_05c0ff078bd7f7095b36ae9dadbb21e4 = L.marker(
455
- [26.33596924, 50.19985227],
456
- {
457
- }
458
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
459
-
460
-
461
- var icon_bb99017bd950f28f532a9acf0547d9d1 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "darkblue",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_6d27a203356d8ea9c67ecb9681c7c69d = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_9f3583697db3bad40ae83cc7d31f90ba = $(`<div id="html_9f3583697db3bad40ae83cc7d31f90ba" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة وكالة سناس للشحن الجوي</b><br> السجل التجاري: 2051035724<br> المنطقة: الخبر<br> الحارة: الجوهرة<br> <a href="https://www.google.com/maps?q=26.33596924,50.19985227" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_6d27a203356d8ea9c67ecb9681c7c69d.setContent(html_9f3583697db3bad40ae83cc7d31f90ba);
480
-
481
-
482
-
483
- marker_05c0ff078bd7f7095b36ae9dadbb21e4.bindPopup(popup_6d27a203356d8ea9c67ecb9681c7c69d)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_05c0ff078bd7f7095b36ae9dadbb21e4.bindTooltip(
490
- `<div>
491
- شركة وكالة سناس للشحن الجوي
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_05c0ff078bd7f7095b36ae9dadbb21e4.setIcon(icon_bb99017bd950f28f532a9acf0547d9d1);
500
-
501
-
502
- var marker_9e502b5a9ef9c44e96ecbbc4b710e52a = L.marker(
503
- [26.36525644, 50.2033938],
504
- {
505
- }
506
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
507
-
508
-
509
- var icon_eb90a20dcfac93d0b72941dfbe843891 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "darkblue",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_58305163af63a78cae3883b427524790 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_0df354f63a361f70bf5fc0799a13cdc8 = $(`<div id="html_0df354f63a361f70bf5fc0799a13cdc8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فوال بسمة الطائف لتقديم الوجبات</b><br> السجل التجاري: 2051229694<br> المنطقة: الخبر<br> الحارة: الراكة الجنوبية<br> <a href="https://www.google.com/maps?q=26.36525644,50.2033938" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_58305163af63a78cae3883b427524790.setContent(html_0df354f63a361f70bf5fc0799a13cdc8);
528
-
529
-
530
-
531
- marker_9e502b5a9ef9c44e96ecbbc4b710e52a.bindPopup(popup_58305163af63a78cae3883b427524790)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_9e502b5a9ef9c44e96ecbbc4b710e52a.bindTooltip(
538
- `<div>
539
- فوال بسمة الطائف لتقديم الوجبات
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_9e502b5a9ef9c44e96ecbbc4b710e52a.setIcon(icon_eb90a20dcfac93d0b72941dfbe843891);
548
-
549
-
550
- var marker_f18fa863d476ef039f3ee9851eed7f39 = L.marker(
551
- [26.3624487, 50.20620891],
552
- {
553
- }
554
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
555
-
556
-
557
- var icon_9ffb01c7813f6524de92e6b5b840e33e = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "darkblue",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_e409b419365b91e2ba12933b04cbe894 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_05c87f7abb3409c51cf2a754ff5560e9 = $(`<div id="html_05c87f7abb3409c51cf2a754ff5560e9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم زاوية الذهبي لتقديم الوجبات</b><br> السجل التجاري: 2051058067<br> المنطقة: الخبر<br> الحارة: الراكة الجنوبية<br> <a href="https://www.google.com/maps?q=26.3624487,50.20620891" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_e409b419365b91e2ba12933b04cbe894.setContent(html_05c87f7abb3409c51cf2a754ff5560e9);
576
-
577
-
578
-
579
- marker_f18fa863d476ef039f3ee9851eed7f39.bindPopup(popup_e409b419365b91e2ba12933b04cbe894)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_f18fa863d476ef039f3ee9851eed7f39.bindTooltip(
586
- `<div>
587
- مطعم زاوية الذهبي لتقديم الوجبات
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_f18fa863d476ef039f3ee9851eed7f39.setIcon(icon_9ffb01c7813f6524de92e6b5b840e33e);
596
-
597
-
598
- var marker_7f72524fd8df26b13c5a20fb564019f7 = L.marker(
599
- [26.3536269030369, 50.2027069314385],
600
- {
601
- }
602
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
603
-
604
-
605
- var icon_c15e48c8b7c18e103022024f251a45e3 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "darkblue",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_fc18d40accf6caf416ac92f34310174e = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_f8e597aebd4d731401cb25f149e99c38 = $(`<div id="html_f8e597aebd4d731401cb25f149e99c38" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة المنشات المتصلة للمقاولات</b><br> السجل التجاري: 2051056826<br> المنطقة: الخبر<br> الحارة: الراكة الجنوبية<br> <a href="https://www.google.com/maps?q=26.3536269030369,50.2027069314385" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_fc18d40accf6caf416ac92f34310174e.setContent(html_f8e597aebd4d731401cb25f149e99c38);
624
-
625
-
626
-
627
- marker_7f72524fd8df26b13c5a20fb564019f7.bindPopup(popup_fc18d40accf6caf416ac92f34310174e)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_7f72524fd8df26b13c5a20fb564019f7.bindTooltip(
634
- `<div>
635
- شركة المنشات المتصلة للمقاولات
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_7f72524fd8df26b13c5a20fb564019f7.setIcon(icon_c15e48c8b7c18e103022024f251a45e3);
644
-
645
-
646
- var marker_2ae735111665a903e9fed5ac484be992 = L.marker(
647
- [26.28426384, 50.20005761],
648
- {
649
- }
650
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
651
-
652
-
653
- var icon_4cf2d2dbf695539b0a381962145f6768 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "black",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_dfe934855ebd270d67f705932c8c982a = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_b37fc9fc56a56a63b4ab1f7c4a72f0d5 = $(`<div id="html_b37fc9fc56a56a63b4ab1f7c4a72f0d5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة دار ريحان لتشغيل الفنادق</b><br> السجل التجاري: 2051244664<br> المنطقة: الخبر<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.28426384,50.20005761" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_dfe934855ebd270d67f705932c8c982a.setContent(html_b37fc9fc56a56a63b4ab1f7c4a72f0d5);
672
-
673
-
674
-
675
- marker_2ae735111665a903e9fed5ac484be992.bindPopup(popup_dfe934855ebd270d67f705932c8c982a)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_2ae735111665a903e9fed5ac484be992.bindTooltip(
682
- `<div>
683
- شركة دار ريحان لتشغيل الفنادق
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_2ae735111665a903e9fed5ac484be992.setIcon(icon_4cf2d2dbf695539b0a381962145f6768);
692
-
693
-
694
- var marker_7e22a036e111b49b3f4e9c69a755b94c = L.marker(
695
- [26.28581889, 50.20251764],
696
- {
697
- }
698
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
699
-
700
-
701
- var icon_e568ba4545669c3fccdacdb5798cb9fc = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "black",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_a072bd9d74ba5c78633235589dd67705 = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_d4a5fb2b4039eba39015e9c7c76fec3e = $(`<div id="html_d4a5fb2b4039eba39015e9c7c76fec3e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة تعاون للخدمات اللوجستية</b><br> السجل التجاري: 2051233821<br> المنطقة: الخبر<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.28581889,50.20251764" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_a072bd9d74ba5c78633235589dd67705.setContent(html_d4a5fb2b4039eba39015e9c7c76fec3e);
720
-
721
-
722
-
723
- marker_7e22a036e111b49b3f4e9c69a755b94c.bindPopup(popup_a072bd9d74ba5c78633235589dd67705)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_7e22a036e111b49b3f4e9c69a755b94c.bindTooltip(
730
- `<div>
731
- شركة تعاون للخدمات اللوجستية
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_7e22a036e111b49b3f4e9c69a755b94c.setIcon(icon_e568ba4545669c3fccdacdb5798cb9fc);
740
-
741
-
742
- var marker_2b2674154d4fe03a13245d23acce2445 = L.marker(
743
- [26.2986686799999, 50.2051287999999],
744
- {
745
- }
746
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
747
-
748
-
749
- var icon_a14b6ea92a224f092867093aa61adfc7 = L.AwesomeMarkers.icon(
750
- {
751
- "markerColor": "black",
752
- "iconColor": "white",
753
- "icon": "info-sign",
754
- "prefix": "glyphicon",
755
- "extraClasses": "fa-rotate-0",
756
- }
757
- );
758
-
759
-
760
- var popup_2cf55865ca93eb63f0a52b9ef7e57fbb = L.popup({
761
- "maxWidth": 320,
762
- });
763
-
764
-
765
-
766
- var html_ded2318700f76dce8f2832802519077a = $(`<div id="html_ded2318700f76dce8f2832802519077a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة راعيها لتقديم الوجبات</b><br> السجل التجاري: 2051048297<br> المنطقة: الخبر<br> الحارة: مدينة العمال<br> <a href="https://www.google.com/maps?q=26.2986686799999,50.2051287999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
767
- popup_2cf55865ca93eb63f0a52b9ef7e57fbb.setContent(html_ded2318700f76dce8f2832802519077a);
768
-
769
-
770
-
771
- marker_2b2674154d4fe03a13245d23acce2445.bindPopup(popup_2cf55865ca93eb63f0a52b9ef7e57fbb)
772
- ;
773
-
774
-
775
-
776
-
777
- marker_2b2674154d4fe03a13245d23acce2445.bindTooltip(
778
- `<div>
779
- شركة راعيها لتقديم الوجبات
780
- </div>`,
781
- {
782
- "sticky": true,
783
- }
784
- );
785
-
786
-
787
- marker_2b2674154d4fe03a13245d23acce2445.setIcon(icon_a14b6ea92a224f092867093aa61adfc7);
788
-
789
-
790
- var marker_bfeec6dae00fb04d666265f19db6d669 = L.marker(
791
- [26.3302970565686, 50.2129447999867],
792
- {
793
- }
794
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
795
-
796
-
797
- var icon_29526f609a98812f93c4b543062d7e65 = L.AwesomeMarkers.icon(
798
- {
799
- "markerColor": "blue",
800
- "iconColor": "white",
801
- "icon": "info-sign",
802
- "prefix": "glyphicon",
803
- "extraClasses": "fa-rotate-0",
804
- }
805
- );
806
-
807
-
808
- var popup_005a42ef3fa7f993585e369c1cbdb71b = L.popup({
809
- "maxWidth": 320,
810
- });
811
-
812
-
813
-
814
- var html_c226cc519a63c5285a9e445efa7fc525 = $(`<div id="html_c226cc519a63c5285a9e445efa7fc525" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة ألوان الحمض للانتاج الفني</b><br> السجل التجاري: 2051229402<br> المنطقة: الخبر<br> الحارة: الروابي<br> <a href="https://www.google.com/maps?q=26.3302970565686,50.2129447999867" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
815
- popup_005a42ef3fa7f993585e369c1cbdb71b.setContent(html_c226cc519a63c5285a9e445efa7fc525);
816
-
817
-
818
-
819
- marker_bfeec6dae00fb04d666265f19db6d669.bindPopup(popup_005a42ef3fa7f993585e369c1cbdb71b)
820
- ;
821
-
822
-
823
-
824
-
825
- marker_bfeec6dae00fb04d666265f19db6d669.bindTooltip(
826
- `<div>
827
- شركة ألوان الحمض للانتاج الفني
828
- </div>`,
829
- {
830
- "sticky": true,
831
- }
832
- );
833
-
834
-
835
- marker_bfeec6dae00fb04d666265f19db6d669.setIcon(icon_29526f609a98812f93c4b543062d7e65);
836
-
837
-
838
- map_f86b23e7bd3457c5176dd25ac44da50f.fitBounds(
839
- [[26.33596924, 50.19985227], [26.36525644, 50.2033938], [26.3624487, 50.20620891], [26.3536269030369, 50.2027069314385], [26.28426384, 50.20005761], [26.28581889, 50.20251764], [26.2986686799999, 50.2051287999999], [26.3302970565686, 50.2129447999867]],
840
- {"padding": [30, 30]}
841
- );
842
-
843
-
844
- var layer_control_1da3e47e0d4bb87332f55b8a23b6880e_layers = {
845
- base_layers : {
846
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_32af5d7b0fafbc2eef328c39cc7ce822,
847
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_b8c671094c535924ef3449f0da8ad7ef,
848
- },
849
- overlays : {
850
- },
851
- };
852
- let layer_control_1da3e47e0d4bb87332f55b8a23b6880e = L.control.layers(
853
- layer_control_1da3e47e0d4bb87332f55b8a23b6880e_layers.base_layers,
854
- layer_control_1da3e47e0d4bb87332f55b8a23b6880e_layers.overlays,
855
- {
856
- "position": "topright",
857
- "collapsed": false,
858
- "autoZIndex": true,
859
- }
860
- ).addTo(map_f86b23e7bd3457c5176dd25ac44da50f);
861
-
862
-
863
- </script>
864
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/28.html DELETED
@@ -1,846 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_d8e1e5c6e2395081f49a356c1106d625 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">باسمه احمد بن محمد القرني - 28</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 8<br>
139
- <b>عدد الحارات:</b> 1<br>
140
- <b>الأكثر:</b> <b>الخبرالشمالية</b>: 8
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#ff6b6b;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخبرالشمالية</span>
149
- <span style="font-size:12px;color:#666;">(8)</span>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
-
156
- <script>
157
- (function(){
158
- const box = document.getElementById('statsBox');
159
- const fab = document.getElementById('statsFab');
160
- const hide = document.getElementById('hideStats');
161
-
162
- hide.addEventListener('click', function(){
163
- box.style.display = 'none';
164
- fab.style.display = 'block';
165
- });
166
-
167
- fab.addEventListener('click', function(){
168
- box.style.display = 'block';
169
- fab.style.display = 'none';
170
- });
171
- })();
172
- </script>
173
-
174
-
175
- <style>
176
- .leaflet-control.est-search-control {
177
- background: rgba(255,255,255,0.92);
178
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
179
- border-radius: 14px;
180
- padding: 10px 10px;
181
- width: 320px;
182
- direction: rtl;
183
- font-family: Arial, sans-serif;
184
- }
185
- .est-search-control input {
186
- width: 100%;
187
- border: 1px solid rgba(0,0,0,0.15);
188
- border-radius: 10px;
189
- padding: 10px 12px;
190
- font-size: 13px;
191
- outline: none;
192
- }
193
- .est-search-meta {
194
- margin-top: 6px;
195
- font-size: 12px;
196
- color: #666;
197
- display:flex;
198
- justify-content:space-between;
199
- gap:8px;
200
- }
201
- .est-results {
202
- margin-top: 8px;
203
- max-height: 180px;
204
- overflow: auto;
205
- border-top: 1px solid rgba(0,0,0,0.08);
206
- padding-top: 6px;
207
- }
208
- .est-item {
209
- cursor: pointer;
210
- padding: 8px 10px;
211
- border-radius: 10px;
212
- font-size: 13px;
213
- line-height: 1.4;
214
- }
215
- .est-item:hover {
216
- background: rgba(0,0,0,0.06);
217
- }
218
- .est-badge {
219
- font-size: 12px;
220
- color: #333;
221
- }
222
- .est-clear {
223
- cursor:pointer;
224
- user-select:none;
225
- font-size:12px;
226
- color:#0b6efd;
227
- }
228
- </style>
229
-
230
- <script>
231
- (function(){
232
- const map = map_d8e1e5c6e2395081f49a356c1106d625;
233
- // items: list of objects (title, lat, lon, markerVar)
234
- const items = [{"title": "شركة الميل الاخير العالمية المحدودة شركة شخص واحد", "lat": 26.28864515, "lon": 50.2098631, "markerVar": "marker_a08f3519591ac671e6c3b58518da3566"}, {"title": "شركة اشجر الزيتون لخدمات الاعاشة", "lat": 26.2850719099999, "lon": 50.2127994599999, "markerVar": "marker_794022cac629206b8a63a6fb2dce7fee"}, {"title": "مركز نضد للنشر و التوزيع", "lat": 26.29038899, "lon": 50.2171342899999, "markerVar": "marker_0fe612089767ac16e72f054d6ce6be01"}, {"title": "عصائر مواسم السنة الذهبية للعصيرات", "lat": 26.28801653, "lon": 50.2083333599999, "markerVar": "marker_6104352a4939a0bfa3f8f365469ce3a1"}, {"title": "مكتب بناء المجد العقاري", "lat": 26.29086328, "lon": 50.2117203, "markerVar": "marker_c693988f691288578c47bccf9382bc8b"}, {"title": "مطعم البيضة الدائرية لتقديم الوجبات", "lat": 26.29545452, "lon": 50.21840584, "markerVar": "marker_96e24f2bed025994edbd73ef2a096f8a"}, {"title": "مؤسسة واحات السعودية للاتصالات", "lat": 26.2903963950001, "lon": 50.213600091, "markerVar": "marker_2e6037a8bf57e54de690030f1f5d8cb9"}, {"title": "مؤسسة أساطير الاعلام للانتاج الفني", "lat": 26.30109892, "lon": 50.2163299699999, "markerVar": "marker_1f7ab1fcf2a92b857ecc8a44eaa8d99f"}];
235
-
236
- function norm(s){
237
- if(!s) return "";
238
- s = (""+s).toLowerCase();
239
-
240
- // إزالة التشكيل
241
- s = s.replace(/[\u064B-\u065F]/g, "");
242
- // تطبيع عربي
243
- s = s.replace(/[إأآا]/g, "ا")
244
- .replace(/ى/g, "ي")
245
- .replace(/ة/g, "ه")
246
- .replace(/ؤ/g, "و")
247
- .replace(/ئ/g, "ي")
248
- .replace(/ـ/g, "");
249
- // مسافات
250
- s = s.replace(/\s+/g, " ").trim();
251
- return s;
252
- }
253
-
254
- const SearchControl = L.Control.extend({
255
- options: { position: 'bottomleft' },
256
- onAdd: function(){
257
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
258
- div.innerHTML = `
259
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
260
- <div class="est-search-meta">
261
- <span id="estCount" class="est-badge"></span>
262
- <span id="estClear" class="est-clear">مسح</span>
263
- </div>
264
- <div id="estResults" class="est-results"></div>
265
- `;
266
- L.DomEvent.disableClickPropagation(div);
267
- L.DomEvent.disableScrollPropagation(div);
268
- return div;
269
- }
270
- });
271
-
272
- map.addControl(new SearchControl());
273
-
274
- function renderResults(hits){
275
- const results = document.getElementById('estResults');
276
- const count = document.getElementById('estCount');
277
- results.innerHTML = "";
278
-
279
- if(!hits.length){
280
- count.textContent = "لا توجد نتائج";
281
- return;
282
- }
283
-
284
- count.textContent = "النتائج: " + hits.length;
285
-
286
- for(const h of hits.slice(0, 50)){
287
- const el = document.createElement('div');
288
- el.className = 'est-item';
289
- el.textContent = h.title;
290
- el.onclick = function(){
291
- try {
292
- const mv = window[h.markerVar];
293
- if(mv && mv.getLatLng){
294
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
295
- if(mv.openPopup) mv.openPopup();
296
- } else {
297
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
298
- }
299
- } catch(e) {}
300
- };
301
- results.appendChild(el);
302
- }
303
- }
304
-
305
- function search(q){
306
- const nq = norm(q);
307
- if(!nq) return [];
308
- const hits = [];
309
- for(const it of items){
310
- if(norm(it.title).includes(nq)) hits.push(it);
311
- }
312
- return hits;
313
- }
314
-
315
- setTimeout(function(){
316
- const input = document.getElementById('estQ');
317
- const clearBtn = document.getElementById('estClear');
318
-
319
- input.addEventListener('input', function(){
320
- renderResults(search(this.value));
321
- });
322
-
323
- input.addEventListener('keydown', function(e){
324
- if(e.key === 'Enter'){
325
- const hits = search(this.value);
326
- renderResults(hits);
327
- if(hits.length){
328
- try {
329
- const mv = window[hits[0].markerVar];
330
- if(mv && mv.getLatLng){
331
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
332
- if(mv.openPopup) mv.openPopup();
333
- }
334
- } catch(e) {}
335
- }
336
- }
337
- });
338
-
339
- clearBtn.addEventListener('click', function(){
340
- input.value = "";
341
- document.getElementById('estResults').innerHTML = "";
342
- document.getElementById('estCount').textContent = "";
343
- });
344
- }, 0);
345
- })();
346
- </script>
347
-
348
-
349
- <div style="
350
- position: fixed;
351
- bottom: 8px; left: 8px;
352
- background: rgba(255,255,255,0.85);
353
- padding: 6px 10px;
354
- border-radius: 10px;
355
- font-size: 13px;
356
- direction: rtl;
357
- z-index: 9999;
358
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
359
- font-family: Arial, sans-serif;
360
- ">
361
- تصميم وإعداد <b>نوف الناصر</b>
362
- </div>
363
-
364
-
365
- <div class="folium-map" id="map_d8e1e5c6e2395081f49a356c1106d625" ></div>
366
-
367
- </body>
368
- <script>
369
-
370
-
371
- var map_d8e1e5c6e2395081f49a356c1106d625 = L.map(
372
- "map_d8e1e5c6e2395081f49a356c1106d625",
373
- {
374
- center: [26.291241961875002, 50.21352330137495],
375
- crs: L.CRS.EPSG3857,
376
- ...{
377
- "zoom": 13,
378
- "zoomControl": true,
379
- "preferCanvas": false,
380
- }
381
-
382
- }
383
- );
384
- L.control.scale().addTo(map_d8e1e5c6e2395081f49a356c1106d625);
385
-
386
-
387
-
388
-
389
-
390
- var tile_layer_1cb1f9306f246a057ccd8c4bcb7392a8 = L.tileLayer(
391
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
392
- {
393
- "minZoom": 0,
394
- "maxZoom": 19,
395
- "maxNativeZoom": 19,
396
- "noWrap": false,
397
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
398
- "subdomains": "abc",
399
- "detectRetina": false,
400
- "tms": false,
401
- "opacity": 1,
402
- }
403
-
404
- );
405
-
406
-
407
- tile_layer_1cb1f9306f246a057ccd8c4bcb7392a8.addTo(map_d8e1e5c6e2395081f49a356c1106d625);
408
-
409
-
410
- var tile_layer_a4e9363d9116c29c220647b9cf8acb94 = L.tileLayer(
411
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
412
- {
413
- "minZoom": 0,
414
- "maxZoom": 18,
415
- "maxNativeZoom": 18,
416
- "noWrap": false,
417
- "attribution": "\u0026copy; Esri",
418
- "subdomains": "abc",
419
- "detectRetina": false,
420
- "tms": false,
421
- "opacity": 1,
422
- }
423
-
424
- );
425
-
426
-
427
- tile_layer_a4e9363d9116c29c220647b9cf8acb94.addTo(map_d8e1e5c6e2395081f49a356c1106d625);
428
-
429
-
430
- var locate_control_5d7608327dd8a2a97b656a39b9a46f06 = L.control.locate(
431
- {"flyTo": true}
432
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
433
-
434
-
435
-
436
- var marker_a08f3519591ac671e6c3b58518da3566 = L.marker(
437
- [26.28864515, 50.2098631],
438
- {
439
- }
440
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
441
-
442
-
443
- var icon_42028c4e6f0d452f9758f81987b09b59 = L.AwesomeMarkers.icon(
444
- {
445
- "markerColor": "lightred",
446
- "iconColor": "white",
447
- "icon": "info-sign",
448
- "prefix": "glyphicon",
449
- "extraClasses": "fa-rotate-0",
450
- }
451
- );
452
-
453
-
454
- var popup_11acbcc50413c8e56562d101c85c1935 = L.popup({
455
- "maxWidth": 320,
456
- });
457
-
458
-
459
-
460
- var html_4140a746eb63330c1d5a058f828776d2 = $(`<div id="html_4140a746eb63330c1d5a058f828776d2" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الميل الاخير العالمية المحدودة شركة شخص واحد</b><br> السجل التجاري: 2051249517<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.28864515,50.2098631" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
461
- popup_11acbcc50413c8e56562d101c85c1935.setContent(html_4140a746eb63330c1d5a058f828776d2);
462
-
463
-
464
-
465
- marker_a08f3519591ac671e6c3b58518da3566.bindPopup(popup_11acbcc50413c8e56562d101c85c1935)
466
- ;
467
-
468
-
469
-
470
-
471
- marker_a08f3519591ac671e6c3b58518da3566.bindTooltip(
472
- `<div>
473
- شركة الميل الاخير العالمية المحدودة شركة شخص واحد
474
- </div>`,
475
- {
476
- "sticky": true,
477
- }
478
- );
479
-
480
-
481
- marker_a08f3519591ac671e6c3b58518da3566.setIcon(icon_42028c4e6f0d452f9758f81987b09b59);
482
-
483
-
484
- var marker_794022cac629206b8a63a6fb2dce7fee = L.marker(
485
- [26.2850719099999, 50.2127994599999],
486
- {
487
- }
488
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
489
-
490
-
491
- var icon_41668aba446401da96ae66b8d38de262 = L.AwesomeMarkers.icon(
492
- {
493
- "markerColor": "lightred",
494
- "iconColor": "white",
495
- "icon": "info-sign",
496
- "prefix": "glyphicon",
497
- "extraClasses": "fa-rotate-0",
498
- }
499
- );
500
-
501
-
502
- var popup_58d73a256fd6fc3b2b5259f156312fa4 = L.popup({
503
- "maxWidth": 320,
504
- });
505
-
506
-
507
-
508
- var html_876f10ccf49e8a1e3314b8ed20bb04c9 = $(`<div id="html_876f10ccf49e8a1e3314b8ed20bb04c9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة اشجر الزيتون لخدمات الاعاشة</b><br> السجل التجاري: 2051240209<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.2850719099999,50.2127994599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
509
- popup_58d73a256fd6fc3b2b5259f156312fa4.setContent(html_876f10ccf49e8a1e3314b8ed20bb04c9);
510
-
511
-
512
-
513
- marker_794022cac629206b8a63a6fb2dce7fee.bindPopup(popup_58d73a256fd6fc3b2b5259f156312fa4)
514
- ;
515
-
516
-
517
-
518
-
519
- marker_794022cac629206b8a63a6fb2dce7fee.bindTooltip(
520
- `<div>
521
- شركة اشجر الزيتون لخدمات الاعاشة
522
- </div>`,
523
- {
524
- "sticky": true,
525
- }
526
- );
527
-
528
-
529
- marker_794022cac629206b8a63a6fb2dce7fee.setIcon(icon_41668aba446401da96ae66b8d38de262);
530
-
531
-
532
- var marker_0fe612089767ac16e72f054d6ce6be01 = L.marker(
533
- [26.29038899, 50.2171342899999],
534
- {
535
- }
536
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
537
-
538
-
539
- var icon_f27d8214e6308989da71c3ed17e90f49 = L.AwesomeMarkers.icon(
540
- {
541
- "markerColor": "lightred",
542
- "iconColor": "white",
543
- "icon": "info-sign",
544
- "prefix": "glyphicon",
545
- "extraClasses": "fa-rotate-0",
546
- }
547
- );
548
-
549
-
550
- var popup_e6654249175e7e09a0c2e754851f5263 = L.popup({
551
- "maxWidth": 320,
552
- });
553
-
554
-
555
-
556
- var html_c173c2c4f1ca4a3b67a3efc06b684dcb = $(`<div id="html_c173c2c4f1ca4a3b67a3efc06b684dcb" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز نضد للنشر و التوزيع</b><br> السجل التجاري: 2051232412<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.29038899,50.2171342899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
557
- popup_e6654249175e7e09a0c2e754851f5263.setContent(html_c173c2c4f1ca4a3b67a3efc06b684dcb);
558
-
559
-
560
-
561
- marker_0fe612089767ac16e72f054d6ce6be01.bindPopup(popup_e6654249175e7e09a0c2e754851f5263)
562
- ;
563
-
564
-
565
-
566
-
567
- marker_0fe612089767ac16e72f054d6ce6be01.bindTooltip(
568
- `<div>
569
- مركز نضد للنشر و التوزيع
570
- </div>`,
571
- {
572
- "sticky": true,
573
- }
574
- );
575
-
576
-
577
- marker_0fe612089767ac16e72f054d6ce6be01.setIcon(icon_f27d8214e6308989da71c3ed17e90f49);
578
-
579
-
580
- var marker_6104352a4939a0bfa3f8f365469ce3a1 = L.marker(
581
- [26.28801653, 50.2083333599999],
582
- {
583
- }
584
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
585
-
586
-
587
- var icon_4865275545bc5dca8270eb9b508c9a7a = L.AwesomeMarkers.icon(
588
- {
589
- "markerColor": "lightred",
590
- "iconColor": "white",
591
- "icon": "info-sign",
592
- "prefix": "glyphicon",
593
- "extraClasses": "fa-rotate-0",
594
- }
595
- );
596
-
597
-
598
- var popup_c4d93ed0420689df3260bfaec3745648 = L.popup({
599
- "maxWidth": 320,
600
- });
601
-
602
-
603
-
604
- var html_e9d15504a63a599eb3d6b1add6924f98 = $(`<div id="html_e9d15504a63a599eb3d6b1add6924f98" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>عصائر مواسم السنة الذهبية للعصيرات</b><br> السجل التجاري: 2051224651<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.28801653,50.2083333599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
605
- popup_c4d93ed0420689df3260bfaec3745648.setContent(html_e9d15504a63a599eb3d6b1add6924f98);
606
-
607
-
608
-
609
- marker_6104352a4939a0bfa3f8f365469ce3a1.bindPopup(popup_c4d93ed0420689df3260bfaec3745648)
610
- ;
611
-
612
-
613
-
614
-
615
- marker_6104352a4939a0bfa3f8f365469ce3a1.bindTooltip(
616
- `<div>
617
- عصائر مواسم السنة الذهبية للعصيرات
618
- </div>`,
619
- {
620
- "sticky": true,
621
- }
622
- );
623
-
624
-
625
- marker_6104352a4939a0bfa3f8f365469ce3a1.setIcon(icon_4865275545bc5dca8270eb9b508c9a7a);
626
-
627
-
628
- var marker_c693988f691288578c47bccf9382bc8b = L.marker(
629
- [26.29086328, 50.2117203],
630
- {
631
- }
632
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
633
-
634
-
635
- var icon_b5557871df8d713ffd61164d50f08aeb = L.AwesomeMarkers.icon(
636
- {
637
- "markerColor": "lightred",
638
- "iconColor": "white",
639
- "icon": "info-sign",
640
- "prefix": "glyphicon",
641
- "extraClasses": "fa-rotate-0",
642
- }
643
- );
644
-
645
-
646
- var popup_dc94785fc6f3c5c9291e12a239e002c3 = L.popup({
647
- "maxWidth": 320,
648
- });
649
-
650
-
651
-
652
- var html_709b7a1467fa376dac0a448a9df8e48d = $(`<div id="html_709b7a1467fa376dac0a448a9df8e48d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب بناء المجد العقاري</b><br> السجل التجاري: 2051224526<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.29086328,50.2117203" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
653
- popup_dc94785fc6f3c5c9291e12a239e002c3.setContent(html_709b7a1467fa376dac0a448a9df8e48d);
654
-
655
-
656
-
657
- marker_c693988f691288578c47bccf9382bc8b.bindPopup(popup_dc94785fc6f3c5c9291e12a239e002c3)
658
- ;
659
-
660
-
661
-
662
-
663
- marker_c693988f691288578c47bccf9382bc8b.bindTooltip(
664
- `<div>
665
- مكتب بناء المجد العقاري
666
- </div>`,
667
- {
668
- "sticky": true,
669
- }
670
- );
671
-
672
-
673
- marker_c693988f691288578c47bccf9382bc8b.setIcon(icon_b5557871df8d713ffd61164d50f08aeb);
674
-
675
-
676
- var marker_96e24f2bed025994edbd73ef2a096f8a = L.marker(
677
- [26.29545452, 50.21840584],
678
- {
679
- }
680
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
681
-
682
-
683
- var icon_932087fe2079598f394547380ab6c57f = L.AwesomeMarkers.icon(
684
- {
685
- "markerColor": "lightred",
686
- "iconColor": "white",
687
- "icon": "info-sign",
688
- "prefix": "glyphicon",
689
- "extraClasses": "fa-rotate-0",
690
- }
691
- );
692
-
693
-
694
- var popup_afa1c4bc3f32d22c3d3c58eca79e3764 = L.popup({
695
- "maxWidth": 320,
696
- });
697
-
698
-
699
-
700
- var html_94beab5f6496b1d13c802622cdced27b = $(`<div id="html_94beab5f6496b1d13c802622cdced27b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم البيضة الدائرية لتقديم الوجبات</b><br> السجل التجاري: 2051213340<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.29545452,50.21840584" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
701
- popup_afa1c4bc3f32d22c3d3c58eca79e3764.setContent(html_94beab5f6496b1d13c802622cdced27b);
702
-
703
-
704
-
705
- marker_96e24f2bed025994edbd73ef2a096f8a.bindPopup(popup_afa1c4bc3f32d22c3d3c58eca79e3764)
706
- ;
707
-
708
-
709
-
710
-
711
- marker_96e24f2bed025994edbd73ef2a096f8a.bindTooltip(
712
- `<div>
713
- مطعم البيضة الدائرية لتقديم الوجبات
714
- </div>`,
715
- {
716
- "sticky": true,
717
- }
718
- );
719
-
720
-
721
- marker_96e24f2bed025994edbd73ef2a096f8a.setIcon(icon_932087fe2079598f394547380ab6c57f);
722
-
723
-
724
- var marker_2e6037a8bf57e54de690030f1f5d8cb9 = L.marker(
725
- [26.2903963950001, 50.213600091],
726
- {
727
- }
728
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
729
-
730
-
731
- var icon_52a45faad566f8e0f4171da4ccc9e10d = L.AwesomeMarkers.icon(
732
- {
733
- "markerColor": "lightred",
734
- "iconColor": "white",
735
- "icon": "info-sign",
736
- "prefix": "glyphicon",
737
- "extraClasses": "fa-rotate-0",
738
- }
739
- );
740
-
741
-
742
- var popup_210f695ff8611e7ae66ac2690045bd26 = L.popup({
743
- "maxWidth": 320,
744
- });
745
-
746
-
747
-
748
- var html_8392c8ce9fd066c6847407e664d0691c = $(`<div id="html_8392c8ce9fd066c6847407e664d0691c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة واحات السعودية للاتصالات</b><br> السجل التجاري: 2051213075<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.2903963950001,50.213600091" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
749
- popup_210f695ff8611e7ae66ac2690045bd26.setContent(html_8392c8ce9fd066c6847407e664d0691c);
750
-
751
-
752
-
753
- marker_2e6037a8bf57e54de690030f1f5d8cb9.bindPopup(popup_210f695ff8611e7ae66ac2690045bd26)
754
- ;
755
-
756
-
757
-
758
-
759
- marker_2e6037a8bf57e54de690030f1f5d8cb9.bindTooltip(
760
- `<div>
761
- مؤسسة واحات السعودية للاتصالات
762
- </div>`,
763
- {
764
- "sticky": true,
765
- }
766
- );
767
-
768
-
769
- marker_2e6037a8bf57e54de690030f1f5d8cb9.setIcon(icon_52a45faad566f8e0f4171da4ccc9e10d);
770
-
771
-
772
- var marker_1f7ab1fcf2a92b857ecc8a44eaa8d99f = L.marker(
773
- [26.30109892, 50.2163299699999],
774
- {
775
- }
776
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
777
-
778
-
779
- var icon_24bccf90acc885883dcc5c3de591af16 = L.AwesomeMarkers.icon(
780
- {
781
- "markerColor": "lightred",
782
- "iconColor": "white",
783
- "icon": "info-sign",
784
- "prefix": "glyphicon",
785
- "extraClasses": "fa-rotate-0",
786
- }
787
- );
788
-
789
-
790
- var popup_a2f9ed08a02a5a6c47087700a10f0f2e = L.popup({
791
- "maxWidth": 320,
792
- });
793
-
794
-
795
-
796
- var html_d80664cd8859775bbac5f7673e9fbbe9 = $(`<div id="html_d80664cd8859775bbac5f7673e9fbbe9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة أساطير الاعلام للانتاج الفني</b><br> السجل التجاري: 2051162055<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.30109892,50.2163299699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
797
- popup_a2f9ed08a02a5a6c47087700a10f0f2e.setContent(html_d80664cd8859775bbac5f7673e9fbbe9);
798
-
799
-
800
-
801
- marker_1f7ab1fcf2a92b857ecc8a44eaa8d99f.bindPopup(popup_a2f9ed08a02a5a6c47087700a10f0f2e)
802
- ;
803
-
804
-
805
-
806
-
807
- marker_1f7ab1fcf2a92b857ecc8a44eaa8d99f.bindTooltip(
808
- `<div>
809
- مؤسسة أساطير الاعلام للانتاج الفني
810
- </div>`,
811
- {
812
- "sticky": true,
813
- }
814
- );
815
-
816
-
817
- marker_1f7ab1fcf2a92b857ecc8a44eaa8d99f.setIcon(icon_24bccf90acc885883dcc5c3de591af16);
818
-
819
-
820
- map_d8e1e5c6e2395081f49a356c1106d625.fitBounds(
821
- [[26.28864515, 50.2098631], [26.2850719099999, 50.2127994599999], [26.29038899, 50.2171342899999], [26.28801653, 50.2083333599999], [26.29086328, 50.2117203], [26.29545452, 50.21840584], [26.2903963950001, 50.213600091], [26.30109892, 50.2163299699999]],
822
- {"padding": [30, 30]}
823
- );
824
-
825
-
826
- var layer_control_aa7fc5c2e815f57779471fb9efdf7ae5_layers = {
827
- base_layers : {
828
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_1cb1f9306f246a057ccd8c4bcb7392a8,
829
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_a4e9363d9116c29c220647b9cf8acb94,
830
- },
831
- overlays : {
832
- },
833
- };
834
- let layer_control_aa7fc5c2e815f57779471fb9efdf7ae5 = L.control.layers(
835
- layer_control_aa7fc5c2e815f57779471fb9efdf7ae5_layers.base_layers,
836
- layer_control_aa7fc5c2e815f57779471fb9efdf7ae5_layers.overlays,
837
- {
838
- "position": "topright",
839
- "collapsed": false,
840
- "autoZIndex": true,
841
- }
842
- ).addTo(map_d8e1e5c6e2395081f49a356c1106d625);
843
-
844
-
845
- </script>
846
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/29.html DELETED
@@ -1,918 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_cfced2bc8b4b7368fc765e811cb47216 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">سلافه عباس محمد العلوي - 29</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 9<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>الخبرالشمالية</b>: 5 | <b>البندرية</b>: 1 | <b>الساحل</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#ff6b6b;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخبرالشمالية</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البندرية</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الساحل</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">اليرموك</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الكورنيش</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_cfced2bc8b4b7368fc765e811cb47216;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "مؤسسة عبداللطيف ابراهيم اللقمان العقارية", "lat": 26.28805826, "lon": 50.21392834, "markerVar": "marker_f2c6966179df696a0f09d8a412cf5208"}, {"title": "مؤسسة الاسطول الفضي لوسطاء الشحن", "lat": 26.29632394, "lon": 50.2088784399999, "markerVar": "marker_6c9314ce6386c095115a29dcc0ca8ce2"}, {"title": "مكتب عيسى بن فهد الهلال العقاري", "lat": 26.2909474199999, "lon": 50.21624225, "markerVar": "marker_8aef2e5d109d441a3f5065dc94284d85"}, {"title": "مؤسسة أحمد بادريق للخدمات العقارية", "lat": 26.2852214099999, "lon": 50.20927271, "markerVar": "marker_fa65e332e27989867b40b3b65a3d221f"}, {"title": "مؤسسة عبدالله عبدالرحمن باطويل للخدمات الع��ارية", "lat": 26.2878751599999, "lon": 50.2098692499999, "markerVar": "marker_96c6c50b436c700b4d9ff8b9b8a89171"}, {"title": "شركة القرار الذكي للتدريب", "lat": 26.3022185099999, "lon": 50.2139873699999, "markerVar": "marker_13e2b10bc36d9bb18f165191ea8718b0"}, {"title": "مؤسسة الوسائط المتنقلة للاتصالات اللاسلكية", "lat": 26.26970881, "lon": 50.218277, "markerVar": "marker_da779e72835f559e0f6f548f3938e237"}, {"title": "فرع شركة أيه سي إي تي سوليوشنز إل إل سي", "lat": 26.30903528, "lon": 50.2212042, "markerVar": "marker_545778be1cf1e1cd61a7832e012e5a89"}, {"title": "شركة آآي لاب لتقنية المعلومات", "lat": 26.3167165099999, "lon": 50.2235568099999, "markerVar": "marker_7e121b6a197e0f96c4bdf50c2eeefad1"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_cfced2bc8b4b7368fc765e811cb47216" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_cfced2bc8b4b7368fc765e811cb47216 = L.map(
396
- "map_cfced2bc8b4b7368fc765e811cb47216",
397
- {
398
- center: [26.294011699999945, 50.215024041111064],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_cfced2bc8b4b7368fc765e811cb47216);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_dd1500b59b33da99d37c3dcb349da708 = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_dd1500b59b33da99d37c3dcb349da708.addTo(map_cfced2bc8b4b7368fc765e811cb47216);
432
-
433
-
434
- var tile_layer_3bd0b056d13fea87c261dddeffa533db = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_3bd0b056d13fea87c261dddeffa533db.addTo(map_cfced2bc8b4b7368fc765e811cb47216);
452
-
453
-
454
- var locate_control_df50552462354fcafa1f45d855af3f7f = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
457
-
458
-
459
-
460
- var marker_f2c6966179df696a0f09d8a412cf5208 = L.marker(
461
- [26.28805826, 50.21392834],
462
- {
463
- }
464
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
465
-
466
-
467
- var icon_d4e141ed245646cbec46e42cfedcf58e = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "lightred",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_2cf0c4977caa6e4060395001649ac6ba = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_b700413035912167b2841de99d20c0d3 = $(`<div id="html_b700413035912167b2841de99d20c0d3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبداللطيف ابراهيم اللقمان العقارية</b><br> السجل التجاري: 2051047450<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.28805826,50.21392834" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_2cf0c4977caa6e4060395001649ac6ba.setContent(html_b700413035912167b2841de99d20c0d3);
486
-
487
-
488
-
489
- marker_f2c6966179df696a0f09d8a412cf5208.bindPopup(popup_2cf0c4977caa6e4060395001649ac6ba)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_f2c6966179df696a0f09d8a412cf5208.bindTooltip(
496
- `<div>
497
- مؤسسة عبداللطيف ابراهيم اللقمان العقارية
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_f2c6966179df696a0f09d8a412cf5208.setIcon(icon_d4e141ed245646cbec46e42cfedcf58e);
506
-
507
-
508
- var marker_6c9314ce6386c095115a29dcc0ca8ce2 = L.marker(
509
- [26.29632394, 50.2088784399999],
510
- {
511
- }
512
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
513
-
514
-
515
- var icon_2b8390e23cac9165c45d1085293c9eb1 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "lightred",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_e438eed3c9f9798803017697b9928d4a = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_87b89651711f4107aa5085e512c35d4b = $(`<div id="html_87b89651711f4107aa5085e512c35d4b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الاسطول الفضي لوسطاء الشحن</b><br> السجل التجاري: 2051040196<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.29632394,50.2088784399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_e438eed3c9f9798803017697b9928d4a.setContent(html_87b89651711f4107aa5085e512c35d4b);
534
-
535
-
536
-
537
- marker_6c9314ce6386c095115a29dcc0ca8ce2.bindPopup(popup_e438eed3c9f9798803017697b9928d4a)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_6c9314ce6386c095115a29dcc0ca8ce2.bindTooltip(
544
- `<div>
545
- مؤسسة الاسطول الفضي لوسطاء الشحن
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_6c9314ce6386c095115a29dcc0ca8ce2.setIcon(icon_2b8390e23cac9165c45d1085293c9eb1);
554
-
555
-
556
- var marker_8aef2e5d109d441a3f5065dc94284d85 = L.marker(
557
- [26.2909474199999, 50.21624225],
558
- {
559
- }
560
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
561
-
562
-
563
- var icon_13a17d7f375bec88873c6e6c441d774f = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "lightred",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_063d6edf27a9671c274253488babc8a7 = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_157b06377d6d9292b83f3833e8c9a009 = $(`<div id="html_157b06377d6d9292b83f3833e8c9a009" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عيسى بن فهد الهلال العقاري</b><br> السجل التجاري: 2051026480<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.2909474199999,50.21624225" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_063d6edf27a9671c274253488babc8a7.setContent(html_157b06377d6d9292b83f3833e8c9a009);
582
-
583
-
584
-
585
- marker_8aef2e5d109d441a3f5065dc94284d85.bindPopup(popup_063d6edf27a9671c274253488babc8a7)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_8aef2e5d109d441a3f5065dc94284d85.bindTooltip(
592
- `<div>
593
- مكتب عيسى بن فهد الهلال العقاري
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_8aef2e5d109d441a3f5065dc94284d85.setIcon(icon_13a17d7f375bec88873c6e6c441d774f);
602
-
603
-
604
- var marker_fa65e332e27989867b40b3b65a3d221f = L.marker(
605
- [26.2852214099999, 50.20927271],
606
- {
607
- }
608
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
609
-
610
-
611
- var icon_35cabcb090aeea2ac9d2ab3f13469e7e = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "lightred",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_eacf28c35d0e6d9e5ec854a8ab376db9 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_f19316a0955519e4f2a2f6d05479b0d3 = $(`<div id="html_f19316a0955519e4f2a2f6d05479b0d3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة أحمد بادريق للخدمات العقارية</b><br> السجل التجاري: 2051024632<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.2852214099999,50.20927271" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_eacf28c35d0e6d9e5ec854a8ab376db9.setContent(html_f19316a0955519e4f2a2f6d05479b0d3);
630
-
631
-
632
-
633
- marker_fa65e332e27989867b40b3b65a3d221f.bindPopup(popup_eacf28c35d0e6d9e5ec854a8ab376db9)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_fa65e332e27989867b40b3b65a3d221f.bindTooltip(
640
- `<div>
641
- مؤسسة أحمد بادريق للخدمات العقارية
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_fa65e332e27989867b40b3b65a3d221f.setIcon(icon_35cabcb090aeea2ac9d2ab3f13469e7e);
650
-
651
-
652
- var marker_96c6c50b436c700b4d9ff8b9b8a89171 = L.marker(
653
- [26.2878751599999, 50.2098692499999],
654
- {
655
- }
656
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
657
-
658
-
659
- var icon_0787b4079920d139bb9ccbab3f649a56 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "lightred",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_c7a83fe69c8f3c77d93c23e1cc244964 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_b406063b7c3d27d3f25461905068f81d = $(`<div id="html_b406063b7c3d27d3f25461905068f81d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبدالله عبدالرحمن باطويل للخدمات العقارية</b><br> السجل التجاري: 2051018413<br> المنطقة: الخبر<br> الحارة: الخبرالشمالية<br> <a href="https://www.google.com/maps?q=26.2878751599999,50.2098692499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_c7a83fe69c8f3c77d93c23e1cc244964.setContent(html_b406063b7c3d27d3f25461905068f81d);
678
-
679
-
680
-
681
- marker_96c6c50b436c700b4d9ff8b9b8a89171.bindPopup(popup_c7a83fe69c8f3c77d93c23e1cc244964)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_96c6c50b436c700b4d9ff8b9b8a89171.bindTooltip(
688
- `<div>
689
- مؤسسة عبدالله عبدالرحمن باطويل للخدمات العقارية
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_96c6c50b436c700b4d9ff8b9b8a89171.setIcon(icon_0787b4079920d139bb9ccbab3f649a56);
698
-
699
-
700
- var marker_13e2b10bc36d9bb18f165191ea8718b0 = L.marker(
701
- [26.3022185099999, 50.2139873699999],
702
- {
703
- }
704
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
705
-
706
-
707
- var icon_018a4f8bd7ad215c9ee2d1a6bf9fb791 = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "lightblue",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_08e8cf713acbe8c7d48ff65a073023e1 = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_2cd8a7a630f40d050e40760684768e9b = $(`<div id="html_2cd8a7a630f40d050e40760684768e9b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة القرار الذكي للتدريب</b><br> السجل التجاري: 2051230262<br> المنطقة: الخبر<br> الحارة: البندرية<br> <a href="https://www.google.com/maps?q=26.3022185099999,50.2139873699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_08e8cf713acbe8c7d48ff65a073023e1.setContent(html_2cd8a7a630f40d050e40760684768e9b);
726
-
727
-
728
-
729
- marker_13e2b10bc36d9bb18f165191ea8718b0.bindPopup(popup_08e8cf713acbe8c7d48ff65a073023e1)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_13e2b10bc36d9bb18f165191ea8718b0.bindTooltip(
736
- `<div>
737
- شركة القرار الذكي للتدريب
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_13e2b10bc36d9bb18f165191ea8718b0.setIcon(icon_018a4f8bd7ad215c9ee2d1a6bf9fb791);
746
-
747
-
748
- var marker_da779e72835f559e0f6f548f3938e237 = L.marker(
749
- [26.26970881, 50.218277],
750
- {
751
- }
752
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
753
-
754
-
755
- var icon_383dcf3095f2905fb9678588df75a485 = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "darkgreen",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_1fcc4ec0b48988cbe93b3e460e40caaf = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_b634319a2734c6133475d9107859218a = $(`<div id="html_b634319a2734c6133475d9107859218a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الوسائط المتنقلة للاتصالات اللاسلكية</b><br> السجل التجاري: 2051015904<br> المنطقة: الخبر<br> الحارة: الساحل<br> <a href="https://www.google.com/maps?q=26.26970881,50.218277" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_1fcc4ec0b48988cbe93b3e460e40caaf.setContent(html_b634319a2734c6133475d9107859218a);
774
-
775
-
776
-
777
- marker_da779e72835f559e0f6f548f3938e237.bindPopup(popup_1fcc4ec0b48988cbe93b3e460e40caaf)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_da779e72835f559e0f6f548f3938e237.bindTooltip(
784
- `<div>
785
- مؤسسة الوسائط المتنقلة للاتصالات اللاسلكية
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_da779e72835f559e0f6f548f3938e237.setIcon(icon_383dcf3095f2905fb9678588df75a485);
794
-
795
-
796
- var marker_545778be1cf1e1cd61a7832e012e5a89 = L.marker(
797
- [26.30903528, 50.2212042],
798
- {
799
- }
800
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
801
-
802
-
803
- var icon_5e209a4e01c924ff38cc67afaa44f926 = L.AwesomeMarkers.icon(
804
- {
805
- "markerColor": "blue",
806
- "iconColor": "white",
807
- "icon": "info-sign",
808
- "prefix": "glyphicon",
809
- "extraClasses": "fa-rotate-0",
810
- }
811
- );
812
-
813
-
814
- var popup_28727bf6ca6e817d66d6cf082442c68e = L.popup({
815
- "maxWidth": 320,
816
- });
817
-
818
-
819
-
820
- var html_f7b07e93b6895fb75f66a3115c32f19c = $(`<div id="html_f7b07e93b6895fb75f66a3115c32f19c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فرع شركة أيه سي إي تي سوليوشنز إل إل سي</b><br> السجل التجاري: 2051240339<br> المنطقة: الخبر<br> الحارة: اليرموك<br> <a href="https://www.google.com/maps?q=26.30903528,50.2212042" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
821
- popup_28727bf6ca6e817d66d6cf082442c68e.setContent(html_f7b07e93b6895fb75f66a3115c32f19c);
822
-
823
-
824
-
825
- marker_545778be1cf1e1cd61a7832e012e5a89.bindPopup(popup_28727bf6ca6e817d66d6cf082442c68e)
826
- ;
827
-
828
-
829
-
830
-
831
- marker_545778be1cf1e1cd61a7832e012e5a89.bindTooltip(
832
- `<div>
833
- فرع شركة أيه سي إي تي سوليوشنز إل إل سي
834
- </div>`,
835
- {
836
- "sticky": true,
837
- }
838
- );
839
-
840
-
841
- marker_545778be1cf1e1cd61a7832e012e5a89.setIcon(icon_5e209a4e01c924ff38cc67afaa44f926);
842
-
843
-
844
- var marker_7e121b6a197e0f96c4bdf50c2eeefad1 = L.marker(
845
- [26.3167165099999, 50.2235568099999],
846
- {
847
- }
848
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
849
-
850
-
851
- var icon_051a5286f08a46b2a3b1fa45991562c0 = L.AwesomeMarkers.icon(
852
- {
853
- "markerColor": "cadetblue",
854
- "iconColor": "white",
855
- "icon": "info-sign",
856
- "prefix": "glyphicon",
857
- "extraClasses": "fa-rotate-0",
858
- }
859
- );
860
-
861
-
862
- var popup_f41f4c87988f3f277032574f8dccb56f = L.popup({
863
- "maxWidth": 320,
864
- });
865
-
866
-
867
-
868
- var html_e870fdfbe288141d8768cb9088bd2862 = $(`<div id="html_e870fdfbe288141d8768cb9088bd2862" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة آآي لاب لتقنية المعلومات</b><br> السجل التجاري: 2050165207<br> المنطقة: الخبر<br> الحارة: الكورنيش<br> <a href="https://www.google.com/maps?q=26.3167165099999,50.2235568099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
869
- popup_f41f4c87988f3f277032574f8dccb56f.setContent(html_e870fdfbe288141d8768cb9088bd2862);
870
-
871
-
872
-
873
- marker_7e121b6a197e0f96c4bdf50c2eeefad1.bindPopup(popup_f41f4c87988f3f277032574f8dccb56f)
874
- ;
875
-
876
-
877
-
878
-
879
- marker_7e121b6a197e0f96c4bdf50c2eeefad1.bindTooltip(
880
- `<div>
881
- شركة آآي لاب لتقنية المعلومات
882
- </div>`,
883
- {
884
- "sticky": true,
885
- }
886
- );
887
-
888
-
889
- marker_7e121b6a197e0f96c4bdf50c2eeefad1.setIcon(icon_051a5286f08a46b2a3b1fa45991562c0);
890
-
891
-
892
- map_cfced2bc8b4b7368fc765e811cb47216.fitBounds(
893
- [[26.28805826, 50.21392834], [26.29632394, 50.2088784399999], [26.2909474199999, 50.21624225], [26.2852214099999, 50.20927271], [26.2878751599999, 50.2098692499999], [26.3022185099999, 50.2139873699999], [26.26970881, 50.218277], [26.30903528, 50.2212042], [26.3167165099999, 50.2235568099999]],
894
- {"padding": [30, 30]}
895
- );
896
-
897
-
898
- var layer_control_49e9052261233a3393fa598bf389fd69_layers = {
899
- base_layers : {
900
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_dd1500b59b33da99d37c3dcb349da708,
901
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_3bd0b056d13fea87c261dddeffa533db,
902
- },
903
- overlays : {
904
- },
905
- };
906
- let layer_control_49e9052261233a3393fa598bf389fd69 = L.control.layers(
907
- layer_control_49e9052261233a3393fa598bf389fd69_layers.base_layers,
908
- layer_control_49e9052261233a3393fa598bf389fd69_layers.overlays,
909
- {
910
- "position": "topright",
911
- "collapsed": false,
912
- "autoZIndex": true,
913
- }
914
- ).addTo(map_cfced2bc8b4b7368fc765e811cb47216);
915
-
916
-
917
- </script>
918
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/30.html DELETED
@@ -1,1038 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_ce6d962b8966480e775f7dc0d325679f {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">اسعد بن ماجد بن احمد الهاشم - 30</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 11<br>
139
- <b>عدد الحارات:</b> 9<br>
140
- <b>الأكثر:</b> <b>الناصرة</b>: 2 | <b>عنك</b>: 2 | <b>الطف</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الناصرة</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">عنك</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الطف</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">قرطبة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخصاب</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النور</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
182
- <span style="width:12px;height:12px;border-radius:50%;
183
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
184
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الزهور</span>
185
- <span style="font-size:12px;color:#666;">(1)</span>
186
- </div>
187
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
188
- <span style="width:12px;height:12px;border-radius:50%;
189
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
190
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الصناعية</span>
191
- <span style="font-size:12px;color:#666;">(1)</span>
192
- </div>
193
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
194
- <span style="width:12px;height:12px;border-radius:50%;
195
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
196
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">منطقة المستودعات</span>
197
- <span style="font-size:12px;color:#666;">(1)</span>
198
- </div>
199
-
200
- </div>
201
- </div>
202
- </div>
203
-
204
- <script>
205
- (function(){
206
- const box = document.getElementById('statsBox');
207
- const fab = document.getElementById('statsFab');
208
- const hide = document.getElementById('hideStats');
209
-
210
- hide.addEventListener('click', function(){
211
- box.style.display = 'none';
212
- fab.style.display = 'block';
213
- });
214
-
215
- fab.addEventListener('click', function(){
216
- box.style.display = 'block';
217
- fab.style.display = 'none';
218
- });
219
- })();
220
- </script>
221
-
222
-
223
- <style>
224
- .leaflet-control.est-search-control {
225
- background: rgba(255,255,255,0.92);
226
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
227
- border-radius: 14px;
228
- padding: 10px 10px;
229
- width: 320px;
230
- direction: rtl;
231
- font-family: Arial, sans-serif;
232
- }
233
- .est-search-control input {
234
- width: 100%;
235
- border: 1px solid rgba(0,0,0,0.15);
236
- border-radius: 10px;
237
- padding: 10px 12px;
238
- font-size: 13px;
239
- outline: none;
240
- }
241
- .est-search-meta {
242
- margin-top: 6px;
243
- font-size: 12px;
244
- color: #666;
245
- display:flex;
246
- justify-content:space-between;
247
- gap:8px;
248
- }
249
- .est-results {
250
- margin-top: 8px;
251
- max-height: 180px;
252
- overflow: auto;
253
- border-top: 1px solid rgba(0,0,0,0.08);
254
- padding-top: 6px;
255
- }
256
- .est-item {
257
- cursor: pointer;
258
- padding: 8px 10px;
259
- border-radius: 10px;
260
- font-size: 13px;
261
- line-height: 1.4;
262
- }
263
- .est-item:hover {
264
- background: rgba(0,0,0,0.06);
265
- }
266
- .est-badge {
267
- font-size: 12px;
268
- color: #333;
269
- }
270
- .est-clear {
271
- cursor:pointer;
272
- user-select:none;
273
- font-size:12px;
274
- color:#0b6efd;
275
- }
276
- </style>
277
-
278
- <script>
279
- (function(){
280
- const map = map_ce6d962b8966480e775f7dc0d325679f;
281
- // items: list of objects (title, lat, lon, markerVar)
282
- const items = [{"title": "مؤسسة قلعة سيهات للاتصالات", "lat": 26.4885585699999, "lon": 50.03470294, "markerVar": "marker_0970879d81e58f679c784943aae706b4"}, {"title": "مؤسسة الإبداع اللامتناهي لتقنية المعلومات", "lat": 26.5036418, "lon": 50.03776744, "markerVar": "marker_d128a63a6ff60b8984684239cd74fe22"}, {"title": "مطعم كيس فلافل لتقديم الوجبات", "lat": 26.4927222799999, "lon": 50.03596667, "markerVar": "marker_03c66b94dbd5225583465b0f780e1be5"}, {"title": "مؤسسة نور حسين بن احمد اخريده للانتاج الفني", "lat": 26.46911963, "lon": 50.04518909, "markerVar": "marker_cb58a2b3b8b4d7c55161a6d8167f4e11"}, {"title": "مركز نون الافاق للتدريب", "lat": 26.48709274, "lon": 50.0426020199999, "markerVar": "marker_148ff5e83f7761d93d1364c4d1f3a1b2"}, {"title": "مطعم ركن برجر للوجبات السريعة", "lat": 26.51857429, "lon": 50.0272547, "markerVar": "marker_b96a7d9c32a22f6fff7948da74aba638"}, {"title": "مؤسسة ريادة النخبه لتقنية المعلومات", "lat": 26.52120227, "lon": 50.0254467899999, "markerVar": "marker_5d026783a2e5b15cc6c1ff6c6067708b"}, {"title": "مؤسسة انجاز كيان للنقليات", "lat": 26.47015254, "lon": 50.0125281899999, "markerVar": "marker_e2c164c6455cd7ba58469d67f6c13621"}, {"title": "مكتب بدر توفيق بن محمد اليوشع للخدمات العقارية", "lat": 26.58208891, "lon": 50.01456007, "markerVar": "marker_bfe345213d09aef77cbc840e858799dc"}, {"title": "مؤسسة امجد علوي ابو الرحي للاتصالات", "lat": 26.5817140499999, "lon": 50.01464627, "markerVar": "marker_9a5c89419b6e3ed1be960d7d3bf08038"}, {"title": "مركز تطوير الغد النسائي للتدريب", "lat": 26.54717841, "lon": 50.01728545, "markerVar": "marker_b0deed6fe2f2972e5f6afb3f840d1efa"}];
283
-
284
- function norm(s){
285
- if(!s) return "";
286
- s = (""+s).toLowerCase();
287
-
288
- // إزالة التشكيل
289
- s = s.replace(/[\u064B-\u065F]/g, "");
290
- // تطبيع عربي
291
- s = s.replace(/[إأآا]/g, "ا")
292
- .replace(/ى/g, "ي")
293
- .replace(/ة/g, "ه")
294
- .replace(/ؤ/g, "و")
295
- .replace(/ئ/g, "ي")
296
- .replace(/ـ/g, "");
297
- // مسافات
298
- s = s.replace(/\s+/g, " ").trim();
299
- return s;
300
- }
301
-
302
- const SearchControl = L.Control.extend({
303
- options: { position: 'bottomleft' },
304
- onAdd: function(){
305
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
306
- div.innerHTML = `
307
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
308
- <div class="est-search-meta">
309
- <span id="estCount" class="est-badge"></span>
310
- <span id="estClear" class="est-clear">مسح</span>
311
- </div>
312
- <div id="estResults" class="est-results"></div>
313
- `;
314
- L.DomEvent.disableClickPropagation(div);
315
- L.DomEvent.disableScrollPropagation(div);
316
- return div;
317
- }
318
- });
319
-
320
- map.addControl(new SearchControl());
321
-
322
- function renderResults(hits){
323
- const results = document.getElementById('estResults');
324
- const count = document.getElementById('estCount');
325
- results.innerHTML = "";
326
-
327
- if(!hits.length){
328
- count.textContent = "لا توجد نتائج";
329
- return;
330
- }
331
-
332
- count.textContent = "النتائج: " + hits.length;
333
-
334
- for(const h of hits.slice(0, 50)){
335
- const el = document.createElement('div');
336
- el.className = 'est-item';
337
- el.textContent = h.title;
338
- el.onclick = function(){
339
- try {
340
- const mv = window[h.markerVar];
341
- if(mv && mv.getLatLng){
342
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
343
- if(mv.openPopup) mv.openPopup();
344
- } else {
345
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
346
- }
347
- } catch(e) {}
348
- };
349
- results.appendChild(el);
350
- }
351
- }
352
-
353
- function search(q){
354
- const nq = norm(q);
355
- if(!nq) return [];
356
- const hits = [];
357
- for(const it of items){
358
- if(norm(it.title).includes(nq)) hits.push(it);
359
- }
360
- return hits;
361
- }
362
-
363
- setTimeout(function(){
364
- const input = document.getElementById('estQ');
365
- const clearBtn = document.getElementById('estClear');
366
-
367
- input.addEventListener('input', function(){
368
- renderResults(search(this.value));
369
- });
370
-
371
- input.addEventListener('keydown', function(e){
372
- if(e.key === 'Enter'){
373
- const hits = search(this.value);
374
- renderResults(hits);
375
- if(hits.length){
376
- try {
377
- const mv = window[hits[0].markerVar];
378
- if(mv && mv.getLatLng){
379
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
380
- if(mv.openPopup) mv.openPopup();
381
- }
382
- } catch(e) {}
383
- }
384
- }
385
- });
386
-
387
- clearBtn.addEventListener('click', function(){
388
- input.value = "";
389
- document.getElementById('estResults').innerHTML = "";
390
- document.getElementById('estCount').textContent = "";
391
- });
392
- }, 0);
393
- })();
394
- </script>
395
-
396
-
397
- <div style="
398
- position: fixed;
399
- bottom: 8px; left: 8px;
400
- background: rgba(255,255,255,0.85);
401
- padding: 6px 10px;
402
- border-radius: 10px;
403
- font-size: 13px;
404
- direction: rtl;
405
- z-index: 9999;
406
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
407
- font-family: Arial, sans-serif;
408
- ">
409
- تصميم وإعداد <b>نوف الناصر</b>
410
- </div>
411
-
412
-
413
- <div class="folium-map" id="map_ce6d962b8966480e775f7dc0d325679f" ></div>
414
-
415
- </body>
416
- <script>
417
-
418
-
419
- var map_ce6d962b8966480e775f7dc0d325679f = L.map(
420
- "map_ce6d962b8966480e775f7dc0d325679f",
421
- {
422
- center: [26.514731408181795, 50.027995420909065],
423
- crs: L.CRS.EPSG3857,
424
- ...{
425
- "zoom": 13,
426
- "zoomControl": true,
427
- "preferCanvas": false,
428
- }
429
-
430
- }
431
- );
432
- L.control.scale().addTo(map_ce6d962b8966480e775f7dc0d325679f);
433
-
434
-
435
-
436
-
437
-
438
- var tile_layer_0820aee7622b67bd497bbcce9f24542a = L.tileLayer(
439
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
440
- {
441
- "minZoom": 0,
442
- "maxZoom": 19,
443
- "maxNativeZoom": 19,
444
- "noWrap": false,
445
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
446
- "subdomains": "abc",
447
- "detectRetina": false,
448
- "tms": false,
449
- "opacity": 1,
450
- }
451
-
452
- );
453
-
454
-
455
- tile_layer_0820aee7622b67bd497bbcce9f24542a.addTo(map_ce6d962b8966480e775f7dc0d325679f);
456
-
457
-
458
- var tile_layer_131c44995f6eb224cbe6284e98aa51f2 = L.tileLayer(
459
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
460
- {
461
- "minZoom": 0,
462
- "maxZoom": 18,
463
- "maxNativeZoom": 18,
464
- "noWrap": false,
465
- "attribution": "\u0026copy; Esri",
466
- "subdomains": "abc",
467
- "detectRetina": false,
468
- "tms": false,
469
- "opacity": 1,
470
- }
471
-
472
- );
473
-
474
-
475
- tile_layer_131c44995f6eb224cbe6284e98aa51f2.addTo(map_ce6d962b8966480e775f7dc0d325679f);
476
-
477
-
478
- var locate_control_d4bdf5485d1b76dcee8146b0b0604a44 = L.control.locate(
479
- {"flyTo": true}
480
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
481
-
482
-
483
-
484
- var marker_0970879d81e58f679c784943aae706b4 = L.marker(
485
- [26.4885585699999, 50.03470294],
486
- {
487
- }
488
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
489
-
490
-
491
- var icon_df70c896030e83e18f17f6daea15579d = L.AwesomeMarkers.icon(
492
- {
493
- "markerColor": "red",
494
- "iconColor": "white",
495
- "icon": "info-sign",
496
- "prefix": "glyphicon",
497
- "extraClasses": "fa-rotate-0",
498
- }
499
- );
500
-
501
-
502
- var popup_eec4192151a4f5e65af70643077ca0ce = L.popup({
503
- "maxWidth": 320,
504
- });
505
-
506
-
507
-
508
- var html_9e1e34a8f93c121906df8be070c70270 = $(`<div id="html_9e1e34a8f93c121906df8be070c70270" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة قلعة سيهات للاتصالات</b><br> السجل التجاري: 2062616204<br> المنطقة: سيهات<br> الحارة: الطف<br> <a href="https://www.google.com/maps?q=26.4885585699999,50.03470294" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
509
- popup_eec4192151a4f5e65af70643077ca0ce.setContent(html_9e1e34a8f93c121906df8be070c70270);
510
-
511
-
512
-
513
- marker_0970879d81e58f679c784943aae706b4.bindPopup(popup_eec4192151a4f5e65af70643077ca0ce)
514
- ;
515
-
516
-
517
-
518
-
519
- marker_0970879d81e58f679c784943aae706b4.bindTooltip(
520
- `<div>
521
- مؤسسة قلعة سيهات للاتصالات
522
- </div>`,
523
- {
524
- "sticky": true,
525
- }
526
- );
527
-
528
-
529
- marker_0970879d81e58f679c784943aae706b4.setIcon(icon_df70c896030e83e18f17f6daea15579d);
530
-
531
-
532
- var marker_d128a63a6ff60b8984684239cd74fe22 = L.marker(
533
- [26.5036418, 50.03776744],
534
- {
535
- }
536
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
537
-
538
-
539
- var icon_82e0c42b47ed81cbce2e0750491b550e = L.AwesomeMarkers.icon(
540
- {
541
- "markerColor": "blue",
542
- "iconColor": "white",
543
- "icon": "info-sign",
544
- "prefix": "glyphicon",
545
- "extraClasses": "fa-rotate-0",
546
- }
547
- );
548
-
549
-
550
- var popup_fd221660e9782eb74c5939d4a40afab7 = L.popup({
551
- "maxWidth": 320,
552
- });
553
-
554
-
555
-
556
- var html_52431e5e66cb165b9618b62c5b6d0e07 = $(`<div id="html_52431e5e66cb165b9618b62c5b6d0e07" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الإبداع اللامتناهي لتقنية المعلومات</b><br> السجل التجاري: 2062617221<br> المنطقة: سيهات<br> الحارة: قرطبة<br> <a href="https://www.google.com/maps?q=26.5036418,50.03776744" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
557
- popup_fd221660e9782eb74c5939d4a40afab7.setContent(html_52431e5e66cb165b9618b62c5b6d0e07);
558
-
559
-
560
-
561
- marker_d128a63a6ff60b8984684239cd74fe22.bindPopup(popup_fd221660e9782eb74c5939d4a40afab7)
562
- ;
563
-
564
-
565
-
566
-
567
- marker_d128a63a6ff60b8984684239cd74fe22.bindTooltip(
568
- `<div>
569
- مؤسسة الإبداع اللامتناهي لتقنية المعلومات
570
- </div>`,
571
- {
572
- "sticky": true,
573
- }
574
- );
575
-
576
-
577
- marker_d128a63a6ff60b8984684239cd74fe22.setIcon(icon_82e0c42b47ed81cbce2e0750491b550e);
578
-
579
-
580
- var marker_03c66b94dbd5225583465b0f780e1be5 = L.marker(
581
- [26.4927222799999, 50.03596667],
582
- {
583
- }
584
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
585
-
586
-
587
- var icon_e7485cef5e35298aa657c6be45f7c772 = L.AwesomeMarkers.icon(
588
- {
589
- "markerColor": "gray",
590
- "iconColor": "white",
591
- "icon": "info-sign",
592
- "prefix": "glyphicon",
593
- "extraClasses": "fa-rotate-0",
594
- }
595
- );
596
-
597
-
598
- var popup_afcb7e32e200eb6e6078306e9a1aa357 = L.popup({
599
- "maxWidth": 320,
600
- });
601
-
602
-
603
-
604
- var html_107014129d3537f38cf574b1bb7108bf = $(`<div id="html_107014129d3537f38cf574b1bb7108bf" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم كيس فلافل لتقديم الوجبات</b><br> السجل التجاري: 2062619032<br> المنطقة: سيهات<br> الحارة: الخصاب<br> <a href="https://www.google.com/maps?q=26.4927222799999,50.03596667" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
605
- popup_afcb7e32e200eb6e6078306e9a1aa357.setContent(html_107014129d3537f38cf574b1bb7108bf);
606
-
607
-
608
-
609
- marker_03c66b94dbd5225583465b0f780e1be5.bindPopup(popup_afcb7e32e200eb6e6078306e9a1aa357)
610
- ;
611
-
612
-
613
-
614
-
615
- marker_03c66b94dbd5225583465b0f780e1be5.bindTooltip(
616
- `<div>
617
- مطعم كيس فلافل لتقديم الوجبات
618
- </div>`,
619
- {
620
- "sticky": true,
621
- }
622
- );
623
-
624
-
625
- marker_03c66b94dbd5225583465b0f780e1be5.setIcon(icon_e7485cef5e35298aa657c6be45f7c772);
626
-
627
-
628
- var marker_cb58a2b3b8b4d7c55161a6d8167f4e11 = L.marker(
629
- [26.46911963, 50.04518909],
630
- {
631
- }
632
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
633
-
634
-
635
- var icon_50c864e1f2ab854a8b87c70520b5f02a = L.AwesomeMarkers.icon(
636
- {
637
- "markerColor": "darkred",
638
- "iconColor": "white",
639
- "icon": "info-sign",
640
- "prefix": "glyphicon",
641
- "extraClasses": "fa-rotate-0",
642
- }
643
- );
644
-
645
-
646
- var popup_74da413d14d4d9dd3feff6fb71d3593b = L.popup({
647
- "maxWidth": 320,
648
- });
649
-
650
-
651
-
652
- var html_eff1d3ffc88068cab87dd8f8b2f617cb = $(`<div id="html_eff1d3ffc88068cab87dd8f8b2f617cb" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة نور حسين بن احمد اخريده للانتاج الفني</b><br> السجل التجاري: 2062619582<br> المنطقة: سيهات<br> الحارة: الزهور<br> <a href="https://www.google.com/maps?q=26.46911963,50.04518909" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
653
- popup_74da413d14d4d9dd3feff6fb71d3593b.setContent(html_eff1d3ffc88068cab87dd8f8b2f617cb);
654
-
655
-
656
-
657
- marker_cb58a2b3b8b4d7c55161a6d8167f4e11.bindPopup(popup_74da413d14d4d9dd3feff6fb71d3593b)
658
- ;
659
-
660
-
661
-
662
-
663
- marker_cb58a2b3b8b4d7c55161a6d8167f4e11.bindTooltip(
664
- `<div>
665
- مؤسسة نور حسين بن احمد اخريده للانتاج الفني
666
- </div>`,
667
- {
668
- "sticky": true,
669
- }
670
- );
671
-
672
-
673
- marker_cb58a2b3b8b4d7c55161a6d8167f4e11.setIcon(icon_50c864e1f2ab854a8b87c70520b5f02a);
674
-
675
-
676
- var marker_148ff5e83f7761d93d1364c4d1f3a1b2 = L.marker(
677
- [26.48709274, 50.0426020199999],
678
- {
679
- }
680
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
681
-
682
-
683
- var icon_82410bcc0915dd66bf111300ee5db03f = L.AwesomeMarkers.icon(
684
- {
685
- "markerColor": "darkred",
686
- "iconColor": "white",
687
- "icon": "info-sign",
688
- "prefix": "glyphicon",
689
- "extraClasses": "fa-rotate-0",
690
- }
691
- );
692
-
693
-
694
- var popup_da404003dd26a8ed77788b766f6cb667 = L.popup({
695
- "maxWidth": 320,
696
- });
697
-
698
-
699
-
700
- var html_147599ad0a23992b232238027d0a6348 = $(`<div id="html_147599ad0a23992b232238027d0a6348" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز نون الافاق للتدريب</b><br> السجل التجاري: 2062032757<br> المنطقة: سيهات<br> الحارة: النور<br> <a href="https://www.google.com/maps?q=26.48709274,50.0426020199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
701
- popup_da404003dd26a8ed77788b766f6cb667.setContent(html_147599ad0a23992b232238027d0a6348);
702
-
703
-
704
-
705
- marker_148ff5e83f7761d93d1364c4d1f3a1b2.bindPopup(popup_da404003dd26a8ed77788b766f6cb667)
706
- ;
707
-
708
-
709
-
710
-
711
- marker_148ff5e83f7761d93d1364c4d1f3a1b2.bindTooltip(
712
- `<div>
713
- مركز نون الافاق للتدريب
714
- </div>`,
715
- {
716
- "sticky": true,
717
- }
718
- );
719
-
720
-
721
- marker_148ff5e83f7761d93d1364c4d1f3a1b2.setIcon(icon_82410bcc0915dd66bf111300ee5db03f);
722
-
723
-
724
- var marker_b96a7d9c32a22f6fff7948da74aba638 = L.marker(
725
- [26.51857429, 50.0272547],
726
- {
727
- }
728
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
729
-
730
-
731
- var icon_1440abf766ab3daebd1cdd5f00b64635 = L.AwesomeMarkers.icon(
732
- {
733
- "markerColor": "lightblue",
734
- "iconColor": "white",
735
- "icon": "info-sign",
736
- "prefix": "glyphicon",
737
- "extraClasses": "fa-rotate-0",
738
- }
739
- );
740
-
741
-
742
- var popup_33892193bc794eb9e1a41ded75739470 = L.popup({
743
- "maxWidth": 320,
744
- });
745
-
746
-
747
-
748
- var html_2ef0211c5f2c714ce3ea0cd7b8f1f6dc = $(`<div id="html_2ef0211c5f2c714ce3ea0cd7b8f1f6dc" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم ركن برجر للوجبات السريعة</b><br> السجل التجاري: 2053025276<br> المنطقة: عنك<br> الحارة: عنك<br> <a href="https://www.google.com/maps?q=26.51857429,50.0272547" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
749
- popup_33892193bc794eb9e1a41ded75739470.setContent(html_2ef0211c5f2c714ce3ea0cd7b8f1f6dc);
750
-
751
-
752
-
753
- marker_b96a7d9c32a22f6fff7948da74aba638.bindPopup(popup_33892193bc794eb9e1a41ded75739470)
754
- ;
755
-
756
-
757
-
758
-
759
- marker_b96a7d9c32a22f6fff7948da74aba638.bindTooltip(
760
- `<div>
761
- مطعم ركن برجر للوجبات السريعة
762
- </div>`,
763
- {
764
- "sticky": true,
765
- }
766
- );
767
-
768
-
769
- marker_b96a7d9c32a22f6fff7948da74aba638.setIcon(icon_1440abf766ab3daebd1cdd5f00b64635);
770
-
771
-
772
- var marker_5d026783a2e5b15cc6c1ff6c6067708b = L.marker(
773
- [26.52120227, 50.0254467899999],
774
- {
775
- }
776
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
777
-
778
-
779
- var icon_daa0ba55507a99e266e33a8daf308854 = L.AwesomeMarkers.icon(
780
- {
781
- "markerColor": "lightblue",
782
- "iconColor": "white",
783
- "icon": "info-sign",
784
- "prefix": "glyphicon",
785
- "extraClasses": "fa-rotate-0",
786
- }
787
- );
788
-
789
-
790
- var popup_820c02bd7c388ded2a117feca9484de9 = L.popup({
791
- "maxWidth": 320,
792
- });
793
-
794
-
795
-
796
- var html_c88f01dd86a2db6ab693fbf15ee0406b = $(`<div id="html_c88f01dd86a2db6ab693fbf15ee0406b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ريادة النخبه لتقنية المعلومات</b><br> السجل التجاري: 2053024760<br> المنطقة: عنك<br> الحارة: عنك<br> <a href="https://www.google.com/maps?q=26.52120227,50.0254467899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
797
- popup_820c02bd7c388ded2a117feca9484de9.setContent(html_c88f01dd86a2db6ab693fbf15ee0406b);
798
-
799
-
800
-
801
- marker_5d026783a2e5b15cc6c1ff6c6067708b.bindPopup(popup_820c02bd7c388ded2a117feca9484de9)
802
- ;
803
-
804
-
805
-
806
-
807
- marker_5d026783a2e5b15cc6c1ff6c6067708b.bindTooltip(
808
- `<div>
809
- مؤسسة ريادة النخبه لتقنية المعلومات
810
- </div>`,
811
- {
812
- "sticky": true,
813
- }
814
- );
815
-
816
-
817
- marker_5d026783a2e5b15cc6c1ff6c6067708b.setIcon(icon_daa0ba55507a99e266e33a8daf308854);
818
-
819
-
820
- var marker_e2c164c6455cd7ba58469d67f6c13621 = L.marker(
821
- [26.47015254, 50.0125281899999],
822
- {
823
- }
824
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
825
-
826
-
827
- var icon_2bb0f8e569b99e50425cf5fb780c3152 = L.AwesomeMarkers.icon(
828
- {
829
- "markerColor": "red",
830
- "iconColor": "white",
831
- "icon": "info-sign",
832
- "prefix": "glyphicon",
833
- "extraClasses": "fa-rotate-0",
834
- }
835
- );
836
-
837
-
838
- var popup_11d006a344c6864a3e3fcbb4a1d8bfb8 = L.popup({
839
- "maxWidth": 320,
840
- });
841
-
842
-
843
-
844
- var html_29f6fe2b75ee757b6056e1564b53c163 = $(`<div id="html_29f6fe2b75ee757b6056e1564b53c163" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة انجاز كيان للنقليات</b><br> السجل التجاري: 2065617371<br> المنطقة: النابيه<br> الحارة: الصناعية<br> <a href="https://www.google.com/maps?q=26.47015254,50.0125281899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
845
- popup_11d006a344c6864a3e3fcbb4a1d8bfb8.setContent(html_29f6fe2b75ee757b6056e1564b53c163);
846
-
847
-
848
-
849
- marker_e2c164c6455cd7ba58469d67f6c13621.bindPopup(popup_11d006a344c6864a3e3fcbb4a1d8bfb8)
850
- ;
851
-
852
-
853
-
854
-
855
- marker_e2c164c6455cd7ba58469d67f6c13621.bindTooltip(
856
- `<div>
857
- مؤسسة انجاز كيان للنقليات
858
- </div>`,
859
- {
860
- "sticky": true,
861
- }
862
- );
863
-
864
-
865
- marker_e2c164c6455cd7ba58469d67f6c13621.setIcon(icon_2bb0f8e569b99e50425cf5fb780c3152);
866
-
867
-
868
- var marker_bfe345213d09aef77cbc840e858799dc = L.marker(
869
- [26.58208891, 50.01456007],
870
- {
871
- }
872
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
873
-
874
-
875
- var icon_26a763fa4c43ef7e362616a0893f3087 = L.AwesomeMarkers.icon(
876
- {
877
- "markerColor": "purple",
878
- "iconColor": "white",
879
- "icon": "info-sign",
880
- "prefix": "glyphicon",
881
- "extraClasses": "fa-rotate-0",
882
- }
883
- );
884
-
885
-
886
- var popup_e806e0d36407db464c04ecb25a66c235 = L.popup({
887
- "maxWidth": 320,
888
- });
889
-
890
-
891
-
892
- var html_440f0c9e4b1fdb9ad7811c6d0843f38e = $(`<div id="html_440f0c9e4b1fdb9ad7811c6d0843f38e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب بدر توفيق بن محمد اليوشع للخدمات العقارية</b><br> السجل التجاري: 2053116726<br> المنطقة: القطيف<br> الحارة: الناصرة<br> <a href="https://www.google.com/maps?q=26.58208891,50.01456007" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
893
- popup_e806e0d36407db464c04ecb25a66c235.setContent(html_440f0c9e4b1fdb9ad7811c6d0843f38e);
894
-
895
-
896
-
897
- marker_bfe345213d09aef77cbc840e858799dc.bindPopup(popup_e806e0d36407db464c04ecb25a66c235)
898
- ;
899
-
900
-
901
-
902
-
903
- marker_bfe345213d09aef77cbc840e858799dc.bindTooltip(
904
- `<div>
905
- مكتب بدر توفيق بن محمد اليوشع للخدمات العقارية
906
- </div>`,
907
- {
908
- "sticky": true,
909
- }
910
- );
911
-
912
-
913
- marker_bfe345213d09aef77cbc840e858799dc.setIcon(icon_26a763fa4c43ef7e362616a0893f3087);
914
-
915
-
916
- var marker_9a5c89419b6e3ed1be960d7d3bf08038 = L.marker(
917
- [26.5817140499999, 50.01464627],
918
- {
919
- }
920
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
921
-
922
-
923
- var icon_ac981c5b4a18d6016befc3dd76deb4c0 = L.AwesomeMarkers.icon(
924
- {
925
- "markerColor": "purple",
926
- "iconColor": "white",
927
- "icon": "info-sign",
928
- "prefix": "glyphicon",
929
- "extraClasses": "fa-rotate-0",
930
- }
931
- );
932
-
933
-
934
- var popup_7179051ca6074092d40032cd25ba4f1c = L.popup({
935
- "maxWidth": 320,
936
- });
937
-
938
-
939
-
940
- var html_f22dc03d90e6476bf35f179769ede3fa = $(`<div id="html_f22dc03d90e6476bf35f179769ede3fa" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة امجد علوي ابو الرحي للاتصالات</b><br> السجل التجاري: 2053112443<br> المنطقة: القطيف<br> الحارة: الناصرة<br> <a href="https://www.google.com/maps?q=26.5817140499999,50.01464627" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
941
- popup_7179051ca6074092d40032cd25ba4f1c.setContent(html_f22dc03d90e6476bf35f179769ede3fa);
942
-
943
-
944
-
945
- marker_9a5c89419b6e3ed1be960d7d3bf08038.bindPopup(popup_7179051ca6074092d40032cd25ba4f1c)
946
- ;
947
-
948
-
949
-
950
-
951
- marker_9a5c89419b6e3ed1be960d7d3bf08038.bindTooltip(
952
- `<div>
953
- مؤسسة امجد علوي ابو الرحي للاتصالات
954
- </div>`,
955
- {
956
- "sticky": true,
957
- }
958
- );
959
-
960
-
961
- marker_9a5c89419b6e3ed1be960d7d3bf08038.setIcon(icon_ac981c5b4a18d6016befc3dd76deb4c0);
962
-
963
-
964
- var marker_b0deed6fe2f2972e5f6afb3f840d1efa = L.marker(
965
- [26.54717841, 50.01728545],
966
- {
967
- }
968
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
969
-
970
-
971
- var icon_96a276e0f373c4a070ee8e0eed02436d = L.AwesomeMarkers.icon(
972
- {
973
- "markerColor": "green",
974
- "iconColor": "white",
975
- "icon": "info-sign",
976
- "prefix": "glyphicon",
977
- "extraClasses": "fa-rotate-0",
978
- }
979
- );
980
-
981
-
982
- var popup_39a5f74380010a1c62beea4c52f06336 = L.popup({
983
- "maxWidth": 320,
984
- });
985
-
986
-
987
-
988
- var html_9d0dbc5fa998b2cab23b7c585346e6ce = $(`<div id="html_9d0dbc5fa998b2cab23b7c585346e6ce" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز تطوير الغد النسائي للتدريب</b><br> السجل التجاري: 2053022556<br> المنطقة: القطيف<br> الحارة: منطقة المستودعات<br> <a href="https://www.google.com/maps?q=26.54717841,50.01728545" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
989
- popup_39a5f74380010a1c62beea4c52f06336.setContent(html_9d0dbc5fa998b2cab23b7c585346e6ce);
990
-
991
-
992
-
993
- marker_b0deed6fe2f2972e5f6afb3f840d1efa.bindPopup(popup_39a5f74380010a1c62beea4c52f06336)
994
- ;
995
-
996
-
997
-
998
-
999
- marker_b0deed6fe2f2972e5f6afb3f840d1efa.bindTooltip(
1000
- `<div>
1001
- مركز تطوير الغد النسائي للتدريب
1002
- </div>`,
1003
- {
1004
- "sticky": true,
1005
- }
1006
- );
1007
-
1008
-
1009
- marker_b0deed6fe2f2972e5f6afb3f840d1efa.setIcon(icon_96a276e0f373c4a070ee8e0eed02436d);
1010
-
1011
-
1012
- map_ce6d962b8966480e775f7dc0d325679f.fitBounds(
1013
- [[26.4885585699999, 50.03470294], [26.5036418, 50.03776744], [26.4927222799999, 50.03596667], [26.46911963, 50.04518909], [26.48709274, 50.0426020199999], [26.51857429, 50.0272547], [26.52120227, 50.0254467899999], [26.47015254, 50.0125281899999], [26.58208891, 50.01456007], [26.5817140499999, 50.01464627], [26.54717841, 50.01728545]],
1014
- {"padding": [30, 30]}
1015
- );
1016
-
1017
-
1018
- var layer_control_2f106838316c459c0cbb0be7644c317d_layers = {
1019
- base_layers : {
1020
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_0820aee7622b67bd497bbcce9f24542a,
1021
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_131c44995f6eb224cbe6284e98aa51f2,
1022
- },
1023
- overlays : {
1024
- },
1025
- };
1026
- let layer_control_2f106838316c459c0cbb0be7644c317d = L.control.layers(
1027
- layer_control_2f106838316c459c0cbb0be7644c317d_layers.base_layers,
1028
- layer_control_2f106838316c459c0cbb0be7644c317d_layers.overlays,
1029
- {
1030
- "position": "topright",
1031
- "collapsed": false,
1032
- "autoZIndex": true,
1033
- }
1034
- ).addTo(map_ce6d962b8966480e775f7dc0d325679f);
1035
-
1036
-
1037
- </script>
1038
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/31.html DELETED
@@ -1,966 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_b216c8e87453b4d88d3c336d571afd44 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">اسراء محمد بن علي الاصيل - 31</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>مياس</b>: 4 | <b>الدبابية</b>: 2 | <b>الرابعة</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">مياس</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الدبابية</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الرابعة</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الشريعة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البحر</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_b216c8e87453b4d88d3c336d571afd44;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "مؤسسة يحيى ستور للاتصالات", "lat": 26.5542013899999, "lon": 50.00248759, "markerVar": "marker_317acaf06e543ede1074a174f83707c9"}, {"title": "مؤسسة طاهر بن عبدالله آل عبيد التجارية", "lat": 26.5541876399999, "lon": 50.0023278999999, "markerVar": "marker_9db7e514ab63e46e52196dfe07e43d39"}, {"title": "مؤسسة عبدالكريم حسين بن عبدالكريم توات للاتصالات", "lat": 26.5543994999999, "lon": 50.00244164, "markerVar": "marker_a4b9c9d808495760750f78ae928c2aca"}, {"title": "بوفية أنوار زكي بن سعود المدلي لتقديم الوجبات", "lat": 26.5548441199999, "lon": 50.0018902799999, "markerVar": "marker_db6ed784d71488bac0582b10fdcc6208"}, {"title": "مؤسسة علي يحي عبدالكريم آل افوير للاتصالات", "lat": 26.5543255999999, "lon": 50.0021495399999, "markerVar": "marker_25dd2c93f4d928d9afe5794b683950a2"}, {"title": "مؤسسة عبدالكريم علي بن عبدالكريم آل افوير للاتصالات", "lat": 26.5540769099999, "lon": 50.00185177, "markerVar": "marker_193efe1237a7ff1c8499120037a4d7f1"}, {"title": "بوفية احمد عبدالحميد جاسم آل دهنيم للوجبات السريعة", "lat": 26.55659667, "lon": 50.00542025, "markerVar": "marker_2ae63ec9f149816c5e4a362bd42773f5"}, {"title": "مؤسسة تسجيلي للانتاج الفني", "lat": 26.5646680599999, "lon": 50.0072613099999, "markerVar": "marker_ab78ee8661f91c146ee7f21ac7db823c"}, {"title": "مطعم نثري الفريج للأكلات الشعبية", "lat": 26.56557721, "lon": 50.0121891499999, "markerVar": "marker_191b17cc428a4fa72d7de2dac484a326"}, {"title": "بوفية سفينة السندباد لتقديم الوجبات", "lat": 26.56142801, "lon": 50.0110899299999, "markerVar": "marker_29569696e415b53adcb6ffa84438d51a"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_b216c8e87453b4d88d3c336d571afd44" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_b216c8e87453b4d88d3c336d571afd44 = L.map(
396
- "map_b216c8e87453b4d88d3c336d571afd44",
397
- {
398
- center: [26.55743051099993, 50.004910935999945],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_b216c8e87453b4d88d3c336d571afd44);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_efb1ace94fc144874f1bac39167004de = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_efb1ace94fc144874f1bac39167004de.addTo(map_b216c8e87453b4d88d3c336d571afd44);
432
-
433
-
434
- var tile_layer_420c3d0d3b15f7b9ac254cdce53a0e67 = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_420c3d0d3b15f7b9ac254cdce53a0e67.addTo(map_b216c8e87453b4d88d3c336d571afd44);
452
-
453
-
454
- var locate_control_1a83b89f72ea7213c7fe8df95882efe2 = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
457
-
458
-
459
-
460
- var marker_317acaf06e543ede1074a174f83707c9 = L.marker(
461
- [26.5542013899999, 50.00248759],
462
- {
463
- }
464
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
465
-
466
-
467
- var icon_cde84674a339a588d1f1ba97b9727639 = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "lightgray",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_2a8108db4e347baa4d7cf5ec5a52e839 = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_1aa805082059450527dfaf74629702ac = $(`<div id="html_1aa805082059450527dfaf74629702ac" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة يحيى ستور للاتصالات</b><br> السجل التجاري: 2053116127<br> المنطقة: القطيف<br> الحارة: الدبابية<br> <a href="https://www.google.com/maps?q=26.5542013899999,50.00248759" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_2a8108db4e347baa4d7cf5ec5a52e839.setContent(html_1aa805082059450527dfaf74629702ac);
486
-
487
-
488
-
489
- marker_317acaf06e543ede1074a174f83707c9.bindPopup(popup_2a8108db4e347baa4d7cf5ec5a52e839)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_317acaf06e543ede1074a174f83707c9.bindTooltip(
496
- `<div>
497
- مؤسسة يحيى ستور للاتصالات
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_317acaf06e543ede1074a174f83707c9.setIcon(icon_cde84674a339a588d1f1ba97b9727639);
506
-
507
-
508
- var marker_9db7e514ab63e46e52196dfe07e43d39 = L.marker(
509
- [26.5541876399999, 50.0023278999999],
510
- {
511
- }
512
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
513
-
514
-
515
- var icon_9d091d50ed9d7f64da621aa89f16e7e4 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "lightgray",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_f023a89706de383a3745b311156fc9a6 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_00fc667563b4d5b694ff991ad047f098 = $(`<div id="html_00fc667563b4d5b694ff991ad047f098" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة طاهر بن عبدالله آل عبيد التجارية</b><br> السجل التجاري: 2053014307<br> المنطقة: القطيف<br> الحارة: الدبابية<br> <a href="https://www.google.com/maps?q=26.5541876399999,50.0023278999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_f023a89706de383a3745b311156fc9a6.setContent(html_00fc667563b4d5b694ff991ad047f098);
534
-
535
-
536
-
537
- marker_9db7e514ab63e46e52196dfe07e43d39.bindPopup(popup_f023a89706de383a3745b311156fc9a6)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_9db7e514ab63e46e52196dfe07e43d39.bindTooltip(
544
- `<div>
545
- مؤسسة طاهر بن عبدالله آل عبيد التجارية
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_9db7e514ab63e46e52196dfe07e43d39.setIcon(icon_9d091d50ed9d7f64da621aa89f16e7e4);
554
-
555
-
556
- var marker_a4b9c9d808495760750f78ae928c2aca = L.marker(
557
- [26.5543994999999, 50.00244164],
558
- {
559
- }
560
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
561
-
562
-
563
- var icon_5175dbd413a3020dca41fca4d79fe190 = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "lightgray",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_f35c1e4405393400ba5f3eda1b038bb6 = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_5a136ca24117b48df57730f9996f20e9 = $(`<div id="html_5a136ca24117b48df57730f9996f20e9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبدالكريم حسين بن عبدالكريم توات للاتصالات</b><br> السجل التجاري: 2053120452<br> المنطقة: القطيف<br> الحارة: مياس<br> <a href="https://www.google.com/maps?q=26.5543994999999,50.00244164" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_f35c1e4405393400ba5f3eda1b038bb6.setContent(html_5a136ca24117b48df57730f9996f20e9);
582
-
583
-
584
-
585
- marker_a4b9c9d808495760750f78ae928c2aca.bindPopup(popup_f35c1e4405393400ba5f3eda1b038bb6)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_a4b9c9d808495760750f78ae928c2aca.bindTooltip(
592
- `<div>
593
- مؤسسة عبدالكريم حسين بن عبدالكريم توات للاتصالات
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_a4b9c9d808495760750f78ae928c2aca.setIcon(icon_5175dbd413a3020dca41fca4d79fe190);
602
-
603
-
604
- var marker_db6ed784d71488bac0582b10fdcc6208 = L.marker(
605
- [26.5548441199999, 50.0018902799999],
606
- {
607
- }
608
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
609
-
610
-
611
- var icon_bb3726cb38c997bc6758ad0fb458218e = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "lightgray",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_360fc8e5c874fefade75fcd26578f233 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_b3a456535d8e34901c80ea54c3562953 = $(`<div id="html_b3a456535d8e34901c80ea54c3562953" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية أنوار زكي بن سعود المدلي لتقديم الوجبات</b><br> السجل التجاري: 2053120150<br> المنطقة: القطيف<br> الحارة: مياس<br> <a href="https://www.google.com/maps?q=26.5548441199999,50.0018902799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_360fc8e5c874fefade75fcd26578f233.setContent(html_b3a456535d8e34901c80ea54c3562953);
630
-
631
-
632
-
633
- marker_db6ed784d71488bac0582b10fdcc6208.bindPopup(popup_360fc8e5c874fefade75fcd26578f233)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_db6ed784d71488bac0582b10fdcc6208.bindTooltip(
640
- `<div>
641
- بوفية أنوار زكي بن سعود المدلي لتقديم الوجبات
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_db6ed784d71488bac0582b10fdcc6208.setIcon(icon_bb3726cb38c997bc6758ad0fb458218e);
650
-
651
-
652
- var marker_25dd2c93f4d928d9afe5794b683950a2 = L.marker(
653
- [26.5543255999999, 50.0021495399999],
654
- {
655
- }
656
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
657
-
658
-
659
- var icon_1a07dabe771e29fc56f22d6c8c2bef92 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "lightgray",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_bcfd7a6eba90d55c24bd70fa7d7569e5 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_e5a8f664a2db68a171a0b91edb136b34 = $(`<div id="html_e5a8f664a2db68a171a0b91edb136b34" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة علي يحي عبدالكريم آل افوير للاتصالات</b><br> السجل التجاري: 2053117730<br> المنطقة: القطيف<br> الحارة: مياس<br> <a href="https://www.google.com/maps?q=26.5543255999999,50.0021495399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_bcfd7a6eba90d55c24bd70fa7d7569e5.setContent(html_e5a8f664a2db68a171a0b91edb136b34);
678
-
679
-
680
-
681
- marker_25dd2c93f4d928d9afe5794b683950a2.bindPopup(popup_bcfd7a6eba90d55c24bd70fa7d7569e5)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_25dd2c93f4d928d9afe5794b683950a2.bindTooltip(
688
- `<div>
689
- مؤسسة علي يحي عبدالكريم آل افوير للاتصالات
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_25dd2c93f4d928d9afe5794b683950a2.setIcon(icon_1a07dabe771e29fc56f22d6c8c2bef92);
698
-
699
-
700
- var marker_193efe1237a7ff1c8499120037a4d7f1 = L.marker(
701
- [26.5540769099999, 50.00185177],
702
- {
703
- }
704
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
705
-
706
-
707
- var icon_010dcf3425002e9c107b1153618d31fd = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "lightgray",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_3588d1d172e0299eff5ede01d3a3a35c = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_c0ae40682f793c3ef9842e90dff86b4c = $(`<div id="html_c0ae40682f793c3ef9842e90dff86b4c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبدالكريم علي بن عبدالكريم آل افوير للاتصالات</b><br> السجل التجاري: 2053114666<br> المنطقة: القطيف<br> الحارة: مياس<br> <a href="https://www.google.com/maps?q=26.5540769099999,50.00185177" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_3588d1d172e0299eff5ede01d3a3a35c.setContent(html_c0ae40682f793c3ef9842e90dff86b4c);
726
-
727
-
728
-
729
- marker_193efe1237a7ff1c8499120037a4d7f1.bindPopup(popup_3588d1d172e0299eff5ede01d3a3a35c)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_193efe1237a7ff1c8499120037a4d7f1.bindTooltip(
736
- `<div>
737
- مؤسسة عبدالكريم علي بن عبدالكريم آل افوير للاتصالات
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_193efe1237a7ff1c8499120037a4d7f1.setIcon(icon_010dcf3425002e9c107b1153618d31fd);
746
-
747
-
748
- var marker_2ae63ec9f149816c5e4a362bd42773f5 = L.marker(
749
- [26.55659667, 50.00542025],
750
- {
751
- }
752
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
753
-
754
-
755
- var icon_a5edeedc3a438cec672523b30bcedd9b = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "lightgreen",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_270550534140df72932b21176468824e = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_2b891bd7d5ffaca2dca58b27b8fb2e34 = $(`<div id="html_2b891bd7d5ffaca2dca58b27b8fb2e34" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية احمد عبدالحميد جاسم آل دهنيم للوجبات السريعة</b><br> السجل التجاري: 2053115922<br> المنطقة: القطيف<br> الحارة: الشريعة<br> <a href="https://www.google.com/maps?q=26.55659667,50.00542025" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_270550534140df72932b21176468824e.setContent(html_2b891bd7d5ffaca2dca58b27b8fb2e34);
774
-
775
-
776
-
777
- marker_2ae63ec9f149816c5e4a362bd42773f5.bindPopup(popup_270550534140df72932b21176468824e)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_2ae63ec9f149816c5e4a362bd42773f5.bindTooltip(
784
- `<div>
785
- بوفية احمد عبدالحميد جاسم آل دهنيم للوجبات السريعة
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_2ae63ec9f149816c5e4a362bd42773f5.setIcon(icon_a5edeedc3a438cec672523b30bcedd9b);
794
-
795
-
796
- var marker_ab78ee8661f91c146ee7f21ac7db823c = L.marker(
797
- [26.5646680599999, 50.0072613099999],
798
- {
799
- }
800
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
801
-
802
-
803
- var icon_48755c1730c6188ff4a950483bdeb14a = L.AwesomeMarkers.icon(
804
- {
805
- "markerColor": "purple",
806
- "iconColor": "white",
807
- "icon": "info-sign",
808
- "prefix": "glyphicon",
809
- "extraClasses": "fa-rotate-0",
810
- }
811
- );
812
-
813
-
814
- var popup_477c7a8640f8dcd6c1d01ac517097943 = L.popup({
815
- "maxWidth": 320,
816
- });
817
-
818
-
819
-
820
- var html_a26783690b6f10a0d94f011c09e93e0d = $(`<div id="html_a26783690b6f10a0d94f011c09e93e0d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة تسجيلي للانتاج الفني</b><br> السجل التجاري: 2053023616<br> المنطقة: القطيف<br> الحارة: البحر<br> <a href="https://www.google.com/maps?q=26.5646680599999,50.0072613099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
821
- popup_477c7a8640f8dcd6c1d01ac517097943.setContent(html_a26783690b6f10a0d94f011c09e93e0d);
822
-
823
-
824
-
825
- marker_ab78ee8661f91c146ee7f21ac7db823c.bindPopup(popup_477c7a8640f8dcd6c1d01ac517097943)
826
- ;
827
-
828
-
829
-
830
-
831
- marker_ab78ee8661f91c146ee7f21ac7db823c.bindTooltip(
832
- `<div>
833
- مؤسسة تسجيلي للانتاج الفني
834
- </div>`,
835
- {
836
- "sticky": true,
837
- }
838
- );
839
-
840
-
841
- marker_ab78ee8661f91c146ee7f21ac7db823c.setIcon(icon_48755c1730c6188ff4a950483bdeb14a);
842
-
843
-
844
- var marker_191b17cc428a4fa72d7de2dac484a326 = L.marker(
845
- [26.56557721, 50.0121891499999],
846
- {
847
- }
848
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
849
-
850
-
851
- var icon_c5d1853e7aff0f2b3117ffde64f27daf = L.AwesomeMarkers.icon(
852
- {
853
- "markerColor": "darkpurple",
854
- "iconColor": "white",
855
- "icon": "info-sign",
856
- "prefix": "glyphicon",
857
- "extraClasses": "fa-rotate-0",
858
- }
859
- );
860
-
861
-
862
- var popup_08b2c43f9188d0bba0e3ee111d16bf23 = L.popup({
863
- "maxWidth": 320,
864
- });
865
-
866
-
867
-
868
- var html_16e45e652949755777c2232b58dcaadf = $(`<div id="html_16e45e652949755777c2232b58dcaadf" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم نثري الفريج للأكلات الشعبية</b><br> السجل التجاري: 2053101382<br> المنطقة: القطيف<br> الحارة: الرابعة<br> <a href="https://www.google.com/maps?q=26.56557721,50.0121891499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
869
- popup_08b2c43f9188d0bba0e3ee111d16bf23.setContent(html_16e45e652949755777c2232b58dcaadf);
870
-
871
-
872
-
873
- marker_191b17cc428a4fa72d7de2dac484a326.bindPopup(popup_08b2c43f9188d0bba0e3ee111d16bf23)
874
- ;
875
-
876
-
877
-
878
-
879
- marker_191b17cc428a4fa72d7de2dac484a326.bindTooltip(
880
- `<div>
881
- مطعم نثري الفريج للأكلات الشعبية
882
- </div>`,
883
- {
884
- "sticky": true,
885
- }
886
- );
887
-
888
-
889
- marker_191b17cc428a4fa72d7de2dac484a326.setIcon(icon_c5d1853e7aff0f2b3117ffde64f27daf);
890
-
891
-
892
- var marker_29569696e415b53adcb6ffa84438d51a = L.marker(
893
- [26.56142801, 50.0110899299999],
894
- {
895
- }
896
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
897
-
898
-
899
- var icon_ab32817e8770fc84091457867c6c7bdf = L.AwesomeMarkers.icon(
900
- {
901
- "markerColor": "darkpurple",
902
- "iconColor": "white",
903
- "icon": "info-sign",
904
- "prefix": "glyphicon",
905
- "extraClasses": "fa-rotate-0",
906
- }
907
- );
908
-
909
-
910
- var popup_b1bc6e35de00b95f4b2e2899325ef07d = L.popup({
911
- "maxWidth": 320,
912
- });
913
-
914
-
915
-
916
- var html_ce1a9dba3aa985815b65fb16ccc56b88 = $(`<div id="html_ce1a9dba3aa985815b65fb16ccc56b88" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية سفينة السندباد لتقديم الوجبات</b><br> السجل التجاري: 2053028281<br> المنطقة: القطيف<br> الحارة: الرابعة<br> <a href="https://www.google.com/maps?q=26.56142801,50.0110899299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
917
- popup_b1bc6e35de00b95f4b2e2899325ef07d.setContent(html_ce1a9dba3aa985815b65fb16ccc56b88);
918
-
919
-
920
-
921
- marker_29569696e415b53adcb6ffa84438d51a.bindPopup(popup_b1bc6e35de00b95f4b2e2899325ef07d)
922
- ;
923
-
924
-
925
-
926
-
927
- marker_29569696e415b53adcb6ffa84438d51a.bindTooltip(
928
- `<div>
929
- بوفية سفينة السندباد لتقديم الوجبات
930
- </div>`,
931
- {
932
- "sticky": true,
933
- }
934
- );
935
-
936
-
937
- marker_29569696e415b53adcb6ffa84438d51a.setIcon(icon_ab32817e8770fc84091457867c6c7bdf);
938
-
939
-
940
- map_b216c8e87453b4d88d3c336d571afd44.fitBounds(
941
- [[26.5542013899999, 50.00248759], [26.5541876399999, 50.0023278999999], [26.5543994999999, 50.00244164], [26.5548441199999, 50.0018902799999], [26.5543255999999, 50.0021495399999], [26.5540769099999, 50.00185177], [26.55659667, 50.00542025], [26.5646680599999, 50.0072613099999], [26.56557721, 50.0121891499999], [26.56142801, 50.0110899299999]],
942
- {"padding": [30, 30]}
943
- );
944
-
945
-
946
- var layer_control_8a1b4fff79cc7592decc54701272e55d_layers = {
947
- base_layers : {
948
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_efb1ace94fc144874f1bac39167004de,
949
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_420c3d0d3b15f7b9ac254cdce53a0e67,
950
- },
951
- overlays : {
952
- },
953
- };
954
- let layer_control_8a1b4fff79cc7592decc54701272e55d = L.control.layers(
955
- layer_control_8a1b4fff79cc7592decc54701272e55d_layers.base_layers,
956
- layer_control_8a1b4fff79cc7592decc54701272e55d_layers.overlays,
957
- {
958
- "position": "topright",
959
- "collapsed": false,
960
- "autoZIndex": true,
961
- }
962
- ).addTo(map_b216c8e87453b4d88d3c336d571afd44);
963
-
964
-
965
- </script>
966
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/32.html DELETED
@@ -1,1026 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_7419428797be4b54f6c5cfcd360de033 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">مرتضى عبدالجليل بن عيسى الحكيم - 32</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 11<br>
139
- <b>عدد الحارات:</b> 7<br>
140
- <b>الأكثر:</b> <b>الغدير</b>: 3 | <b>الخامسة</b>: 3 | <b>النسيم</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الغدير</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخامسة</span>
155
- <span style="font-size:12px;color:#666;">(3)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النسيم</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المنتزة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">غرناطة</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخزامي</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
182
- <span style="width:12px;height:12px;border-radius:50%;
183
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
184
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المجيدية</span>
185
- <span style="font-size:12px;color:#666;">(1)</span>
186
- </div>
187
-
188
- </div>
189
- </div>
190
- </div>
191
-
192
- <script>
193
- (function(){
194
- const box = document.getElementById('statsBox');
195
- const fab = document.getElementById('statsFab');
196
- const hide = document.getElementById('hideStats');
197
-
198
- hide.addEventListener('click', function(){
199
- box.style.display = 'none';
200
- fab.style.display = 'block';
201
- });
202
-
203
- fab.addEventListener('click', function(){
204
- box.style.display = 'block';
205
- fab.style.display = 'none';
206
- });
207
- })();
208
- </script>
209
-
210
-
211
- <style>
212
- .leaflet-control.est-search-control {
213
- background: rgba(255,255,255,0.92);
214
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
215
- border-radius: 14px;
216
- padding: 10px 10px;
217
- width: 320px;
218
- direction: rtl;
219
- font-family: Arial, sans-serif;
220
- }
221
- .est-search-control input {
222
- width: 100%;
223
- border: 1px solid rgba(0,0,0,0.15);
224
- border-radius: 10px;
225
- padding: 10px 12px;
226
- font-size: 13px;
227
- outline: none;
228
- }
229
- .est-search-meta {
230
- margin-top: 6px;
231
- font-size: 12px;
232
- color: #666;
233
- display:flex;
234
- justify-content:space-between;
235
- gap:8px;
236
- }
237
- .est-results {
238
- margin-top: 8px;
239
- max-height: 180px;
240
- overflow: auto;
241
- border-top: 1px solid rgba(0,0,0,0.08);
242
- padding-top: 6px;
243
- }
244
- .est-item {
245
- cursor: pointer;
246
- padding: 8px 10px;
247
- border-radius: 10px;
248
- font-size: 13px;
249
- line-height: 1.4;
250
- }
251
- .est-item:hover {
252
- background: rgba(0,0,0,0.06);
253
- }
254
- .est-badge {
255
- font-size: 12px;
256
- color: #333;
257
- }
258
- .est-clear {
259
- cursor:pointer;
260
- user-select:none;
261
- font-size:12px;
262
- color:#0b6efd;
263
- }
264
- </style>
265
-
266
- <script>
267
- (function(){
268
- const map = map_7419428797be4b54f6c5cfcd360de033;
269
- // items: list of objects (title, lat, lon, markerVar)
270
- const items = [{"title": "مؤسسة المسار الفني للموسيقى", "lat": 26.5058903471724, "lon": 50.0410129806492, "markerVar": "marker_0ad09e57f991d841a5f9d353e988748a"}, {"title": "مطعم مشوى البلد لتقديم الوجبات", "lat": 26.48127925, "lon": 50.0455428, "markerVar": "marker_2af1c3b0be549e64399e3da95ccf83f4"}, {"title": "مؤسسة دانة الخير العقارية", "lat": 26.4881184152156, "lon": 50.0493138612822, "markerVar": "marker_37e8f5b7191b78e5dbf67799874a5d3d"}, {"title": "مؤسسة ماجد محمد الشهابيه للتخليص الجمركي", "lat": 26.4881184199999, "lon": 50.0493138599999, "markerVar": "marker_dcd52db82c88a06b16997933bd61f925"}, {"title": "مركز تطوير الوعي للتدريب", "lat": 26.49028333, "lon": 50.04746174, "markerVar": "marker_318861a061448ee577cb2b87275a1a88"}, {"title": "مقهى البومة لتقديم المشروبات", "lat": 26.46873055, "lon": 50.04642975, "markerVar": "marker_f0587d84c190950e8df8d727fff6b3be"}, {"title": "مطعم رغيف العائلة لتقديم الوجبات", "lat": 26.56093383, "lon": 50.0205651799999, "markerVar": "marker_83f36d400bc5af8ea2e36746b86ffe45"}, {"title": "مقهى حرفة القهوة المختصة لتقديم المشروبات", "lat": 26.5608392699999, "lon": 50.0167251199999, "markerVar": "marker_a8a785d791b47da9c940d02469284dcc"}, {"title": "مؤسسة علي عبدالعلي الخميس للاتصالات", "lat": 26.5608945299999, "lon": 50.0207836599999, "markerVar": "marker_12420cfccace418b6dffc449381f8d0b"}, {"title": "مؤسسة الخط الإخبارية للنشر الالكتروني", "lat": 26.56682281, "lon": 50.01212872, "markerVar": "marker_753c9d87b0ca92b6f05f50c1f4d5c988"}, {"title": "مطعم مسمكة الفريج لتقديم الوجبات", "lat": 26.5518397499999, "lon": 50.02868628, "markerVar": "marker_3612059c4586f414bd93873da470bc83"}];
271
-
272
- function norm(s){
273
- if(!s) return "";
274
- s = (""+s).toLowerCase();
275
-
276
- // إزالة التشكيل
277
- s = s.replace(/[\u064B-\u065F]/g, "");
278
- // تطبيع عربي
279
- s = s.replace(/[إأآا]/g, "ا")
280
- .replace(/ى/g, "ي")
281
- .replace(/ة/g, "ه")
282
- .replace(/ؤ/g, "و")
283
- .replace(/ئ/g, "ي")
284
- .replace(/ـ/g, "");
285
- // مسافات
286
- s = s.replace(/\s+/g, " ").trim();
287
- return s;
288
- }
289
-
290
- const SearchControl = L.Control.extend({
291
- options: { position: 'bottomleft' },
292
- onAdd: function(){
293
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
294
- div.innerHTML = `
295
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
296
- <div class="est-search-meta">
297
- <span id="estCount" class="est-badge"></span>
298
- <span id="estClear" class="est-clear">مسح</span>
299
- </div>
300
- <div id="estResults" class="est-results"></div>
301
- `;
302
- L.DomEvent.disableClickPropagation(div);
303
- L.DomEvent.disableScrollPropagation(div);
304
- return div;
305
- }
306
- });
307
-
308
- map.addControl(new SearchControl());
309
-
310
- function renderResults(hits){
311
- const results = document.getElementById('estResults');
312
- const count = document.getElementById('estCount');
313
- results.innerHTML = "";
314
-
315
- if(!hits.length){
316
- count.textContent = "لا توجد نتائج";
317
- return;
318
- }
319
-
320
- count.textContent = "النتائج: " + hits.length;
321
-
322
- for(const h of hits.slice(0, 50)){
323
- const el = document.createElement('div');
324
- el.className = 'est-item';
325
- el.textContent = h.title;
326
- el.onclick = function(){
327
- try {
328
- const mv = window[h.markerVar];
329
- if(mv && mv.getLatLng){
330
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
331
- if(mv.openPopup) mv.openPopup();
332
- } else {
333
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
334
- }
335
- } catch(e) {}
336
- };
337
- results.appendChild(el);
338
- }
339
- }
340
-
341
- function search(q){
342
- const nq = norm(q);
343
- if(!nq) return [];
344
- const hits = [];
345
- for(const it of items){
346
- if(norm(it.title).includes(nq)) hits.push(it);
347
- }
348
- return hits;
349
- }
350
-
351
- setTimeout(function(){
352
- const input = document.getElementById('estQ');
353
- const clearBtn = document.getElementById('estClear');
354
-
355
- input.addEventListener('input', function(){
356
- renderResults(search(this.value));
357
- });
358
-
359
- input.addEventListener('keydown', function(e){
360
- if(e.key === 'Enter'){
361
- const hits = search(this.value);
362
- renderResults(hits);
363
- if(hits.length){
364
- try {
365
- const mv = window[hits[0].markerVar];
366
- if(mv && mv.getLatLng){
367
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
368
- if(mv.openPopup) mv.openPopup();
369
- }
370
- } catch(e) {}
371
- }
372
- }
373
- });
374
-
375
- clearBtn.addEventListener('click', function(){
376
- input.value = "";
377
- document.getElementById('estResults').innerHTML = "";
378
- document.getElementById('estCount').textContent = "";
379
- });
380
- }, 0);
381
- })();
382
- </script>
383
-
384
-
385
- <div style="
386
- position: fixed;
387
- bottom: 8px; left: 8px;
388
- background: rgba(255,255,255,0.85);
389
- padding: 6px 10px;
390
- border-radius: 10px;
391
- font-size: 13px;
392
- direction: rtl;
393
- z-index: 9999;
394
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
395
- font-family: Arial, sans-serif;
396
- ">
397
- تصميم وإعداد <b>نوف الناصر</b>
398
- </div>
399
-
400
-
401
- <div class="folium-map" id="map_7419428797be4b54f6c5cfcd360de033" ></div>
402
-
403
- </body>
404
- <script>
405
-
406
-
407
- var map_7419428797be4b54f6c5cfcd360de033 = L.map(
408
- "map_7419428797be4b54f6c5cfcd360de033",
409
- {
410
- center: [26.520340954762506, 50.03436035926646],
411
- crs: L.CRS.EPSG3857,
412
- ...{
413
- "zoom": 13,
414
- "zoomControl": true,
415
- "preferCanvas": false,
416
- }
417
-
418
- }
419
- );
420
- L.control.scale().addTo(map_7419428797be4b54f6c5cfcd360de033);
421
-
422
-
423
-
424
-
425
-
426
- var tile_layer_a9cb99d83b06a76c04997d32ba4c0911 = L.tileLayer(
427
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
428
- {
429
- "minZoom": 0,
430
- "maxZoom": 19,
431
- "maxNativeZoom": 19,
432
- "noWrap": false,
433
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
434
- "subdomains": "abc",
435
- "detectRetina": false,
436
- "tms": false,
437
- "opacity": 1,
438
- }
439
-
440
- );
441
-
442
-
443
- tile_layer_a9cb99d83b06a76c04997d32ba4c0911.addTo(map_7419428797be4b54f6c5cfcd360de033);
444
-
445
-
446
- var tile_layer_1860fc3d734f60a32705ab306a73c5af = L.tileLayer(
447
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
448
- {
449
- "minZoom": 0,
450
- "maxZoom": 18,
451
- "maxNativeZoom": 18,
452
- "noWrap": false,
453
- "attribution": "\u0026copy; Esri",
454
- "subdomains": "abc",
455
- "detectRetina": false,
456
- "tms": false,
457
- "opacity": 1,
458
- }
459
-
460
- );
461
-
462
-
463
- tile_layer_1860fc3d734f60a32705ab306a73c5af.addTo(map_7419428797be4b54f6c5cfcd360de033);
464
-
465
-
466
- var locate_control_9735f3fad4bc3913fa80ecfca58014e8 = L.control.locate(
467
- {"flyTo": true}
468
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
469
-
470
-
471
-
472
- var marker_0ad09e57f991d841a5f9d353e988748a = L.marker(
473
- [26.5058903471724, 50.0410129806492],
474
- {
475
- }
476
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
477
-
478
-
479
- var icon_7cf64d63322a44cfce82dc906ceebeca = L.AwesomeMarkers.icon(
480
- {
481
- "markerColor": "beige",
482
- "iconColor": "white",
483
- "icon": "info-sign",
484
- "prefix": "glyphicon",
485
- "extraClasses": "fa-rotate-0",
486
- }
487
- );
488
-
489
-
490
- var popup_f01c0d59a2a6b8a3abf3050a95645716 = L.popup({
491
- "maxWidth": 320,
492
- });
493
-
494
-
495
-
496
- var html_e863cc9227129f9f48afbcec00afbab6 = $(`<div id="html_e863cc9227129f9f48afbcec00afbab6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة المسار الفني للموسيقى</b><br> السجل التجاري: 2052101635<br> المنطقة: سيهات<br> الحارة: النسيم<br> <a href="https://www.google.com/maps?q=26.5058903471724,50.0410129806492" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
497
- popup_f01c0d59a2a6b8a3abf3050a95645716.setContent(html_e863cc9227129f9f48afbcec00afbab6);
498
-
499
-
500
-
501
- marker_0ad09e57f991d841a5f9d353e988748a.bindPopup(popup_f01c0d59a2a6b8a3abf3050a95645716)
502
- ;
503
-
504
-
505
-
506
-
507
- marker_0ad09e57f991d841a5f9d353e988748a.bindTooltip(
508
- `<div>
509
- مؤسسة المسار الفني للموسيقى
510
- </div>`,
511
- {
512
- "sticky": true,
513
- }
514
- );
515
-
516
-
517
- marker_0ad09e57f991d841a5f9d353e988748a.setIcon(icon_7cf64d63322a44cfce82dc906ceebeca);
518
-
519
-
520
- var marker_2af1c3b0be549e64399e3da95ccf83f4 = L.marker(
521
- [26.48127925, 50.0455428],
522
- {
523
- }
524
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
525
-
526
-
527
- var icon_55106b12710cdd62082cec9486fb3bbd = L.AwesomeMarkers.icon(
528
- {
529
- "markerColor": "orange",
530
- "iconColor": "white",
531
- "icon": "info-sign",
532
- "prefix": "glyphicon",
533
- "extraClasses": "fa-rotate-0",
534
- }
535
- );
536
-
537
-
538
- var popup_7da44e5c0ad2b256f081426ec416665d = L.popup({
539
- "maxWidth": 320,
540
- });
541
-
542
-
543
-
544
- var html_7ff040cf8604bcb3fb2e629dc00d2d41 = $(`<div id="html_7ff040cf8604bcb3fb2e629dc00d2d41" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم مشوى البلد لتقديم الوجبات</b><br> السجل التجاري: 2062617212<br> المنطقة: سيهات<br> الحارة: المنتزة<br> <a href="https://www.google.com/maps?q=26.48127925,50.0455428" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
545
- popup_7da44e5c0ad2b256f081426ec416665d.setContent(html_7ff040cf8604bcb3fb2e629dc00d2d41);
546
-
547
-
548
-
549
- marker_2af1c3b0be549e64399e3da95ccf83f4.bindPopup(popup_7da44e5c0ad2b256f081426ec416665d)
550
- ;
551
-
552
-
553
-
554
-
555
- marker_2af1c3b0be549e64399e3da95ccf83f4.bindTooltip(
556
- `<div>
557
- مطعم مشوى البلد لتقديم الوجبات
558
- </div>`,
559
- {
560
- "sticky": true,
561
- }
562
- );
563
-
564
-
565
- marker_2af1c3b0be549e64399e3da95ccf83f4.setIcon(icon_55106b12710cdd62082cec9486fb3bbd);
566
-
567
-
568
- var marker_37e8f5b7191b78e5dbf67799874a5d3d = L.marker(
569
- [26.4881184152156, 50.0493138612822],
570
- {
571
- }
572
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
573
-
574
-
575
- var icon_f9cf7a7601e09febfb6e9eb94f1d2095 = L.AwesomeMarkers.icon(
576
- {
577
- "markerColor": "cadetblue",
578
- "iconColor": "white",
579
- "icon": "info-sign",
580
- "prefix": "glyphicon",
581
- "extraClasses": "fa-rotate-0",
582
- }
583
- );
584
-
585
-
586
- var popup_4ed583ada09b74388505bce95482edbe = L.popup({
587
- "maxWidth": 320,
588
- });
589
-
590
-
591
-
592
- var html_8ef344a21ce7e04643d5114262957d10 = $(`<div id="html_8ef344a21ce7e04643d5114262957d10" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة دانة الخير العقارية</b><br> السجل التجاري: 2062616482<br> المنطقة: سيهات<br> الحارة: الغدير<br> <a href="https://www.google.com/maps?q=26.4881184152156,50.0493138612822" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
593
- popup_4ed583ada09b74388505bce95482edbe.setContent(html_8ef344a21ce7e04643d5114262957d10);
594
-
595
-
596
-
597
- marker_37e8f5b7191b78e5dbf67799874a5d3d.bindPopup(popup_4ed583ada09b74388505bce95482edbe)
598
- ;
599
-
600
-
601
-
602
-
603
- marker_37e8f5b7191b78e5dbf67799874a5d3d.bindTooltip(
604
- `<div>
605
- مؤسسة دانة الخير العقارية
606
- </div>`,
607
- {
608
- "sticky": true,
609
- }
610
- );
611
-
612
-
613
- marker_37e8f5b7191b78e5dbf67799874a5d3d.setIcon(icon_f9cf7a7601e09febfb6e9eb94f1d2095);
614
-
615
-
616
- var marker_dcd52db82c88a06b16997933bd61f925 = L.marker(
617
- [26.4881184199999, 50.0493138599999],
618
- {
619
- }
620
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
621
-
622
-
623
- var icon_7b7536acc0d85188af6d9ca79360eefa = L.AwesomeMarkers.icon(
624
- {
625
- "markerColor": "cadetblue",
626
- "iconColor": "white",
627
- "icon": "info-sign",
628
- "prefix": "glyphicon",
629
- "extraClasses": "fa-rotate-0",
630
- }
631
- );
632
-
633
-
634
- var popup_da4cfc2bbaa8ed50f471cd788799784e = L.popup({
635
- "maxWidth": 320,
636
- });
637
-
638
-
639
-
640
- var html_3f6d75160bba38223747285bdfd644e9 = $(`<div id="html_3f6d75160bba38223747285bdfd644e9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ماجد محمد الشهابيه للتخليص الجمركي</b><br> السجل التجاري: 2053031586<br> المنطقة: سيهات<br> الحارة: الغدير<br> <a href="https://www.google.com/maps?q=26.4881184199999,50.0493138599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
641
- popup_da4cfc2bbaa8ed50f471cd788799784e.setContent(html_3f6d75160bba38223747285bdfd644e9);
642
-
643
-
644
-
645
- marker_dcd52db82c88a06b16997933bd61f925.bindPopup(popup_da4cfc2bbaa8ed50f471cd788799784e)
646
- ;
647
-
648
-
649
-
650
-
651
- marker_dcd52db82c88a06b16997933bd61f925.bindTooltip(
652
- `<div>
653
- مؤسسة ماجد محمد الشهابيه للتخليص الجمركي
654
- </div>`,
655
- {
656
- "sticky": true,
657
- }
658
- );
659
-
660
-
661
- marker_dcd52db82c88a06b16997933bd61f925.setIcon(icon_7b7536acc0d85188af6d9ca79360eefa);
662
-
663
-
664
- var marker_318861a061448ee577cb2b87275a1a88 = L.marker(
665
- [26.49028333, 50.04746174],
666
- {
667
- }
668
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
669
-
670
-
671
- var icon_ef8e6615c3d07f78c1542be36e056df5 = L.AwesomeMarkers.icon(
672
- {
673
- "markerColor": "cadetblue",
674
- "iconColor": "white",
675
- "icon": "info-sign",
676
- "prefix": "glyphicon",
677
- "extraClasses": "fa-rotate-0",
678
- }
679
- );
680
-
681
-
682
- var popup_8fe61d5a3818da3d52df80df7b3e0ccc = L.popup({
683
- "maxWidth": 320,
684
- });
685
-
686
-
687
-
688
- var html_ba9ed1e0342799b8f3c372782d48eaec = $(`<div id="html_ba9ed1e0342799b8f3c372782d48eaec" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز تطوير الوعي للتدريب</b><br> السجل التجاري: 2050100447<br> المنطقة: سيهات<br> الحارة: الغدير<br> <a href="https://www.google.com/maps?q=26.49028333,50.04746174" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
689
- popup_8fe61d5a3818da3d52df80df7b3e0ccc.setContent(html_ba9ed1e0342799b8f3c372782d48eaec);
690
-
691
-
692
-
693
- marker_318861a061448ee577cb2b87275a1a88.bindPopup(popup_8fe61d5a3818da3d52df80df7b3e0ccc)
694
- ;
695
-
696
-
697
-
698
-
699
- marker_318861a061448ee577cb2b87275a1a88.bindTooltip(
700
- `<div>
701
- مركز تطوير الوعي للتدريب
702
- </div>`,
703
- {
704
- "sticky": true,
705
- }
706
- );
707
-
708
-
709
- marker_318861a061448ee577cb2b87275a1a88.setIcon(icon_ef8e6615c3d07f78c1542be36e056df5);
710
-
711
-
712
- var marker_f0587d84c190950e8df8d727fff6b3be = L.marker(
713
- [26.46873055, 50.04642975],
714
- {
715
- }
716
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
717
-
718
-
719
- var icon_fee9dc43107794527c9724fdc4b66a63 = L.AwesomeMarkers.icon(
720
- {
721
- "markerColor": "purple",
722
- "iconColor": "white",
723
- "icon": "info-sign",
724
- "prefix": "glyphicon",
725
- "extraClasses": "fa-rotate-0",
726
- }
727
- );
728
-
729
-
730
- var popup_8550a25df4f72ec6cd306af7d89f83d4 = L.popup({
731
- "maxWidth": 320,
732
- });
733
-
734
-
735
-
736
- var html_6fac45d72bc1708331034cf6d5ceb84e = $(`<div id="html_6fac45d72bc1708331034cf6d5ceb84e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى البومة لتقديم المشروبات</b><br> السجل التجاري: 2062618587<br> المنطقة: سيهات<br> الحارة: غرناطة<br> <a href="https://www.google.com/maps?q=26.46873055,50.04642975" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
737
- popup_8550a25df4f72ec6cd306af7d89f83d4.setContent(html_6fac45d72bc1708331034cf6d5ceb84e);
738
-
739
-
740
-
741
- marker_f0587d84c190950e8df8d727fff6b3be.bindPopup(popup_8550a25df4f72ec6cd306af7d89f83d4)
742
- ;
743
-
744
-
745
-
746
-
747
- marker_f0587d84c190950e8df8d727fff6b3be.bindTooltip(
748
- `<div>
749
- مقهى البومة لتقديم المشروبات
750
- </div>`,
751
- {
752
- "sticky": true,
753
- }
754
- );
755
-
756
-
757
- marker_f0587d84c190950e8df8d727fff6b3be.setIcon(icon_fee9dc43107794527c9724fdc4b66a63);
758
-
759
-
760
- var marker_83f36d400bc5af8ea2e36746b86ffe45 = L.marker(
761
- [26.56093383, 50.0205651799999],
762
- {
763
- }
764
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
765
-
766
-
767
- var icon_c683242f96cf17b2a30a5c6b540e44bd = L.AwesomeMarkers.icon(
768
- {
769
- "markerColor": "blue",
770
- "iconColor": "white",
771
- "icon": "info-sign",
772
- "prefix": "glyphicon",
773
- "extraClasses": "fa-rotate-0",
774
- }
775
- );
776
-
777
-
778
- var popup_3ce5458a0806999ce05ead7b477b0444 = L.popup({
779
- "maxWidth": 320,
780
- });
781
-
782
-
783
-
784
- var html_2d7a203725b8b7b9baee556b118b3988 = $(`<div id="html_2d7a203725b8b7b9baee556b118b3988" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم رغيف العائلة لتقديم الوجبات</b><br> السجل التجاري: 2053122143<br> المنطقة: القطيف<br> الحارة: الخامسة<br> <a href="https://www.google.com/maps?q=26.56093383,50.0205651799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
785
- popup_3ce5458a0806999ce05ead7b477b0444.setContent(html_2d7a203725b8b7b9baee556b118b3988);
786
-
787
-
788
-
789
- marker_83f36d400bc5af8ea2e36746b86ffe45.bindPopup(popup_3ce5458a0806999ce05ead7b477b0444)
790
- ;
791
-
792
-
793
-
794
-
795
- marker_83f36d400bc5af8ea2e36746b86ffe45.bindTooltip(
796
- `<div>
797
- مطعم رغيف العائلة لتقديم الوجبات
798
- </div>`,
799
- {
800
- "sticky": true,
801
- }
802
- );
803
-
804
-
805
- marker_83f36d400bc5af8ea2e36746b86ffe45.setIcon(icon_c683242f96cf17b2a30a5c6b540e44bd);
806
-
807
-
808
- var marker_a8a785d791b47da9c940d02469284dcc = L.marker(
809
- [26.5608392699999, 50.0167251199999],
810
- {
811
- }
812
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
813
-
814
-
815
- var icon_bd3ce96d8bb7933471873840d55aa6fe = L.AwesomeMarkers.icon(
816
- {
817
- "markerColor": "blue",
818
- "iconColor": "white",
819
- "icon": "info-sign",
820
- "prefix": "glyphicon",
821
- "extraClasses": "fa-rotate-0",
822
- }
823
- );
824
-
825
-
826
- var popup_8d9936dede7d3703d3a08ab565c79234 = L.popup({
827
- "maxWidth": 320,
828
- });
829
-
830
-
831
-
832
- var html_c2f6a93be1e7b939abb764aef96af573 = $(`<div id="html_c2f6a93be1e7b939abb764aef96af573" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى حرفة القهوة المختصة لتقديم المشروبات</b><br> السجل التجاري: 2053114843<br> المنطقة: القطيف<br> الحارة: الخامسة<br> <a href="https://www.google.com/maps?q=26.5608392699999,50.0167251199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
833
- popup_8d9936dede7d3703d3a08ab565c79234.setContent(html_c2f6a93be1e7b939abb764aef96af573);
834
-
835
-
836
-
837
- marker_a8a785d791b47da9c940d02469284dcc.bindPopup(popup_8d9936dede7d3703d3a08ab565c79234)
838
- ;
839
-
840
-
841
-
842
-
843
- marker_a8a785d791b47da9c940d02469284dcc.bindTooltip(
844
- `<div>
845
- مقهى حرفة القهوة المختصة لتقديم المشروبات
846
- </div>`,
847
- {
848
- "sticky": true,
849
- }
850
- );
851
-
852
-
853
- marker_a8a785d791b47da9c940d02469284dcc.setIcon(icon_bd3ce96d8bb7933471873840d55aa6fe);
854
-
855
-
856
- var marker_12420cfccace418b6dffc449381f8d0b = L.marker(
857
- [26.5608945299999, 50.0207836599999],
858
- {
859
- }
860
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
861
-
862
-
863
- var icon_038d1edf8d0d1087d7888ae6fff5826b = L.AwesomeMarkers.icon(
864
- {
865
- "markerColor": "blue",
866
- "iconColor": "white",
867
- "icon": "info-sign",
868
- "prefix": "glyphicon",
869
- "extraClasses": "fa-rotate-0",
870
- }
871
- );
872
-
873
-
874
- var popup_d34c97cbc021e589ae8102a4a9aa7e96 = L.popup({
875
- "maxWidth": 320,
876
- });
877
-
878
-
879
-
880
- var html_823a1d4ceca68100a1f21be2833122a3 = $(`<div id="html_823a1d4ceca68100a1f21be2833122a3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة علي عبدالعلي الخميس للاتصالات</b><br> السجل التجاري: 2053103041<br> المنطقة: القطيف<br> الحارة: الخامسة<br> <a href="https://www.google.com/maps?q=26.5608945299999,50.0207836599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
881
- popup_d34c97cbc021e589ae8102a4a9aa7e96.setContent(html_823a1d4ceca68100a1f21be2833122a3);
882
-
883
-
884
-
885
- marker_12420cfccace418b6dffc449381f8d0b.bindPopup(popup_d34c97cbc021e589ae8102a4a9aa7e96)
886
- ;
887
-
888
-
889
-
890
-
891
- marker_12420cfccace418b6dffc449381f8d0b.bindTooltip(
892
- `<div>
893
- مؤسسة علي عبدالعلي الخميس للاتصالات
894
- </div>`,
895
- {
896
- "sticky": true,
897
- }
898
- );
899
-
900
-
901
- marker_12420cfccace418b6dffc449381f8d0b.setIcon(icon_038d1edf8d0d1087d7888ae6fff5826b);
902
-
903
-
904
- var marker_753c9d87b0ca92b6f05f50c1f4d5c988 = L.marker(
905
- [26.56682281, 50.01212872],
906
- {
907
- }
908
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
909
-
910
-
911
- var icon_c4b595233f8d90c0b3b3464cbce65837 = L.AwesomeMarkers.icon(
912
- {
913
- "markerColor": "darkblue",
914
- "iconColor": "white",
915
- "icon": "info-sign",
916
- "prefix": "glyphicon",
917
- "extraClasses": "fa-rotate-0",
918
- }
919
- );
920
-
921
-
922
- var popup_d554e40f975fe5efd82a447b97076c7a = L.popup({
923
- "maxWidth": 320,
924
- });
925
-
926
-
927
-
928
- var html_105a702df8f4e6a9ba595cbc7951b8f3 = $(`<div id="html_105a702df8f4e6a9ba595cbc7951b8f3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الخط الإخبارية للنشر الالكتروني</b><br> السجل التجاري: 2053034235<br> المنطقة: القطيف<br> الحارة: الخزامي<br> <a href="https://www.google.com/maps?q=26.56682281,50.01212872" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
929
- popup_d554e40f975fe5efd82a447b97076c7a.setContent(html_105a702df8f4e6a9ba595cbc7951b8f3);
930
-
931
-
932
-
933
- marker_753c9d87b0ca92b6f05f50c1f4d5c988.bindPopup(popup_d554e40f975fe5efd82a447b97076c7a)
934
- ;
935
-
936
-
937
-
938
-
939
- marker_753c9d87b0ca92b6f05f50c1f4d5c988.bindTooltip(
940
- `<div>
941
- مؤسسة الخط الإخبارية للنشر الالكتروني
942
- </div>`,
943
- {
944
- "sticky": true,
945
- }
946
- );
947
-
948
-
949
- marker_753c9d87b0ca92b6f05f50c1f4d5c988.setIcon(icon_c4b595233f8d90c0b3b3464cbce65837);
950
-
951
-
952
- var marker_3612059c4586f414bd93873da470bc83 = L.marker(
953
- [26.5518397499999, 50.02868628],
954
- {
955
- }
956
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
957
-
958
-
959
- var icon_df94e1ac4dcb005ca6f343c859422b36 = L.AwesomeMarkers.icon(
960
- {
961
- "markerColor": "black",
962
- "iconColor": "white",
963
- "icon": "info-sign",
964
- "prefix": "glyphicon",
965
- "extraClasses": "fa-rotate-0",
966
- }
967
- );
968
-
969
-
970
- var popup_fff7b89d6f466f4059a07ed536421c8b = L.popup({
971
- "maxWidth": 320,
972
- });
973
-
974
-
975
-
976
- var html_4e2d45cfd54556f888de782a075cae5a = $(`<div id="html_4e2d45cfd54556f888de782a075cae5a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم مسمكة الفريج لتقديم الوجبات</b><br> السجل التجاري: 2050206273<br> المنطقة: القطيف<br> الحارة: المجيدية<br> <a href="https://www.google.com/maps?q=26.5518397499999,50.02868628" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
977
- popup_fff7b89d6f466f4059a07ed536421c8b.setContent(html_4e2d45cfd54556f888de782a075cae5a);
978
-
979
-
980
-
981
- marker_3612059c4586f414bd93873da470bc83.bindPopup(popup_fff7b89d6f466f4059a07ed536421c8b)
982
- ;
983
-
984
-
985
-
986
-
987
- marker_3612059c4586f414bd93873da470bc83.bindTooltip(
988
- `<div>
989
- مطعم مسمكة الفريج لتقديم الوجبات
990
- </div>`,
991
- {
992
- "sticky": true,
993
- }
994
- );
995
-
996
-
997
- marker_3612059c4586f414bd93873da470bc83.setIcon(icon_df94e1ac4dcb005ca6f343c859422b36);
998
-
999
-
1000
- map_7419428797be4b54f6c5cfcd360de033.fitBounds(
1001
- [[26.5058903471724, 50.0410129806492], [26.48127925, 50.0455428], [26.4881184152156, 50.0493138612822], [26.4881184199999, 50.0493138599999], [26.49028333, 50.04746174], [26.46873055, 50.04642975], [26.56093383, 50.0205651799999], [26.5608392699999, 50.0167251199999], [26.5608945299999, 50.0207836599999], [26.56682281, 50.01212872], [26.5518397499999, 50.02868628]],
1002
- {"padding": [30, 30]}
1003
- );
1004
-
1005
-
1006
- var layer_control_bc0057dbf57193f215976c71242b3fd9_layers = {
1007
- base_layers : {
1008
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_a9cb99d83b06a76c04997d32ba4c0911,
1009
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_1860fc3d734f60a32705ab306a73c5af,
1010
- },
1011
- overlays : {
1012
- },
1013
- };
1014
- let layer_control_bc0057dbf57193f215976c71242b3fd9 = L.control.layers(
1015
- layer_control_bc0057dbf57193f215976c71242b3fd9_layers.base_layers,
1016
- layer_control_bc0057dbf57193f215976c71242b3fd9_layers.overlays,
1017
- {
1018
- "position": "topright",
1019
- "collapsed": false,
1020
- "autoZIndex": true,
1021
- }
1022
- ).addTo(map_7419428797be4b54f6c5cfcd360de033);
1023
-
1024
-
1025
- </script>
1026
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/33.html DELETED
@@ -1,930 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_2b885dad4d9874a90c1a154d9ae3a1b7 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">أمل جعفر بن علي آل حماد - 33</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 9<br>
139
- <b>عدد الحارات:</b> 7<br>
140
- <b>الأكثر:</b> <b>شاطىء القطيف بتاروت</b>: 3 | <b>الروضة</b>: 1 | <b>الفتح</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">شاطىء القطيف بتاروت</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الروضة</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الفتح</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المروج</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الديرة</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الاندلس</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
182
- <span style="width:12px;height:12px;border-radius:50%;
183
- background:#6c757d;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
184
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الصواري</span>
185
- <span style="font-size:12px;color:#666;">(1)</span>
186
- </div>
187
-
188
- </div>
189
- </div>
190
- </div>
191
-
192
- <script>
193
- (function(){
194
- const box = document.getElementById('statsBox');
195
- const fab = document.getElementById('statsFab');
196
- const hide = document.getElementById('hideStats');
197
-
198
- hide.addEventListener('click', function(){
199
- box.style.display = 'none';
200
- fab.style.display = 'block';
201
- });
202
-
203
- fab.addEventListener('click', function(){
204
- box.style.display = 'block';
205
- fab.style.display = 'none';
206
- });
207
- })();
208
- </script>
209
-
210
-
211
- <style>
212
- .leaflet-control.est-search-control {
213
- background: rgba(255,255,255,0.92);
214
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
215
- border-radius: 14px;
216
- padding: 10px 10px;
217
- width: 320px;
218
- direction: rtl;
219
- font-family: Arial, sans-serif;
220
- }
221
- .est-search-control input {
222
- width: 100%;
223
- border: 1px solid rgba(0,0,0,0.15);
224
- border-radius: 10px;
225
- padding: 10px 12px;
226
- font-size: 13px;
227
- outline: none;
228
- }
229
- .est-search-meta {
230
- margin-top: 6px;
231
- font-size: 12px;
232
- color: #666;
233
- display:flex;
234
- justify-content:space-between;
235
- gap:8px;
236
- }
237
- .est-results {
238
- margin-top: 8px;
239
- max-height: 180px;
240
- overflow: auto;
241
- border-top: 1px solid rgba(0,0,0,0.08);
242
- padding-top: 6px;
243
- }
244
- .est-item {
245
- cursor: pointer;
246
- padding: 8px 10px;
247
- border-radius: 10px;
248
- font-size: 13px;
249
- line-height: 1.4;
250
- }
251
- .est-item:hover {
252
- background: rgba(0,0,0,0.06);
253
- }
254
- .est-badge {
255
- font-size: 12px;
256
- color: #333;
257
- }
258
- .est-clear {
259
- cursor:pointer;
260
- user-select:none;
261
- font-size:12px;
262
- color:#0b6efd;
263
- }
264
- </style>
265
-
266
- <script>
267
- (function(){
268
- const map = map_2b885dad4d9874a90c1a154d9ae3a1b7;
269
- // items: list of objects (title, lat, lon, markerVar)
270
- const items = [{"title": "مؤسسة عبدالله محمد الشايب للتخليص الجمركي", "lat": 26.58065612, "lon": 50.0387964999999, "markerVar": "marker_114d4ba48af69915051b6db79375a12e"}, {"title": "مؤسسة جود القطيف للاتصالات", "lat": 26.57226352, "lon": 50.03760324, "markerVar": "marker_bd470f6c849d3c10a64dff43bf9b93bd"}, {"title": "مؤسسة قناص المحترف للإنتاج الإعلامي المرئي والمسموع", "lat": 26.56484979, "lon": 50.0365029199999, "markerVar": "marker_2bfe29996bcfeac466d7e3cf81a50888"}, {"title": "مركز روعة التغيير النسائي للتدريب", "lat": 26.5685228299999, "lon": 50.04685174, "markerVar": "marker_b9d36bc42b7ee34e96659424a72cc20a"}, {"title": "مركز وقت الانجليزي للغات", "lat": 26.5601154599999, "lon": 50.03712517, "markerVar": "marker_db38152b352c1d6cb43e4bbf1a9f760a"}, {"title": "مطاعم خير عدن لتقديم الوجبات", "lat": 26.58393372, "lon": 50.04564019, "markerVar": "marker_f8be3223d42f6de86c08aab8fe0fa197"}, {"title": "مؤسسة الشاشه الاول للاتصالات و تقنية المعلومات", "lat": 26.57073752, "lon": 50.0666757199999, "markerVar": "marker_f6d7bf969fb601f6b08923b9bda4ce9e"}, {"title": "مركز نظم الازدهار للتدريب", "lat": 26.55757101, "lon": 50.0733447799999, "markerVar": "marker_49717bc0df21fdc46edf940a6ae8b334"}, {"title": "مؤسسة محمد ابراهيم شطى للاتصالات", "lat": 26.5767955299999, "lon": 50.0850060699999, "markerVar": "marker_624fcc8ce4c93254313e72bf46eb12cc"}];
271
-
272
- function norm(s){
273
- if(!s) return "";
274
- s = (""+s).toLowerCase();
275
-
276
- // إزالة التشكيل
277
- s = s.replace(/[\u064B-\u065F]/g, "");
278
- // تطبيع عربي
279
- s = s.replace(/[إأآا]/g, "ا")
280
- .replace(/ى/g, "ي")
281
- .replace(/ة/g, "ه")
282
- .replace(/ؤ/g, "و")
283
- .replace(/ئ/g, "ي")
284
- .replace(/ـ/g, "");
285
- // مسافات
286
- s = s.replace(/\s+/g, " ").trim();
287
- return s;
288
- }
289
-
290
- const SearchControl = L.Control.extend({
291
- options: { position: 'bottomleft' },
292
- onAdd: function(){
293
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
294
- div.innerHTML = `
295
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
296
- <div class="est-search-meta">
297
- <span id="estCount" class="est-badge"></span>
298
- <span id="estClear" class="est-clear">مسح</span>
299
- </div>
300
- <div id="estResults" class="est-results"></div>
301
- `;
302
- L.DomEvent.disableClickPropagation(div);
303
- L.DomEvent.disableScrollPropagation(div);
304
- return div;
305
- }
306
- });
307
-
308
- map.addControl(new SearchControl());
309
-
310
- function renderResults(hits){
311
- const results = document.getElementById('estResults');
312
- const count = document.getElementById('estCount');
313
- results.innerHTML = "";
314
-
315
- if(!hits.length){
316
- count.textContent = "لا توجد نتائج";
317
- return;
318
- }
319
-
320
- count.textContent = "النتائج: " + hits.length;
321
-
322
- for(const h of hits.slice(0, 50)){
323
- const el = document.createElement('div');
324
- el.className = 'est-item';
325
- el.textContent = h.title;
326
- el.onclick = function(){
327
- try {
328
- const mv = window[h.markerVar];
329
- if(mv && mv.getLatLng){
330
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
331
- if(mv.openPopup) mv.openPopup();
332
- } else {
333
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
334
- }
335
- } catch(e) {}
336
- };
337
- results.appendChild(el);
338
- }
339
- }
340
-
341
- function search(q){
342
- const nq = norm(q);
343
- if(!nq) return [];
344
- const hits = [];
345
- for(const it of items){
346
- if(norm(it.title).includes(nq)) hits.push(it);
347
- }
348
- return hits;
349
- }
350
-
351
- setTimeout(function(){
352
- const input = document.getElementById('estQ');
353
- const clearBtn = document.getElementById('estClear');
354
-
355
- input.addEventListener('input', function(){
356
- renderResults(search(this.value));
357
- });
358
-
359
- input.addEventListener('keydown', function(e){
360
- if(e.key === 'Enter'){
361
- const hits = search(this.value);
362
- renderResults(hits);
363
- if(hits.length){
364
- try {
365
- const mv = window[hits[0].markerVar];
366
- if(mv && mv.getLatLng){
367
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
368
- if(mv.openPopup) mv.openPopup();
369
- }
370
- } catch(e) {}
371
- }
372
- }
373
- });
374
-
375
- clearBtn.addEventListener('click', function(){
376
- input.value = "";
377
- document.getElementById('estResults').innerHTML = "";
378
- document.getElementById('estCount').textContent = "";
379
- });
380
- }, 0);
381
- })();
382
- </script>
383
-
384
-
385
- <div style="
386
- position: fixed;
387
- bottom: 8px; left: 8px;
388
- background: rgba(255,255,255,0.85);
389
- padding: 6px 10px;
390
- border-radius: 10px;
391
- font-size: 13px;
392
- direction: rtl;
393
- z-index: 9999;
394
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
395
- font-family: Arial, sans-serif;
396
- ">
397
- تصميم وإعداد <b>نوف الناصر</b>
398
- </div>
399
-
400
-
401
- <div class="folium-map" id="map_2b885dad4d9874a90c1a154d9ae3a1b7" ></div>
402
-
403
- </body>
404
- <script>
405
-
406
-
407
- var map_2b885dad4d9874a90c1a154d9ae3a1b7 = L.map(
408
- "map_2b885dad4d9874a90c1a154d9ae3a1b7",
409
- {
410
- center: [26.570605055555525, 50.051949592222165],
411
- crs: L.CRS.EPSG3857,
412
- ...{
413
- "zoom": 13,
414
- "zoomControl": true,
415
- "preferCanvas": false,
416
- }
417
-
418
- }
419
- );
420
- L.control.scale().addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
421
-
422
-
423
-
424
-
425
-
426
- var tile_layer_a560c6ce23ea3997b292628bd2eb74e2 = L.tileLayer(
427
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
428
- {
429
- "minZoom": 0,
430
- "maxZoom": 19,
431
- "maxNativeZoom": 19,
432
- "noWrap": false,
433
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
434
- "subdomains": "abc",
435
- "detectRetina": false,
436
- "tms": false,
437
- "opacity": 1,
438
- }
439
-
440
- );
441
-
442
-
443
- tile_layer_a560c6ce23ea3997b292628bd2eb74e2.addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
444
-
445
-
446
- var tile_layer_4cf09103654ee0396d7facea47b14df9 = L.tileLayer(
447
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
448
- {
449
- "minZoom": 0,
450
- "maxZoom": 18,
451
- "maxNativeZoom": 18,
452
- "noWrap": false,
453
- "attribution": "\u0026copy; Esri",
454
- "subdomains": "abc",
455
- "detectRetina": false,
456
- "tms": false,
457
- "opacity": 1,
458
- }
459
-
460
- );
461
-
462
-
463
- tile_layer_4cf09103654ee0396d7facea47b14df9.addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
464
-
465
-
466
- var locate_control_dbfd46ce8b026e419ba3230cb50eb81a = L.control.locate(
467
- {"flyTo": true}
468
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
469
-
470
-
471
-
472
- var marker_114d4ba48af69915051b6db79375a12e = L.marker(
473
- [26.58065612, 50.0387964999999],
474
- {
475
- }
476
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
477
-
478
-
479
- var icon_544299706044b10e67caedee0e005aac = L.AwesomeMarkers.icon(
480
- {
481
- "markerColor": "darkred",
482
- "iconColor": "white",
483
- "icon": "info-sign",
484
- "prefix": "glyphicon",
485
- "extraClasses": "fa-rotate-0",
486
- }
487
- );
488
-
489
-
490
- var popup_f5ab3fbc6beaa5924ec5c4199a2e197c = L.popup({
491
- "maxWidth": 320,
492
- });
493
-
494
-
495
-
496
- var html_8128af58f095a3ac36f53602e6650386 = $(`<div id="html_8128af58f095a3ac36f53602e6650386" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبدالله محمد الشايب للتخليص الجمركي</b><br> السجل التجاري: 2053027014<br> المنطقة: تاروت<br> الحارة: الروضة<br> <a href="https://www.google.com/maps?q=26.58065612,50.0387964999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
497
- popup_f5ab3fbc6beaa5924ec5c4199a2e197c.setContent(html_8128af58f095a3ac36f53602e6650386);
498
-
499
-
500
-
501
- marker_114d4ba48af69915051b6db79375a12e.bindPopup(popup_f5ab3fbc6beaa5924ec5c4199a2e197c)
502
- ;
503
-
504
-
505
-
506
-
507
- marker_114d4ba48af69915051b6db79375a12e.bindTooltip(
508
- `<div>
509
- مؤسسة عبدالله محمد الشايب للتخليص الجمركي
510
- </div>`,
511
- {
512
- "sticky": true,
513
- }
514
- );
515
-
516
-
517
- marker_114d4ba48af69915051b6db79375a12e.setIcon(icon_544299706044b10e67caedee0e005aac);
518
-
519
-
520
- var marker_bd470f6c849d3c10a64dff43bf9b93bd = L.marker(
521
- [26.57226352, 50.03760324],
522
- {
523
- }
524
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
525
-
526
-
527
- var icon_11588d4b2c3d2300b7af564003c0a06e = L.AwesomeMarkers.icon(
528
- {
529
- "markerColor": "cadetblue",
530
- "iconColor": "white",
531
- "icon": "info-sign",
532
- "prefix": "glyphicon",
533
- "extraClasses": "fa-rotate-0",
534
- }
535
- );
536
-
537
-
538
- var popup_77799d89c806c59694d2b0aad91b08ec = L.popup({
539
- "maxWidth": 320,
540
- });
541
-
542
-
543
-
544
- var html_ea2358525bd76693cff048e7608e23ee = $(`<div id="html_ea2358525bd76693cff048e7608e23ee" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة جود القطيف للاتصالات</b><br> السجل التجاري: 2053116315<br> المنطقة: تاروت<br> الحارة: الفتح<br> <a href="https://www.google.com/maps?q=26.57226352,50.03760324" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
545
- popup_77799d89c806c59694d2b0aad91b08ec.setContent(html_ea2358525bd76693cff048e7608e23ee);
546
-
547
-
548
-
549
- marker_bd470f6c849d3c10a64dff43bf9b93bd.bindPopup(popup_77799d89c806c59694d2b0aad91b08ec)
550
- ;
551
-
552
-
553
-
554
-
555
- marker_bd470f6c849d3c10a64dff43bf9b93bd.bindTooltip(
556
- `<div>
557
- مؤسسة جود القطيف للاتصالات
558
- </div>`,
559
- {
560
- "sticky": true,
561
- }
562
- );
563
-
564
-
565
- marker_bd470f6c849d3c10a64dff43bf9b93bd.setIcon(icon_11588d4b2c3d2300b7af564003c0a06e);
566
-
567
-
568
- var marker_2bfe29996bcfeac466d7e3cf81a50888 = L.marker(
569
- [26.56484979, 50.0365029199999],
570
- {
571
- }
572
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
573
-
574
-
575
- var icon_7d47353fb17b6fa5953676e54c3b7a36 = L.AwesomeMarkers.icon(
576
- {
577
- "markerColor": "blue",
578
- "iconColor": "white",
579
- "icon": "info-sign",
580
- "prefix": "glyphicon",
581
- "extraClasses": "fa-rotate-0",
582
- }
583
- );
584
-
585
-
586
- var popup_00dfd555cc0da59cace1d5a040a48c53 = L.popup({
587
- "maxWidth": 320,
588
- });
589
-
590
-
591
-
592
- var html_beecd29339db72e3f83145d5bbdef22f = $(`<div id="html_beecd29339db72e3f83145d5bbdef22f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة قناص المحترف للإنتاج الإعلامي المرئي والمسموع</b><br> السجل التجاري: 2053101178<br> المنطقة: تاروت<br> الحارة: شاطىء القطيف بتاروت<br> <a href="https://www.google.com/maps?q=26.56484979,50.0365029199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
593
- popup_00dfd555cc0da59cace1d5a040a48c53.setContent(html_beecd29339db72e3f83145d5bbdef22f);
594
-
595
-
596
-
597
- marker_2bfe29996bcfeac466d7e3cf81a50888.bindPopup(popup_00dfd555cc0da59cace1d5a040a48c53)
598
- ;
599
-
600
-
601
-
602
-
603
- marker_2bfe29996bcfeac466d7e3cf81a50888.bindTooltip(
604
- `<div>
605
- مؤسسة قناص المحترف للإنتاج الإعلامي المرئي والمسموع
606
- </div>`,
607
- {
608
- "sticky": true,
609
- }
610
- );
611
-
612
-
613
- marker_2bfe29996bcfeac466d7e3cf81a50888.setIcon(icon_7d47353fb17b6fa5953676e54c3b7a36);
614
-
615
-
616
- var marker_b9d36bc42b7ee34e96659424a72cc20a = L.marker(
617
- [26.5685228299999, 50.04685174],
618
- {
619
- }
620
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
621
-
622
-
623
- var icon_9e9f264548226f7ed19874575a784d7d = L.AwesomeMarkers.icon(
624
- {
625
- "markerColor": "blue",
626
- "iconColor": "white",
627
- "icon": "info-sign",
628
- "prefix": "glyphicon",
629
- "extraClasses": "fa-rotate-0",
630
- }
631
- );
632
-
633
-
634
- var popup_b9944f55d40c2602322ac4887b7a914e = L.popup({
635
- "maxWidth": 320,
636
- });
637
-
638
-
639
-
640
- var html_e12a872c66130c4b317b876d1583d9ec = $(`<div id="html_e12a872c66130c4b317b876d1583d9ec" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز روعة التغيير النسائي للتدريب</b><br> السجل التجاري: 2053034479<br> المنطقة: تاروت<br> الحارة: شاطىء القطيف بتاروت<br> <a href="https://www.google.com/maps?q=26.5685228299999,50.04685174" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
641
- popup_b9944f55d40c2602322ac4887b7a914e.setContent(html_e12a872c66130c4b317b876d1583d9ec);
642
-
643
-
644
-
645
- marker_b9d36bc42b7ee34e96659424a72cc20a.bindPopup(popup_b9944f55d40c2602322ac4887b7a914e)
646
- ;
647
-
648
-
649
-
650
-
651
- marker_b9d36bc42b7ee34e96659424a72cc20a.bindTooltip(
652
- `<div>
653
- مركز روعة التغيير النسائي للتدريب
654
- </div>`,
655
- {
656
- "sticky": true,
657
- }
658
- );
659
-
660
-
661
- marker_b9d36bc42b7ee34e96659424a72cc20a.setIcon(icon_9e9f264548226f7ed19874575a784d7d);
662
-
663
-
664
- var marker_db38152b352c1d6cb43e4bbf1a9f760a = L.marker(
665
- [26.5601154599999, 50.03712517],
666
- {
667
- }
668
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
669
-
670
-
671
- var icon_4f9ae9fe4e659844d172f2b15d206251 = L.AwesomeMarkers.icon(
672
- {
673
- "markerColor": "blue",
674
- "iconColor": "white",
675
- "icon": "info-sign",
676
- "prefix": "glyphicon",
677
- "extraClasses": "fa-rotate-0",
678
- }
679
- );
680
-
681
-
682
- var popup_469096188382f205e379d73419d5b940 = L.popup({
683
- "maxWidth": 320,
684
- });
685
-
686
-
687
-
688
- var html_71c4d3d042f9b4bf54f2935a521c209d = $(`<div id="html_71c4d3d042f9b4bf54f2935a521c209d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز وقت الانجليزي للغات</b><br> السجل التجاري: 2053022502<br> المنطقة: تاروت<br> الحارة: شاطىء القطيف بتاروت<br> <a href="https://www.google.com/maps?q=26.5601154599999,50.03712517" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
689
- popup_469096188382f205e379d73419d5b940.setContent(html_71c4d3d042f9b4bf54f2935a521c209d);
690
-
691
-
692
-
693
- marker_db38152b352c1d6cb43e4bbf1a9f760a.bindPopup(popup_469096188382f205e379d73419d5b940)
694
- ;
695
-
696
-
697
-
698
-
699
- marker_db38152b352c1d6cb43e4bbf1a9f760a.bindTooltip(
700
- `<div>
701
- مركز وقت الانجليزي للغات
702
- </div>`,
703
- {
704
- "sticky": true,
705
- }
706
- );
707
-
708
-
709
- marker_db38152b352c1d6cb43e4bbf1a9f760a.setIcon(icon_4f9ae9fe4e659844d172f2b15d206251);
710
-
711
-
712
- var marker_f8be3223d42f6de86c08aab8fe0fa197 = L.marker(
713
- [26.58393372, 50.04564019],
714
- {
715
- }
716
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
717
-
718
-
719
- var icon_b9ed0561f7c0872c794ac1f15979c36a = L.AwesomeMarkers.icon(
720
- {
721
- "markerColor": "purple",
722
- "iconColor": "white",
723
- "icon": "info-sign",
724
- "prefix": "glyphicon",
725
- "extraClasses": "fa-rotate-0",
726
- }
727
- );
728
-
729
-
730
- var popup_e45fa976cbfe4e79cf6fa3b044443c7d = L.popup({
731
- "maxWidth": 320,
732
- });
733
-
734
-
735
-
736
- var html_68e1a710b48bbb6d769dff6086b926f4 = $(`<div id="html_68e1a710b48bbb6d769dff6086b926f4" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطاعم خير عدن لتقديم الوجبات</b><br> السجل التجاري: 2053120654<br> المنطقة: تاروت<br> الحارة: المروج<br> <a href="https://www.google.com/maps?q=26.58393372,50.04564019" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
737
- popup_e45fa976cbfe4e79cf6fa3b044443c7d.setContent(html_68e1a710b48bbb6d769dff6086b926f4);
738
-
739
-
740
-
741
- marker_f8be3223d42f6de86c08aab8fe0fa197.bindPopup(popup_e45fa976cbfe4e79cf6fa3b044443c7d)
742
- ;
743
-
744
-
745
-
746
-
747
- marker_f8be3223d42f6de86c08aab8fe0fa197.bindTooltip(
748
- `<div>
749
- مطاعم خير عدن لتقديم الوجبات
750
- </div>`,
751
- {
752
- "sticky": true,
753
- }
754
- );
755
-
756
-
757
- marker_f8be3223d42f6de86c08aab8fe0fa197.setIcon(icon_b9ed0561f7c0872c794ac1f15979c36a);
758
-
759
-
760
- var marker_f6d7bf969fb601f6b08923b9bda4ce9e = L.marker(
761
- [26.57073752, 50.0666757199999],
762
- {
763
- }
764
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
765
-
766
-
767
- var icon_059ccc45d8b928b9fd8716014cefac83 = L.AwesomeMarkers.icon(
768
- {
769
- "markerColor": "lightgreen",
770
- "iconColor": "white",
771
- "icon": "info-sign",
772
- "prefix": "glyphicon",
773
- "extraClasses": "fa-rotate-0",
774
- }
775
- );
776
-
777
-
778
- var popup_24f0aac3c5658b11d2fc3cea1ec33a84 = L.popup({
779
- "maxWidth": 320,
780
- });
781
-
782
-
783
-
784
- var html_8568d5bb2cb2c79bcab933b8873cefaa = $(`<div id="html_8568d5bb2cb2c79bcab933b8873cefaa" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الشاشه الاول للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2053030992<br> المنطقة: تاروت<br> الحارة: الديرة<br> <a href="https://www.google.com/maps?q=26.57073752,50.0666757199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
785
- popup_24f0aac3c5658b11d2fc3cea1ec33a84.setContent(html_8568d5bb2cb2c79bcab933b8873cefaa);
786
-
787
-
788
-
789
- marker_f6d7bf969fb601f6b08923b9bda4ce9e.bindPopup(popup_24f0aac3c5658b11d2fc3cea1ec33a84)
790
- ;
791
-
792
-
793
-
794
-
795
- marker_f6d7bf969fb601f6b08923b9bda4ce9e.bindTooltip(
796
- `<div>
797
- مؤسسة الشاشه الاول للاتصالات و تقنية المعلومات
798
- </div>`,
799
- {
800
- "sticky": true,
801
- }
802
- );
803
-
804
-
805
- marker_f6d7bf969fb601f6b08923b9bda4ce9e.setIcon(icon_059ccc45d8b928b9fd8716014cefac83);
806
-
807
-
808
- var marker_49717bc0df21fdc46edf940a6ae8b334 = L.marker(
809
- [26.55757101, 50.0733447799999],
810
- {
811
- }
812
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
813
-
814
-
815
- var icon_c5e54481810bfc65d89a91207e245e32 = L.AwesomeMarkers.icon(
816
- {
817
- "markerColor": "red",
818
- "iconColor": "white",
819
- "icon": "info-sign",
820
- "prefix": "glyphicon",
821
- "extraClasses": "fa-rotate-0",
822
- }
823
- );
824
-
825
-
826
- var popup_cfc356b4ea4e5538534dd32492e0ca09 = L.popup({
827
- "maxWidth": 320,
828
- });
829
-
830
-
831
-
832
- var html_44cabfd06127067a9db535858801d51a = $(`<div id="html_44cabfd06127067a9db535858801d51a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز نظم الازدهار للتدريب</b><br> السجل التجاري: 2053033962<br> المنطقة: تاروت<br> الحارة: الاندلس<br> <a href="https://www.google.com/maps?q=26.55757101,50.0733447799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
833
- popup_cfc356b4ea4e5538534dd32492e0ca09.setContent(html_44cabfd06127067a9db535858801d51a);
834
-
835
-
836
-
837
- marker_49717bc0df21fdc46edf940a6ae8b334.bindPopup(popup_cfc356b4ea4e5538534dd32492e0ca09)
838
- ;
839
-
840
-
841
-
842
-
843
- marker_49717bc0df21fdc46edf940a6ae8b334.bindTooltip(
844
- `<div>
845
- مركز نظم الازدهار للتدريب
846
- </div>`,
847
- {
848
- "sticky": true,
849
- }
850
- );
851
-
852
-
853
- marker_49717bc0df21fdc46edf940a6ae8b334.setIcon(icon_c5e54481810bfc65d89a91207e245e32);
854
-
855
-
856
- var marker_624fcc8ce4c93254313e72bf46eb12cc = L.marker(
857
- [26.5767955299999, 50.0850060699999],
858
- {
859
- }
860
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
861
-
862
-
863
- var icon_7becabddc977218ca07b7f3528289651 = L.AwesomeMarkers.icon(
864
- {
865
- "markerColor": "gray",
866
- "iconColor": "white",
867
- "icon": "info-sign",
868
- "prefix": "glyphicon",
869
- "extraClasses": "fa-rotate-0",
870
- }
871
- );
872
-
873
-
874
- var popup_fc6dd2ba1a406fc2b17a546d74d1c069 = L.popup({
875
- "maxWidth": 320,
876
- });
877
-
878
-
879
-
880
- var html_01b7de2ada02a0ae1b8d69b4c8e7ecfa = $(`<div id="html_01b7de2ada02a0ae1b8d69b4c8e7ecfa" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة محمد ابراهيم شطى للاتصالات</b><br> السجل التجاري: 2053029432<br> المنطقة: تاروت<br> الحارة: الصواري<br> <a href="https://www.google.com/maps?q=26.5767955299999,50.0850060699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
881
- popup_fc6dd2ba1a406fc2b17a546d74d1c069.setContent(html_01b7de2ada02a0ae1b8d69b4c8e7ecfa);
882
-
883
-
884
-
885
- marker_624fcc8ce4c93254313e72bf46eb12cc.bindPopup(popup_fc6dd2ba1a406fc2b17a546d74d1c069)
886
- ;
887
-
888
-
889
-
890
-
891
- marker_624fcc8ce4c93254313e72bf46eb12cc.bindTooltip(
892
- `<div>
893
- مؤسسة محمد ابراهيم شطى للاتصالات
894
- </div>`,
895
- {
896
- "sticky": true,
897
- }
898
- );
899
-
900
-
901
- marker_624fcc8ce4c93254313e72bf46eb12cc.setIcon(icon_7becabddc977218ca07b7f3528289651);
902
-
903
-
904
- map_2b885dad4d9874a90c1a154d9ae3a1b7.fitBounds(
905
- [[26.58065612, 50.0387964999999], [26.57226352, 50.03760324], [26.56484979, 50.0365029199999], [26.5685228299999, 50.04685174], [26.5601154599999, 50.03712517], [26.58393372, 50.04564019], [26.57073752, 50.0666757199999], [26.55757101, 50.0733447799999], [26.5767955299999, 50.0850060699999]],
906
- {"padding": [30, 30]}
907
- );
908
-
909
-
910
- var layer_control_9d775d6181be1366fabc794146565d1e_layers = {
911
- base_layers : {
912
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_a560c6ce23ea3997b292628bd2eb74e2,
913
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_4cf09103654ee0396d7facea47b14df9,
914
- },
915
- overlays : {
916
- },
917
- };
918
- let layer_control_9d775d6181be1366fabc794146565d1e = L.control.layers(
919
- layer_control_9d775d6181be1366fabc794146565d1e_layers.base_layers,
920
- layer_control_9d775d6181be1366fabc794146565d1e_layers.overlays,
921
- {
922
- "position": "topright",
923
- "collapsed": false,
924
- "autoZIndex": true,
925
- }
926
- ).addTo(map_2b885dad4d9874a90c1a154d9ae3a1b7);
927
-
928
-
929
- </script>
930
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/34.html DELETED
@@ -1,978 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_dabfd5d1d3aeab2917bc868e66c73297 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">ابرار بنت يوسف بن علي آل حماد - 34</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 7<br>
140
- <b>الأكثر:</b> <b>القديح</b>: 2 | <b>البحاري</b>: 2 | <b>حزم</b>: 2
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">القديح</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البحاري</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">حزم</span>
161
- <span style="font-size:12px;color:#666;">(2)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجميمة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العوامية</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العروبة</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
182
- <span style="width:12px;height:12px;border-radius:50%;
183
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
184
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الصفا</span>
185
- <span style="font-size:12px;color:#666;">(1)</span>
186
- </div>
187
-
188
- </div>
189
- </div>
190
- </div>
191
-
192
- <script>
193
- (function(){
194
- const box = document.getElementById('statsBox');
195
- const fab = document.getElementById('statsFab');
196
- const hide = document.getElementById('hideStats');
197
-
198
- hide.addEventListener('click', function(){
199
- box.style.display = 'none';
200
- fab.style.display = 'block';
201
- });
202
-
203
- fab.addEventListener('click', function(){
204
- box.style.display = 'block';
205
- fab.style.display = 'none';
206
- });
207
- })();
208
- </script>
209
-
210
-
211
- <style>
212
- .leaflet-control.est-search-control {
213
- background: rgba(255,255,255,0.92);
214
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
215
- border-radius: 14px;
216
- padding: 10px 10px;
217
- width: 320px;
218
- direction: rtl;
219
- font-family: Arial, sans-serif;
220
- }
221
- .est-search-control input {
222
- width: 100%;
223
- border: 1px solid rgba(0,0,0,0.15);
224
- border-radius: 10px;
225
- padding: 10px 12px;
226
- font-size: 13px;
227
- outline: none;
228
- }
229
- .est-search-meta {
230
- margin-top: 6px;
231
- font-size: 12px;
232
- color: #666;
233
- display:flex;
234
- justify-content:space-between;
235
- gap:8px;
236
- }
237
- .est-results {
238
- margin-top: 8px;
239
- max-height: 180px;
240
- overflow: auto;
241
- border-top: 1px solid rgba(0,0,0,0.08);
242
- padding-top: 6px;
243
- }
244
- .est-item {
245
- cursor: pointer;
246
- padding: 8px 10px;
247
- border-radius: 10px;
248
- font-size: 13px;
249
- line-height: 1.4;
250
- }
251
- .est-item:hover {
252
- background: rgba(0,0,0,0.06);
253
- }
254
- .est-badge {
255
- font-size: 12px;
256
- color: #333;
257
- }
258
- .est-clear {
259
- cursor:pointer;
260
- user-select:none;
261
- font-size:12px;
262
- color:#0b6efd;
263
- }
264
- </style>
265
-
266
- <script>
267
- (function(){
268
- const map = map_dabfd5d1d3aeab2917bc868e66c73297;
269
- // items: list of objects (title, lat, lon, markerVar)
270
- const items = [{"title": "مؤسسة محمد ناصر بن محمد الربح لتقنية المعلومات", "lat": 26.5697161400184, "lon": 49.9876436296254, "markerVar": "marker_536c06b696206d13daa369f3f3d9d10b"}, {"title": "مؤسسة عبدالجبار محمد آل عبيد للتخليص الجمركي", "lat": 26.5741577599999, "lon": 49.99069716, "markerVar": "marker_213334dea462858bc40f1c577fbd3a4a"}, {"title": "مؤسسة سكينه سلمان بن أحمد غزوي للاتصالات", "lat": 26.5689200086558, "lon": 49.989751246929, "markerVar": "marker_8d6380809d33e165723ab6ccccea95bb"}, {"title": "مطعم نخبة مضر لتقديم الوجبات", "lat": 26.5672764, "lon": 49.99018172, "markerVar": "marker_2c585291d60b54f75ce7fd66862e9155"}, {"title": "مؤسسة احمد بن محمد بن حسن الفرج للنقل البري", "lat": 26.5838301359902, "lon": 49.9768614707241, "markerVar": "marker_379a5c61cb9b6bf38857c5c155bc52a8"}, {"title": "بوفية ياسر عبدالله الزاهر للوجبات السريعة", "lat": 26.58614553, "lon": 49.98190847, "markerVar": "marker_572d4004559c4d81843f457d8eb3cb45"}, {"title": "مطعم الساحة لتقديم الوجبات", "lat": 26.6549413999999, "lon": 49.9465685899999, "markerVar": "marker_d3d637f3e49ce4fd419fd6022205fb64"}, {"title": "بوفية ساعة الهرم لتقديم الوجبات", "lat": 26.64979525, "lon": 49.9529345999999, "markerVar": "marker_68a244a21359f7dca72956d9d2e69b65"}, {"title": "مؤسسة علي حسن بن حميد آل قريش للتخليص الجمركي", "lat": 26.6484001699999, "lon": 49.95573756, "markerVar": "marker_0865eb06a58978f6354f2b00ec1cf339"}, {"title": "مؤسسة البقعة الرقمية لتقنية المعلومات", "lat": 26.64444911, "lon": 49.96089373, "markerVar": "marker_b4f7a814aad23d97a911c4df148910df"}];
271
-
272
- function norm(s){
273
- if(!s) return "";
274
- s = (""+s).toLowerCase();
275
-
276
- // إزالة التشكيل
277
- s = s.replace(/[\u064B-\u065F]/g, "");
278
- // تطبيع عربي
279
- s = s.replace(/[إأآا]/g, "ا")
280
- .replace(/ى/g, "ي")
281
- .replace(/ة/g, "ه")
282
- .replace(/ؤ/g, "و")
283
- .replace(/ئ/g, "ي")
284
- .replace(/ـ/g, "");
285
- // مسافات
286
- s = s.replace(/\s+/g, " ").trim();
287
- return s;
288
- }
289
-
290
- const SearchControl = L.Control.extend({
291
- options: { position: 'bottomleft' },
292
- onAdd: function(){
293
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
294
- div.innerHTML = `
295
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
296
- <div class="est-search-meta">
297
- <span id="estCount" class="est-badge"></span>
298
- <span id="estClear" class="est-clear">مسح</span>
299
- </div>
300
- <div id="estResults" class="est-results"></div>
301
- `;
302
- L.DomEvent.disableClickPropagation(div);
303
- L.DomEvent.disableScrollPropagation(div);
304
- return div;
305
- }
306
- });
307
-
308
- map.addControl(new SearchControl());
309
-
310
- function renderResults(hits){
311
- const results = document.getElementById('estResults');
312
- const count = document.getElementById('estCount');
313
- results.innerHTML = "";
314
-
315
- if(!hits.length){
316
- count.textContent = "لا توجد نتائج";
317
- return;
318
- }
319
-
320
- count.textContent = "النتائج: " + hits.length;
321
-
322
- for(const h of hits.slice(0, 50)){
323
- const el = document.createElement('div');
324
- el.className = 'est-item';
325
- el.textContent = h.title;
326
- el.onclick = function(){
327
- try {
328
- const mv = window[h.markerVar];
329
- if(mv && mv.getLatLng){
330
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
331
- if(mv.openPopup) mv.openPopup();
332
- } else {
333
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
334
- }
335
- } catch(e) {}
336
- };
337
- results.appendChild(el);
338
- }
339
- }
340
-
341
- function search(q){
342
- const nq = norm(q);
343
- if(!nq) return [];
344
- const hits = [];
345
- for(const it of items){
346
- if(norm(it.title).includes(nq)) hits.push(it);
347
- }
348
- return hits;
349
- }
350
-
351
- setTimeout(function(){
352
- const input = document.getElementById('estQ');
353
- const clearBtn = document.getElementById('estClear');
354
-
355
- input.addEventListener('input', function(){
356
- renderResults(search(this.value));
357
- });
358
-
359
- input.addEventListener('keydown', function(e){
360
- if(e.key === 'Enter'){
361
- const hits = search(this.value);
362
- renderResults(hits);
363
- if(hits.length){
364
- try {
365
- const mv = window[hits[0].markerVar];
366
- if(mv && mv.getLatLng){
367
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
368
- if(mv.openPopup) mv.openPopup();
369
- }
370
- } catch(e) {}
371
- }
372
- }
373
- });
374
-
375
- clearBtn.addEventListener('click', function(){
376
- input.value = "";
377
- document.getElementById('estResults').innerHTML = "";
378
- document.getElementById('estCount').textContent = "";
379
- });
380
- }, 0);
381
- })();
382
- </script>
383
-
384
-
385
- <div style="
386
- position: fixed;
387
- bottom: 8px; left: 8px;
388
- background: rgba(255,255,255,0.85);
389
- padding: 6px 10px;
390
- border-radius: 10px;
391
- font-size: 13px;
392
- direction: rtl;
393
- z-index: 9999;
394
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
395
- font-family: Arial, sans-serif;
396
- ">
397
- تصميم وإعداد <b>نوف الناصر</b>
398
- </div>
399
-
400
-
401
- <div class="folium-map" id="map_dabfd5d1d3aeab2917bc868e66c73297" ></div>
402
-
403
- </body>
404
- <script>
405
-
406
-
407
- var map_dabfd5d1d3aeab2917bc868e66c73297 = L.map(
408
- "map_dabfd5d1d3aeab2917bc868e66c73297",
409
- {
410
- center: [26.60476319046641, 49.973317817727825],
411
- crs: L.CRS.EPSG3857,
412
- ...{
413
- "zoom": 13,
414
- "zoomControl": true,
415
- "preferCanvas": false,
416
- }
417
-
418
- }
419
- );
420
- L.control.scale().addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
421
-
422
-
423
-
424
-
425
-
426
- var tile_layer_2635d81caf0159e17a33a9d4f7ba280d = L.tileLayer(
427
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
428
- {
429
- "minZoom": 0,
430
- "maxZoom": 19,
431
- "maxNativeZoom": 19,
432
- "noWrap": false,
433
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
434
- "subdomains": "abc",
435
- "detectRetina": false,
436
- "tms": false,
437
- "opacity": 1,
438
- }
439
-
440
- );
441
-
442
-
443
- tile_layer_2635d81caf0159e17a33a9d4f7ba280d.addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
444
-
445
-
446
- var tile_layer_20ed3a9b86d20721e6d3eb70780c02d0 = L.tileLayer(
447
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
448
- {
449
- "minZoom": 0,
450
- "maxZoom": 18,
451
- "maxNativeZoom": 18,
452
- "noWrap": false,
453
- "attribution": "\u0026copy; Esri",
454
- "subdomains": "abc",
455
- "detectRetina": false,
456
- "tms": false,
457
- "opacity": 1,
458
- }
459
-
460
- );
461
-
462
-
463
- tile_layer_20ed3a9b86d20721e6d3eb70780c02d0.addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
464
-
465
-
466
- var locate_control_750d948a1d8ff790b56f27d37bb80f63 = L.control.locate(
467
- {"flyTo": true}
468
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
469
-
470
-
471
-
472
- var marker_536c06b696206d13daa369f3f3d9d10b = L.marker(
473
- [26.5697161400184, 49.9876436296254],
474
- {
475
- }
476
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
477
-
478
-
479
- var icon_7e51757a2c0e0be4d50a8f754a432d55 = L.AwesomeMarkers.icon(
480
- {
481
- "markerColor": "red",
482
- "iconColor": "white",
483
- "icon": "info-sign",
484
- "prefix": "glyphicon",
485
- "extraClasses": "fa-rotate-0",
486
- }
487
- );
488
-
489
-
490
- var popup_2c994271516fe3527037710d5e7c974a = L.popup({
491
- "maxWidth": 320,
492
- });
493
-
494
-
495
-
496
- var html_53a795b36daaae268dfa2ba2062a6358 = $(`<div id="html_53a795b36daaae268dfa2ba2062a6358" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة محمد ناصر بن محمد الربح لتقنية المعلومات</b><br> السجل التجاري: 2053122318<br> المنطقة: القديح<br> الحارة: القديح<br> <a href="https://www.google.com/maps?q=26.5697161400184,49.9876436296254" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
497
- popup_2c994271516fe3527037710d5e7c974a.setContent(html_53a795b36daaae268dfa2ba2062a6358);
498
-
499
-
500
-
501
- marker_536c06b696206d13daa369f3f3d9d10b.bindPopup(popup_2c994271516fe3527037710d5e7c974a)
502
- ;
503
-
504
-
505
-
506
-
507
- marker_536c06b696206d13daa369f3f3d9d10b.bindTooltip(
508
- `<div>
509
- مؤسسة محمد ناصر بن محمد الربح لتقنية المعلومات
510
- </div>`,
511
- {
512
- "sticky": true,
513
- }
514
- );
515
-
516
-
517
- marker_536c06b696206d13daa369f3f3d9d10b.setIcon(icon_7e51757a2c0e0be4d50a8f754a432d55);
518
-
519
-
520
- var marker_213334dea462858bc40f1c577fbd3a4a = L.marker(
521
- [26.5741577599999, 49.99069716],
522
- {
523
- }
524
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
525
-
526
-
527
- var icon_1a9f176ecbed309438d26c8fa390b7cd = L.AwesomeMarkers.icon(
528
- {
529
- "markerColor": "red",
530
- "iconColor": "white",
531
- "icon": "info-sign",
532
- "prefix": "glyphicon",
533
- "extraClasses": "fa-rotate-0",
534
- }
535
- );
536
-
537
-
538
- var popup_86b23cb44cd22e8013469bfb3ae732ca = L.popup({
539
- "maxWidth": 320,
540
- });
541
-
542
-
543
-
544
- var html_a5f1c6ba618d40a36b4b8c00390072de = $(`<div id="html_a5f1c6ba618d40a36b4b8c00390072de" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عبدالجبار محمد آل عبيد للتخليص الجمركي</b><br> السجل التجاري: 2053033646<br> المنطقة: القديح<br> الحارة: القديح<br> <a href="https://www.google.com/maps?q=26.5741577599999,49.99069716" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
545
- popup_86b23cb44cd22e8013469bfb3ae732ca.setContent(html_a5f1c6ba618d40a36b4b8c00390072de);
546
-
547
-
548
-
549
- marker_213334dea462858bc40f1c577fbd3a4a.bindPopup(popup_86b23cb44cd22e8013469bfb3ae732ca)
550
- ;
551
-
552
-
553
-
554
-
555
- marker_213334dea462858bc40f1c577fbd3a4a.bindTooltip(
556
- `<div>
557
- مؤسسة عبدالجبار محمد آل عبيد للتخليص الجمركي
558
- </div>`,
559
- {
560
- "sticky": true,
561
- }
562
- );
563
-
564
-
565
- marker_213334dea462858bc40f1c577fbd3a4a.setIcon(icon_1a9f176ecbed309438d26c8fa390b7cd);
566
-
567
-
568
- var marker_8d6380809d33e165723ab6ccccea95bb = L.marker(
569
- [26.5689200086558, 49.989751246929],
570
- {
571
- }
572
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
573
-
574
-
575
- var icon_48a1e932bf11c1b607fcfa89f46e80ef = L.AwesomeMarkers.icon(
576
- {
577
- "markerColor": "pink",
578
- "iconColor": "white",
579
- "icon": "info-sign",
580
- "prefix": "glyphicon",
581
- "extraClasses": "fa-rotate-0",
582
- }
583
- );
584
-
585
-
586
- var popup_c3c5e4d20295e6501774af16b5290514 = L.popup({
587
- "maxWidth": 320,
588
- });
589
-
590
-
591
-
592
- var html_2b4ba316e3a82eae1786ddc8a088b5c9 = $(`<div id="html_2b4ba316e3a82eae1786ddc8a088b5c9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة سكينه سلمان بن أحمد غزوي للاتصالات</b><br> السجل التجاري: 2053116771<br> المنطقة: القديح<br> الحارة: البحاري<br> <a href="https://www.google.com/maps?q=26.5689200086558,49.989751246929" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
593
- popup_c3c5e4d20295e6501774af16b5290514.setContent(html_2b4ba316e3a82eae1786ddc8a088b5c9);
594
-
595
-
596
-
597
- marker_8d6380809d33e165723ab6ccccea95bb.bindPopup(popup_c3c5e4d20295e6501774af16b5290514)
598
- ;
599
-
600
-
601
-
602
-
603
- marker_8d6380809d33e165723ab6ccccea95bb.bindTooltip(
604
- `<div>
605
- مؤسسة سكينه سلمان بن أحمد غزوي للاتصالات
606
- </div>`,
607
- {
608
- "sticky": true,
609
- }
610
- );
611
-
612
-
613
- marker_8d6380809d33e165723ab6ccccea95bb.setIcon(icon_48a1e932bf11c1b607fcfa89f46e80ef);
614
-
615
-
616
- var marker_2c585291d60b54f75ce7fd66862e9155 = L.marker(
617
- [26.5672764, 49.99018172],
618
- {
619
- }
620
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
621
-
622
-
623
- var icon_85be6a4f8adfe5b38b831182d06e0a78 = L.AwesomeMarkers.icon(
624
- {
625
- "markerColor": "pink",
626
- "iconColor": "white",
627
- "icon": "info-sign",
628
- "prefix": "glyphicon",
629
- "extraClasses": "fa-rotate-0",
630
- }
631
- );
632
-
633
-
634
- var popup_5a2a040427457994a8000e7e03042774 = L.popup({
635
- "maxWidth": 320,
636
- });
637
-
638
-
639
-
640
- var html_4931c461fe96d419bde70309a6591929 = $(`<div id="html_4931c461fe96d419bde70309a6591929" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم نخبة مضر لتقديم الوجبات</b><br> السجل التجاري: 2053113316<br> المنطقة: القديح<br> الحارة: البحاري<br> <a href="https://www.google.com/maps?q=26.5672764,49.99018172" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
641
- popup_5a2a040427457994a8000e7e03042774.setContent(html_4931c461fe96d419bde70309a6591929);
642
-
643
-
644
-
645
- marker_2c585291d60b54f75ce7fd66862e9155.bindPopup(popup_5a2a040427457994a8000e7e03042774)
646
- ;
647
-
648
-
649
-
650
-
651
- marker_2c585291d60b54f75ce7fd66862e9155.bindTooltip(
652
- `<div>
653
- مطعم نخبة مضر لتقديم الوجبات
654
- </div>`,
655
- {
656
- "sticky": true,
657
- }
658
- );
659
-
660
-
661
- marker_2c585291d60b54f75ce7fd66862e9155.setIcon(icon_85be6a4f8adfe5b38b831182d06e0a78);
662
-
663
-
664
- var marker_379a5c61cb9b6bf38857c5c155bc52a8 = L.marker(
665
- [26.5838301359902, 49.9768614707241],
666
- {
667
- }
668
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
669
-
670
-
671
- var icon_2fb6c6b3359c780bb27546183c635180 = L.AwesomeMarkers.icon(
672
- {
673
- "markerColor": "darkgreen",
674
- "iconColor": "white",
675
- "icon": "info-sign",
676
- "prefix": "glyphicon",
677
- "extraClasses": "fa-rotate-0",
678
- }
679
- );
680
-
681
-
682
- var popup_45a43e3ca54a95448b6e564e5c93ea3f = L.popup({
683
- "maxWidth": 320,
684
- });
685
-
686
-
687
-
688
- var html_9606dc97329bc4e0de8587a3a090fa5d = $(`<div id="html_9606dc97329bc4e0de8587a3a090fa5d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة احمد بن محمد بن حسن الفرج للنقل البري</b><br> السجل التجاري: 2050135065<br> المنطقة: العواميه<br> الحارة: الجميمة<br> <a href="https://www.google.com/maps?q=26.5838301359902,49.9768614707241" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
689
- popup_45a43e3ca54a95448b6e564e5c93ea3f.setContent(html_9606dc97329bc4e0de8587a3a090fa5d);
690
-
691
-
692
-
693
- marker_379a5c61cb9b6bf38857c5c155bc52a8.bindPopup(popup_45a43e3ca54a95448b6e564e5c93ea3f)
694
- ;
695
-
696
-
697
-
698
-
699
- marker_379a5c61cb9b6bf38857c5c155bc52a8.bindTooltip(
700
- `<div>
701
- مؤسسة احمد بن محمد بن حسن الفرج للنقل البري
702
- </div>`,
703
- {
704
- "sticky": true,
705
- }
706
- );
707
-
708
-
709
- marker_379a5c61cb9b6bf38857c5c155bc52a8.setIcon(icon_2fb6c6b3359c780bb27546183c635180);
710
-
711
-
712
- var marker_572d4004559c4d81843f457d8eb3cb45 = L.marker(
713
- [26.58614553, 49.98190847],
714
- {
715
- }
716
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
717
-
718
-
719
- var icon_ff141a44cbca031afcf1b5033e6b54a4 = L.AwesomeMarkers.icon(
720
- {
721
- "markerColor": "orange",
722
- "iconColor": "white",
723
- "icon": "info-sign",
724
- "prefix": "glyphicon",
725
- "extraClasses": "fa-rotate-0",
726
- }
727
- );
728
-
729
-
730
- var popup_ad4b3fc21398e3151d617334acc4f434 = L.popup({
731
- "maxWidth": 320,
732
- });
733
-
734
-
735
-
736
- var html_ebfa67377b9cc2175d4ce19afc8dbed8 = $(`<div id="html_ebfa67377b9cc2175d4ce19afc8dbed8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية ياسر عبدالله الزاهر للوجبات السريعة</b><br> السجل التجاري: 2053112579<br> المنطقة: العواميه<br> الحارة: العوامية<br> <a href="https://www.google.com/maps?q=26.58614553,49.98190847" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
737
- popup_ad4b3fc21398e3151d617334acc4f434.setContent(html_ebfa67377b9cc2175d4ce19afc8dbed8);
738
-
739
-
740
-
741
- marker_572d4004559c4d81843f457d8eb3cb45.bindPopup(popup_ad4b3fc21398e3151d617334acc4f434)
742
- ;
743
-
744
-
745
-
746
-
747
- marker_572d4004559c4d81843f457d8eb3cb45.bindTooltip(
748
- `<div>
749
- بوفية ياسر عبدالله الزاهر للوجبات السريعة
750
- </div>`,
751
- {
752
- "sticky": true,
753
- }
754
- );
755
-
756
-
757
- marker_572d4004559c4d81843f457d8eb3cb45.setIcon(icon_ff141a44cbca031afcf1b5033e6b54a4);
758
-
759
-
760
- var marker_d3d637f3e49ce4fd419fd6022205fb64 = L.marker(
761
- [26.6549413999999, 49.9465685899999],
762
- {
763
- }
764
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
765
-
766
-
767
- var icon_060e0423fa7dc0ab865f43cef6b8d8b3 = L.AwesomeMarkers.icon(
768
- {
769
- "markerColor": "lightblue",
770
- "iconColor": "white",
771
- "icon": "info-sign",
772
- "prefix": "glyphicon",
773
- "extraClasses": "fa-rotate-0",
774
- }
775
- );
776
-
777
-
778
- var popup_4d853ba1b50d711a1cde0f8994a3a65d = L.popup({
779
- "maxWidth": 320,
780
- });
781
-
782
-
783
-
784
- var html_f167dd8bc44477bc38db98b66ebc2e73 = $(`<div id="html_f167dd8bc44477bc38db98b66ebc2e73" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم الساحة لتقديم الوجبات</b><br> السجل التجاري: 2063606736<br> المنطقة: صفوى<br> الحارة: العروبة<br> <a href="https://www.google.com/maps?q=26.6549413999999,49.9465685899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
785
- popup_4d853ba1b50d711a1cde0f8994a3a65d.setContent(html_f167dd8bc44477bc38db98b66ebc2e73);
786
-
787
-
788
-
789
- marker_d3d637f3e49ce4fd419fd6022205fb64.bindPopup(popup_4d853ba1b50d711a1cde0f8994a3a65d)
790
- ;
791
-
792
-
793
-
794
-
795
- marker_d3d637f3e49ce4fd419fd6022205fb64.bindTooltip(
796
- `<div>
797
- مطعم الساحة لتقديم الوجبات
798
- </div>`,
799
- {
800
- "sticky": true,
801
- }
802
- );
803
-
804
-
805
- marker_d3d637f3e49ce4fd419fd6022205fb64.setIcon(icon_060e0423fa7dc0ab865f43cef6b8d8b3);
806
-
807
-
808
- var marker_68a244a21359f7dca72956d9d2e69b65 = L.marker(
809
- [26.64979525, 49.9529345999999],
810
- {
811
- }
812
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
813
-
814
-
815
- var icon_349c53332a41bef0e789f4ac37bb5aa2 = L.AwesomeMarkers.icon(
816
- {
817
- "markerColor": "beige",
818
- "iconColor": "white",
819
- "icon": "info-sign",
820
- "prefix": "glyphicon",
821
- "extraClasses": "fa-rotate-0",
822
- }
823
- );
824
-
825
-
826
- var popup_5f69f8d23c78d5caa1e87a02ec735ac2 = L.popup({
827
- "maxWidth": 320,
828
- });
829
-
830
-
831
-
832
- var html_876e5718d43924f498c443f1dead670b = $(`<div id="html_876e5718d43924f498c443f1dead670b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية ساعة الهرم لتقديم الوجبات</b><br> السجل التجاري: 2063606568<br> المنطقة: صفوى<br> الحارة: حزم<br> <a href="https://www.google.com/maps?q=26.64979525,49.9529345999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
833
- popup_5f69f8d23c78d5caa1e87a02ec735ac2.setContent(html_876e5718d43924f498c443f1dead670b);
834
-
835
-
836
-
837
- marker_68a244a21359f7dca72956d9d2e69b65.bindPopup(popup_5f69f8d23c78d5caa1e87a02ec735ac2)
838
- ;
839
-
840
-
841
-
842
-
843
- marker_68a244a21359f7dca72956d9d2e69b65.bindTooltip(
844
- `<div>
845
- بوفية ساعة الهرم لتقديم الوجبات
846
- </div>`,
847
- {
848
- "sticky": true,
849
- }
850
- );
851
-
852
-
853
- marker_68a244a21359f7dca72956d9d2e69b65.setIcon(icon_349c53332a41bef0e789f4ac37bb5aa2);
854
-
855
-
856
- var marker_0865eb06a58978f6354f2b00ec1cf339 = L.marker(
857
- [26.6484001699999, 49.95573756],
858
- {
859
- }
860
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
861
-
862
-
863
- var icon_854c324a06fbfdea6d33879562d97a26 = L.AwesomeMarkers.icon(
864
- {
865
- "markerColor": "beige",
866
- "iconColor": "white",
867
- "icon": "info-sign",
868
- "prefix": "glyphicon",
869
- "extraClasses": "fa-rotate-0",
870
- }
871
- );
872
-
873
-
874
- var popup_7a7fbf7ec0dda7511514e7ee14f272c4 = L.popup({
875
- "maxWidth": 320,
876
- });
877
-
878
-
879
-
880
- var html_eb32dfce5f1039ba1cd32649e9a1223e = $(`<div id="html_eb32dfce5f1039ba1cd32649e9a1223e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة علي حسن بن حميد آل قريش للتخليص الجمركي</b><br> السجل التجاري: 2063606309<br> المنطقة: صفوى<br> الحارة: حزم<br> <a href="https://www.google.com/maps?q=26.6484001699999,49.95573756" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
881
- popup_7a7fbf7ec0dda7511514e7ee14f272c4.setContent(html_eb32dfce5f1039ba1cd32649e9a1223e);
882
-
883
-
884
-
885
- marker_0865eb06a58978f6354f2b00ec1cf339.bindPopup(popup_7a7fbf7ec0dda7511514e7ee14f272c4)
886
- ;
887
-
888
-
889
-
890
-
891
- marker_0865eb06a58978f6354f2b00ec1cf339.bindTooltip(
892
- `<div>
893
- مؤسسة علي حسن بن حميد آل قريش للتخليص الجمركي
894
- </div>`,
895
- {
896
- "sticky": true,
897
- }
898
- );
899
-
900
-
901
- marker_0865eb06a58978f6354f2b00ec1cf339.setIcon(icon_854c324a06fbfdea6d33879562d97a26);
902
-
903
-
904
- var marker_b4f7a814aad23d97a911c4df148910df = L.marker(
905
- [26.64444911, 49.96089373],
906
- {
907
- }
908
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
909
-
910
-
911
- var icon_2742f76940d40bdca0ada5575137a36f = L.AwesomeMarkers.icon(
912
- {
913
- "markerColor": "blue",
914
- "iconColor": "white",
915
- "icon": "info-sign",
916
- "prefix": "glyphicon",
917
- "extraClasses": "fa-rotate-0",
918
- }
919
- );
920
-
921
-
922
- var popup_968b2f194a1e76ac212d5ea70cc1f1ee = L.popup({
923
- "maxWidth": 320,
924
- });
925
-
926
-
927
-
928
- var html_f068b64e3fe6811f7946c7edaee139b8 = $(`<div id="html_f068b64e3fe6811f7946c7edaee139b8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة البقعة الرقمية لتقنية المعلومات</b><br> السجل التجاري: 2063607100<br> المنطقة: صفوى<br> الحارة: الصفا<br> <a href="https://www.google.com/maps?q=26.64444911,49.96089373" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
929
- popup_968b2f194a1e76ac212d5ea70cc1f1ee.setContent(html_f068b64e3fe6811f7946c7edaee139b8);
930
-
931
-
932
-
933
- marker_b4f7a814aad23d97a911c4df148910df.bindPopup(popup_968b2f194a1e76ac212d5ea70cc1f1ee)
934
- ;
935
-
936
-
937
-
938
-
939
- marker_b4f7a814aad23d97a911c4df148910df.bindTooltip(
940
- `<div>
941
- مؤسسة البقعة الرقمية لتقنية المعلومات
942
- </div>`,
943
- {
944
- "sticky": true,
945
- }
946
- );
947
-
948
-
949
- marker_b4f7a814aad23d97a911c4df148910df.setIcon(icon_2742f76940d40bdca0ada5575137a36f);
950
-
951
-
952
- map_dabfd5d1d3aeab2917bc868e66c73297.fitBounds(
953
- [[26.5697161400184, 49.9876436296254], [26.5741577599999, 49.99069716], [26.5689200086558, 49.989751246929], [26.5672764, 49.99018172], [26.5838301359902, 49.9768614707241], [26.58614553, 49.98190847], [26.6549413999999, 49.9465685899999], [26.64979525, 49.9529345999999], [26.6484001699999, 49.95573756], [26.64444911, 49.96089373]],
954
- {"padding": [30, 30]}
955
- );
956
-
957
-
958
- var layer_control_67493d2de44f19ed2350a1b799241287_layers = {
959
- base_layers : {
960
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_2635d81caf0159e17a33a9d4f7ba280d,
961
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_20ed3a9b86d20721e6d3eb70780c02d0,
962
- },
963
- overlays : {
964
- },
965
- };
966
- let layer_control_67493d2de44f19ed2350a1b799241287 = L.control.layers(
967
- layer_control_67493d2de44f19ed2350a1b799241287_layers.base_layers,
968
- layer_control_67493d2de44f19ed2350a1b799241287_layers.overlays,
969
- {
970
- "position": "topright",
971
- "collapsed": false,
972
- "autoZIndex": true,
973
- }
974
- ).addTo(map_dabfd5d1d3aeab2917bc868e66c73297);
975
-
976
-
977
- </script>
978
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/35.html DELETED
@@ -1,978 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_8553e1969d4f4fdb8c1181b2142eb32a {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">زكي بن عيسى بن عبدالله القفاص - 35</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 10<br>
139
- <b>عدد الحارات:</b> 7<br>
140
- <b>الأكثر:</b> <b>الدانة</b>: 3 | <b>المروة</b>: 2 | <b>مزارع الرضميات</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الدانة</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المروة</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">مزارع الرضميات</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحزم</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الاوجام</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الزهور</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
182
- <span style="width:12px;height:12px;border-radius:50%;
183
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
184
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المنتزة</span>
185
- <span style="font-size:12px;color:#666;">(1)</span>
186
- </div>
187
-
188
- </div>
189
- </div>
190
- </div>
191
-
192
- <script>
193
- (function(){
194
- const box = document.getElementById('statsBox');
195
- const fab = document.getElementById('statsFab');
196
- const hide = document.getElementById('hideStats');
197
-
198
- hide.addEventListener('click', function(){
199
- box.style.display = 'none';
200
- fab.style.display = 'block';
201
- });
202
-
203
- fab.addEventListener('click', function(){
204
- box.style.display = 'block';
205
- fab.style.display = 'none';
206
- });
207
- })();
208
- </script>
209
-
210
-
211
- <style>
212
- .leaflet-control.est-search-control {
213
- background: rgba(255,255,255,0.92);
214
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
215
- border-radius: 14px;
216
- padding: 10px 10px;
217
- width: 320px;
218
- direction: rtl;
219
- font-family: Arial, sans-serif;
220
- }
221
- .est-search-control input {
222
- width: 100%;
223
- border: 1px solid rgba(0,0,0,0.15);
224
- border-radius: 10px;
225
- padding: 10px 12px;
226
- font-size: 13px;
227
- outline: none;
228
- }
229
- .est-search-meta {
230
- margin-top: 6px;
231
- font-size: 12px;
232
- color: #666;
233
- display:flex;
234
- justify-content:space-between;
235
- gap:8px;
236
- }
237
- .est-results {
238
- margin-top: 8px;
239
- max-height: 180px;
240
- overflow: auto;
241
- border-top: 1px solid rgba(0,0,0,0.08);
242
- padding-top: 6px;
243
- }
244
- .est-item {
245
- cursor: pointer;
246
- padding: 8px 10px;
247
- border-radius: 10px;
248
- font-size: 13px;
249
- line-height: 1.4;
250
- }
251
- .est-item:hover {
252
- background: rgba(0,0,0,0.06);
253
- }
254
- .est-badge {
255
- font-size: 12px;
256
- color: #333;
257
- }
258
- .est-clear {
259
- cursor:pointer;
260
- user-select:none;
261
- font-size:12px;
262
- color:#0b6efd;
263
- }
264
- </style>
265
-
266
- <script>
267
- (function(){
268
- const map = map_8553e1969d4f4fdb8c1181b2142eb32a;
269
- // items: list of objects (title, lat, lon, markerVar)
270
- const items = [{"title": "مؤسسة واحد وتسعين واط للاتصالات", "lat": 26.6522569099999, "lon": 49.9576694399999, "markerVar": "marker_2967de2fdd976bcc66957b706cff70bd"}, {"title": "مؤسسة الكمبيوتر صفوى التجارية", "lat": 26.6546458199999, "lon": 49.9553979, "markerVar": "marker_d4062ac5d29aababfac9d075bf5fa218"}, {"title": "بوفية ذوق وجبتي لتقديم الوجبات", "lat": 26.66974756, "lon": 49.92424561, "markerVar": "marker_7006625ada3b8ca9991b6dfd2c6a06c4"}, {"title": "مكتب عايض احمد العرياني للخدمات العقارية", "lat": 26.6397743399999, "lon": 49.90819273, "markerVar": "marker_95222c1c517079ff4f892bd60356f639"}, {"title": "مقهى الكيك المميز لتقديم المشروبات", "lat": 26.54293059, "lon": 49.9542265199999, "markerVar": "marker_2a168117665057bd10b56ccfffe5af7f"}, {"title": "مؤسسة مرسال الخليج لخدمات الأعمال", "lat": 26.7093805999999, "lon": 50.0509769399999, "markerVar": "marker_e0ea261c9fea810fd39cdd9451cbaacc"}, {"title": "مكتب عوض شراز المالكي للخدمات العقارية", "lat": 26.69943323, "lon": 50.04678217, "markerVar": "marker_6fabb0eb8460040bed210439df8c7a49"}, {"title": "مؤسسة رنين رحيمة للاتصالات", "lat": 26.7041407583855, "lon": 50.0643339448379, "markerVar": "marker_d280b4ca75bb06e09903146eae9c98eb"}, {"title": "بوفية مطبق الهناء للوجبات السريعة", "lat": 26.7084229899999, "lon": 50.06565306, "markerVar": "marker_096805ed32951f6f3d19e73bbd144f0c"}, {"title": "مؤسسة تركي حجاب الشمري للاجرة العامة", "lat": 26.70424522, "lon": 50.06698517, "markerVar": "marker_c583f09c8129ff6fcc819c32933284fe"}];
271
-
272
- function norm(s){
273
- if(!s) return "";
274
- s = (""+s).toLowerCase();
275
-
276
- // إزالة التشكيل
277
- s = s.replace(/[\u064B-\u065F]/g, "");
278
- // تطبيع عربي
279
- s = s.replace(/[إأآا]/g, "ا")
280
- .replace(/ى/g, "ي")
281
- .replace(/ة/g, "ه")
282
- .replace(/ؤ/g, "و")
283
- .replace(/ئ/g, "ي")
284
- .replace(/ـ/g, "");
285
- // مسافات
286
- s = s.replace(/\s+/g, " ").trim();
287
- return s;
288
- }
289
-
290
- const SearchControl = L.Control.extend({
291
- options: { position: 'bottomleft' },
292
- onAdd: function(){
293
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
294
- div.innerHTML = `
295
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
296
- <div class="est-search-meta">
297
- <span id="estCount" class="est-badge"></span>
298
- <span id="estClear" class="est-clear">مسح</span>
299
- </div>
300
- <div id="estResults" class="est-results"></div>
301
- `;
302
- L.DomEvent.disableClickPropagation(div);
303
- L.DomEvent.disableScrollPropagation(div);
304
- return div;
305
- }
306
- });
307
-
308
- map.addControl(new SearchControl());
309
-
310
- function renderResults(hits){
311
- const results = document.getElementById('estResults');
312
- const count = document.getElementById('estCount');
313
- results.innerHTML = "";
314
-
315
- if(!hits.length){
316
- count.textContent = "لا توجد نتائج";
317
- return;
318
- }
319
-
320
- count.textContent = "النتائج: " + hits.length;
321
-
322
- for(const h of hits.slice(0, 50)){
323
- const el = document.createElement('div');
324
- el.className = 'est-item';
325
- el.textContent = h.title;
326
- el.onclick = function(){
327
- try {
328
- const mv = window[h.markerVar];
329
- if(mv && mv.getLatLng){
330
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
331
- if(mv.openPopup) mv.openPopup();
332
- } else {
333
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
334
- }
335
- } catch(e) {}
336
- };
337
- results.appendChild(el);
338
- }
339
- }
340
-
341
- function search(q){
342
- const nq = norm(q);
343
- if(!nq) return [];
344
- const hits = [];
345
- for(const it of items){
346
- if(norm(it.title).includes(nq)) hits.push(it);
347
- }
348
- return hits;
349
- }
350
-
351
- setTimeout(function(){
352
- const input = document.getElementById('estQ');
353
- const clearBtn = document.getElementById('estClear');
354
-
355
- input.addEventListener('input', function(){
356
- renderResults(search(this.value));
357
- });
358
-
359
- input.addEventListener('keydown', function(e){
360
- if(e.key === 'Enter'){
361
- const hits = search(this.value);
362
- renderResults(hits);
363
- if(hits.length){
364
- try {
365
- const mv = window[hits[0].markerVar];
366
- if(mv && mv.getLatLng){
367
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
368
- if(mv.openPopup) mv.openPopup();
369
- }
370
- } catch(e) {}
371
- }
372
- }
373
- });
374
-
375
- clearBtn.addEventListener('click', function(){
376
- input.value = "";
377
- document.getElementById('estResults').innerHTML = "";
378
- document.getElementById('estCount').textContent = "";
379
- });
380
- }, 0);
381
- })();
382
- </script>
383
-
384
-
385
- <div style="
386
- position: fixed;
387
- bottom: 8px; left: 8px;
388
- background: rgba(255,255,255,0.85);
389
- padding: 6px 10px;
390
- border-radius: 10px;
391
- font-size: 13px;
392
- direction: rtl;
393
- z-index: 9999;
394
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
395
- font-family: Arial, sans-serif;
396
- ">
397
- تصميم وإعداد <b>نوف الناصر</b>
398
- </div>
399
-
400
-
401
- <div class="folium-map" id="map_8553e1969d4f4fdb8c1181b2142eb32a" ></div>
402
-
403
- </body>
404
- <script>
405
-
406
-
407
- var map_8553e1969d4f4fdb8c1181b2142eb32a = L.map(
408
- "map_8553e1969d4f4fdb8c1181b2142eb32a",
409
- {
410
- center: [26.668497801838498, 49.99944634848376],
411
- crs: L.CRS.EPSG3857,
412
- ...{
413
- "zoom": 13,
414
- "zoomControl": true,
415
- "preferCanvas": false,
416
- }
417
-
418
- }
419
- );
420
- L.control.scale().addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
421
-
422
-
423
-
424
-
425
-
426
- var tile_layer_eab0ea24c60dd453f4f2863b4f680faf = L.tileLayer(
427
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
428
- {
429
- "minZoom": 0,
430
- "maxZoom": 19,
431
- "maxNativeZoom": 19,
432
- "noWrap": false,
433
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
434
- "subdomains": "abc",
435
- "detectRetina": false,
436
- "tms": false,
437
- "opacity": 1,
438
- }
439
-
440
- );
441
-
442
-
443
- tile_layer_eab0ea24c60dd453f4f2863b4f680faf.addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
444
-
445
-
446
- var tile_layer_b08fda2782e3d69c5dde64a43a2dcb86 = L.tileLayer(
447
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
448
- {
449
- "minZoom": 0,
450
- "maxZoom": 18,
451
- "maxNativeZoom": 18,
452
- "noWrap": false,
453
- "attribution": "\u0026copy; Esri",
454
- "subdomains": "abc",
455
- "detectRetina": false,
456
- "tms": false,
457
- "opacity": 1,
458
- }
459
-
460
- );
461
-
462
-
463
- tile_layer_b08fda2782e3d69c5dde64a43a2dcb86.addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
464
-
465
-
466
- var locate_control_c0630f922265b41e03b1caf0a163d658 = L.control.locate(
467
- {"flyTo": true}
468
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
469
-
470
-
471
-
472
- var marker_2967de2fdd976bcc66957b706cff70bd = L.marker(
473
- [26.6522569099999, 49.9576694399999],
474
- {
475
- }
476
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
477
-
478
-
479
- var icon_6b4b1c5200e878e1f9464cea2dbb5427 = L.AwesomeMarkers.icon(
480
- {
481
- "markerColor": "lightgreen",
482
- "iconColor": "white",
483
- "icon": "info-sign",
484
- "prefix": "glyphicon",
485
- "extraClasses": "fa-rotate-0",
486
- }
487
- );
488
-
489
-
490
- var popup_b70689954e4b45a56b74af33ec645c9f = L.popup({
491
- "maxWidth": 320,
492
- });
493
-
494
-
495
-
496
- var html_ab133370842f1da25f1c65b4371140e0 = $(`<div id="html_ab133370842f1da25f1c65b4371140e0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة واحد وتسعين واط للاتصالات</b><br> السجل التجاري: 2063607119<br> المنطقة: صفوى<br> الحارة: المروة<br> <a href="https://www.google.com/maps?q=26.6522569099999,49.9576694399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
497
- popup_b70689954e4b45a56b74af33ec645c9f.setContent(html_ab133370842f1da25f1c65b4371140e0);
498
-
499
-
500
-
501
- marker_2967de2fdd976bcc66957b706cff70bd.bindPopup(popup_b70689954e4b45a56b74af33ec645c9f)
502
- ;
503
-
504
-
505
-
506
-
507
- marker_2967de2fdd976bcc66957b706cff70bd.bindTooltip(
508
- `<div>
509
- مؤسسة واحد وتسعين واط للاتصالات
510
- </div>`,
511
- {
512
- "sticky": true,
513
- }
514
- );
515
-
516
-
517
- marker_2967de2fdd976bcc66957b706cff70bd.setIcon(icon_6b4b1c5200e878e1f9464cea2dbb5427);
518
-
519
-
520
- var marker_d4062ac5d29aababfac9d075bf5fa218 = L.marker(
521
- [26.6546458199999, 49.9553979],
522
- {
523
- }
524
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
525
-
526
-
527
- var icon_1728f08e7936a8b8a66bc362829bd9f2 = L.AwesomeMarkers.icon(
528
- {
529
- "markerColor": "lightgreen",
530
- "iconColor": "white",
531
- "icon": "info-sign",
532
- "prefix": "glyphicon",
533
- "extraClasses": "fa-rotate-0",
534
- }
535
- );
536
-
537
-
538
- var popup_36c0c935fa5f5524a00e1efed70b3332 = L.popup({
539
- "maxWidth": 320,
540
- });
541
-
542
-
543
-
544
- var html_107f1260589bfa4f1b53ccffab9809ea = $(`<div id="html_107f1260589bfa4f1b53ccffab9809ea" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الكمبيوتر صفوى التجارية</b><br> السجل التجاري: 2063605406<br> المنطقة: صفوى<br> الحارة: المروة<br> <a href="https://www.google.com/maps?q=26.6546458199999,49.9553979" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
545
- popup_36c0c935fa5f5524a00e1efed70b3332.setContent(html_107f1260589bfa4f1b53ccffab9809ea);
546
-
547
-
548
-
549
- marker_d4062ac5d29aababfac9d075bf5fa218.bindPopup(popup_36c0c935fa5f5524a00e1efed70b3332)
550
- ;
551
-
552
-
553
-
554
-
555
- marker_d4062ac5d29aababfac9d075bf5fa218.bindTooltip(
556
- `<div>
557
- مؤسسة الكمبيوتر صفوى التجارية
558
- </div>`,
559
- {
560
- "sticky": true,
561
- }
562
- );
563
-
564
-
565
- marker_d4062ac5d29aababfac9d075bf5fa218.setIcon(icon_1728f08e7936a8b8a66bc362829bd9f2);
566
-
567
-
568
- var marker_7006625ada3b8ca9991b6dfd2c6a06c4 = L.marker(
569
- [26.66974756, 49.92424561],
570
- {
571
- }
572
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
573
-
574
-
575
- var icon_36e598ca7d4b1d578ba48c9555f8841b = L.AwesomeMarkers.icon(
576
- {
577
- "markerColor": "darkred",
578
- "iconColor": "white",
579
- "icon": "info-sign",
580
- "prefix": "glyphicon",
581
- "extraClasses": "fa-rotate-0",
582
- }
583
- );
584
-
585
-
586
- var popup_94cf4aa1ce9eab0ccae86a7f08458f83 = L.popup({
587
- "maxWidth": 320,
588
- });
589
-
590
-
591
-
592
- var html_e66bf4dca54ecd07e54137243e2b8700 = $(`<div id="html_e66bf4dca54ecd07e54137243e2b8700" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية ذوق وجبتي لتقديم الوجبات</b><br> السجل التجاري: 2055130929<br> المنطقة: مزارع الرضميات<br> الحارة: مزارع الرضميات<br> <a href="https://www.google.com/maps?q=26.66974756,49.92424561" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
593
- popup_94cf4aa1ce9eab0ccae86a7f08458f83.setContent(html_e66bf4dca54ecd07e54137243e2b8700);
594
-
595
-
596
-
597
- marker_7006625ada3b8ca9991b6dfd2c6a06c4.bindPopup(popup_94cf4aa1ce9eab0ccae86a7f08458f83)
598
- ;
599
-
600
-
601
-
602
-
603
- marker_7006625ada3b8ca9991b6dfd2c6a06c4.bindTooltip(
604
- `<div>
605
- بوفية ذوق وجبتي لتقديم الوجبات
606
- </div>`,
607
- {
608
- "sticky": true,
609
- }
610
- );
611
-
612
-
613
- marker_7006625ada3b8ca9991b6dfd2c6a06c4.setIcon(icon_36e598ca7d4b1d578ba48c9555f8841b);
614
-
615
-
616
- var marker_95222c1c517079ff4f892bd60356f639 = L.marker(
617
- [26.6397743399999, 49.90819273],
618
- {
619
- }
620
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
621
-
622
-
623
- var icon_14cf1045ad7265392faaffaaf2b9c097 = L.AwesomeMarkers.icon(
624
- {
625
- "markerColor": "pink",
626
- "iconColor": "white",
627
- "icon": "info-sign",
628
- "prefix": "glyphicon",
629
- "extraClasses": "fa-rotate-0",
630
- }
631
- );
632
-
633
-
634
- var popup_4af31c25810ae3ae987d045cf69d9baa = L.popup({
635
- "maxWidth": 320,
636
- });
637
-
638
-
639
-
640
- var html_243e0900f73c3cbe6bc767de126d4a7c = $(`<div id="html_243e0900f73c3cbe6bc767de126d4a7c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عايض احمد العرياني للخدمات العقارية</b><br> السجل التجاري: 2063032186<br> المنطقة: ام الساهك<br> الحارة: الحزم<br> <a href="https://www.google.com/maps?q=26.6397743399999,49.90819273" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
641
- popup_4af31c25810ae3ae987d045cf69d9baa.setContent(html_243e0900f73c3cbe6bc767de126d4a7c);
642
-
643
-
644
-
645
- marker_95222c1c517079ff4f892bd60356f639.bindPopup(popup_4af31c25810ae3ae987d045cf69d9baa)
646
- ;
647
-
648
-
649
-
650
-
651
- marker_95222c1c517079ff4f892bd60356f639.bindTooltip(
652
- `<div>
653
- مكتب عايض احمد العرياني للخدمات العقارية
654
- </div>`,
655
- {
656
- "sticky": true,
657
- }
658
- );
659
-
660
-
661
- marker_95222c1c517079ff4f892bd60356f639.setIcon(icon_14cf1045ad7265392faaffaaf2b9c097);
662
-
663
-
664
- var marker_2a168117665057bd10b56ccfffe5af7f = L.marker(
665
- [26.54293059, 49.9542265199999],
666
- {
667
- }
668
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
669
-
670
-
671
- var icon_541239cb1cab20e01ccedee9d81c34e8 = L.AwesomeMarkers.icon(
672
- {
673
- "markerColor": "darkpurple",
674
- "iconColor": "white",
675
- "icon": "info-sign",
676
- "prefix": "glyphicon",
677
- "extraClasses": "fa-rotate-0",
678
- }
679
- );
680
-
681
-
682
- var popup_89124eb4b61809f6ada8f5a3ff30eecf = L.popup({
683
- "maxWidth": 320,
684
- });
685
-
686
-
687
-
688
- var html_805c758d38a7930808297b7a2f192c2c = $(`<div id="html_805c758d38a7930808297b7a2f192c2c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى الكيك المميز لتقديم المشروبات</b><br> السجل التجاري: 2053035059<br> المنطقة: الاوجام<br> الحارة: الاوجام<br> <a href="https://www.google.com/maps?q=26.54293059,49.9542265199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
689
- popup_89124eb4b61809f6ada8f5a3ff30eecf.setContent(html_805c758d38a7930808297b7a2f192c2c);
690
-
691
-
692
-
693
- marker_2a168117665057bd10b56ccfffe5af7f.bindPopup(popup_89124eb4b61809f6ada8f5a3ff30eecf)
694
- ;
695
-
696
-
697
-
698
-
699
- marker_2a168117665057bd10b56ccfffe5af7f.bindTooltip(
700
- `<div>
701
- مقهى الكيك المميز لتقديم المشروبات
702
- </div>`,
703
- {
704
- "sticky": true,
705
- }
706
- );
707
-
708
-
709
- marker_2a168117665057bd10b56ccfffe5af7f.setIcon(icon_541239cb1cab20e01ccedee9d81c34e8);
710
-
711
-
712
- var marker_e0ea261c9fea810fd39cdd9451cbaacc = L.marker(
713
- [26.7093805999999, 50.0509769399999],
714
- {
715
- }
716
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
717
-
718
-
719
- var icon_62595f6dcade3f42e710da743ee38b21 = L.AwesomeMarkers.icon(
720
- {
721
- "markerColor": "darkred",
722
- "iconColor": "white",
723
- "icon": "info-sign",
724
- "prefix": "glyphicon",
725
- "extraClasses": "fa-rotate-0",
726
- }
727
- );
728
-
729
-
730
- var popup_95160eb2a5c828e0b551901f2629e034 = L.popup({
731
- "maxWidth": 320,
732
- });
733
-
734
-
735
-
736
- var html_d71497b7f9a3c40706809f596049eaf8 = $(`<div id="html_d71497b7f9a3c40706809f596049eaf8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مرسال الخليج لخدمات الأعمال</b><br> السجل التجاري: 2066611996<br> المنطقة: رحيمة<br> الحارة: الزهور<br> <a href="https://www.google.com/maps?q=26.7093805999999,50.0509769399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
737
- popup_95160eb2a5c828e0b551901f2629e034.setContent(html_d71497b7f9a3c40706809f596049eaf8);
738
-
739
-
740
-
741
- marker_e0ea261c9fea810fd39cdd9451cbaacc.bindPopup(popup_95160eb2a5c828e0b551901f2629e034)
742
- ;
743
-
744
-
745
-
746
-
747
- marker_e0ea261c9fea810fd39cdd9451cbaacc.bindTooltip(
748
- `<div>
749
- مؤسسة مرسال الخليج لخدمات الأعمال
750
- </div>`,
751
- {
752
- "sticky": true,
753
- }
754
- );
755
-
756
-
757
- marker_e0ea261c9fea810fd39cdd9451cbaacc.setIcon(icon_62595f6dcade3f42e710da743ee38b21);
758
-
759
-
760
- var marker_6fabb0eb8460040bed210439df8c7a49 = L.marker(
761
- [26.69943323, 50.04678217],
762
- {
763
- }
764
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
765
-
766
-
767
- var icon_b2cf10c166965204c462c8431b691dda = L.AwesomeMarkers.icon(
768
- {
769
- "markerColor": "orange",
770
- "iconColor": "white",
771
- "icon": "info-sign",
772
- "prefix": "glyphicon",
773
- "extraClasses": "fa-rotate-0",
774
- }
775
- );
776
-
777
-
778
- var popup_7a564a0cb7006d5a5e55a4d8845b54af = L.popup({
779
- "maxWidth": 320,
780
- });
781
-
782
-
783
-
784
- var html_37240d5ed0a7262d00f484ed3d6f3937 = $(`<div id="html_37240d5ed0a7262d00f484ed3d6f3937" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عوض شراز المالكي للخ��مات العقارية</b><br> السجل التجاري: 2066002643<br> المنطقة: رحيمة<br> الحارة: المنتزة<br> <a href="https://www.google.com/maps?q=26.69943323,50.04678217" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
785
- popup_7a564a0cb7006d5a5e55a4d8845b54af.setContent(html_37240d5ed0a7262d00f484ed3d6f3937);
786
-
787
-
788
-
789
- marker_6fabb0eb8460040bed210439df8c7a49.bindPopup(popup_7a564a0cb7006d5a5e55a4d8845b54af)
790
- ;
791
-
792
-
793
-
794
-
795
- marker_6fabb0eb8460040bed210439df8c7a49.bindTooltip(
796
- `<div>
797
- مكتب عوض شراز المالكي للخدمات العقارية
798
- </div>`,
799
- {
800
- "sticky": true,
801
- }
802
- );
803
-
804
-
805
- marker_6fabb0eb8460040bed210439df8c7a49.setIcon(icon_b2cf10c166965204c462c8431b691dda);
806
-
807
-
808
- var marker_d280b4ca75bb06e09903146eae9c98eb = L.marker(
809
- [26.7041407583855, 50.0643339448379],
810
- {
811
- }
812
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
813
-
814
-
815
- var icon_c784815a762a6fd4d7719c4c62cefdb1 = L.AwesomeMarkers.icon(
816
- {
817
- "markerColor": "darkred",
818
- "iconColor": "white",
819
- "icon": "info-sign",
820
- "prefix": "glyphicon",
821
- "extraClasses": "fa-rotate-0",
822
- }
823
- );
824
-
825
-
826
- var popup_fac317b01c1a1b56ea0953b4e471d796 = L.popup({
827
- "maxWidth": 320,
828
- });
829
-
830
-
831
-
832
- var html_01b4087a0e5d8171df6eed354154a215 = $(`<div id="html_01b4087a0e5d8171df6eed354154a215" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة رنين رحيمة للاتصالات</b><br> السجل التجاري: 2066612004<br> المنطقة: رحيمة<br> الحارة: الدانة<br> <a href="https://www.google.com/maps?q=26.7041407583855,50.0643339448379" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
833
- popup_fac317b01c1a1b56ea0953b4e471d796.setContent(html_01b4087a0e5d8171df6eed354154a215);
834
-
835
-
836
-
837
- marker_d280b4ca75bb06e09903146eae9c98eb.bindPopup(popup_fac317b01c1a1b56ea0953b4e471d796)
838
- ;
839
-
840
-
841
-
842
-
843
- marker_d280b4ca75bb06e09903146eae9c98eb.bindTooltip(
844
- `<div>
845
- مؤسسة رنين رحيمة للاتصالات
846
- </div>`,
847
- {
848
- "sticky": true,
849
- }
850
- );
851
-
852
-
853
- marker_d280b4ca75bb06e09903146eae9c98eb.setIcon(icon_c784815a762a6fd4d7719c4c62cefdb1);
854
-
855
-
856
- var marker_096805ed32951f6f3d19e73bbd144f0c = L.marker(
857
- [26.7084229899999, 50.06565306],
858
- {
859
- }
860
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
861
-
862
-
863
- var icon_d1ca49e443e0dafab73aeb51b19d0f28 = L.AwesomeMarkers.icon(
864
- {
865
- "markerColor": "darkred",
866
- "iconColor": "white",
867
- "icon": "info-sign",
868
- "prefix": "glyphicon",
869
- "extraClasses": "fa-rotate-0",
870
- }
871
- );
872
-
873
-
874
- var popup_2ffd33ede4d29442fd916c25ca7a0231 = L.popup({
875
- "maxWidth": 320,
876
- });
877
-
878
-
879
-
880
- var html_76cd2f0d73f3992cde84c64fd1c366d8 = $(`<div id="html_76cd2f0d73f3992cde84c64fd1c366d8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية مطبق الهناء للوجبات السريعة</b><br> السجل التجاري: 2066611508<br> المنطقة: رحيمة<br> الحارة: الدانة<br> <a href="https://www.google.com/maps?q=26.7084229899999,50.06565306" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
881
- popup_2ffd33ede4d29442fd916c25ca7a0231.setContent(html_76cd2f0d73f3992cde84c64fd1c366d8);
882
-
883
-
884
-
885
- marker_096805ed32951f6f3d19e73bbd144f0c.bindPopup(popup_2ffd33ede4d29442fd916c25ca7a0231)
886
- ;
887
-
888
-
889
-
890
-
891
- marker_096805ed32951f6f3d19e73bbd144f0c.bindTooltip(
892
- `<div>
893
- بوفية مطبق الهناء للوجبات السريعة
894
- </div>`,
895
- {
896
- "sticky": true,
897
- }
898
- );
899
-
900
-
901
- marker_096805ed32951f6f3d19e73bbd144f0c.setIcon(icon_d1ca49e443e0dafab73aeb51b19d0f28);
902
-
903
-
904
- var marker_c583f09c8129ff6fcc819c32933284fe = L.marker(
905
- [26.70424522, 50.06698517],
906
- {
907
- }
908
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
909
-
910
-
911
- var icon_1d671fb20fa5d331abbfea4481c9e59e = L.AwesomeMarkers.icon(
912
- {
913
- "markerColor": "darkred",
914
- "iconColor": "white",
915
- "icon": "info-sign",
916
- "prefix": "glyphicon",
917
- "extraClasses": "fa-rotate-0",
918
- }
919
- );
920
-
921
-
922
- var popup_cdb4bc3e76ccb3563c5954f41ef97178 = L.popup({
923
- "maxWidth": 320,
924
- });
925
-
926
-
927
-
928
- var html_ba5b1e18db3e3fbc88fa5bce72692607 = $(`<div id="html_ba5b1e18db3e3fbc88fa5bce72692607" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة تركي حجاب الشمري للاجرة العامة</b><br> السجل التجاري: 2066004581<br> المنطقة: رحيمة<br> الحارة: الدانة<br> <a href="https://www.google.com/maps?q=26.70424522,50.06698517" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
929
- popup_cdb4bc3e76ccb3563c5954f41ef97178.setContent(html_ba5b1e18db3e3fbc88fa5bce72692607);
930
-
931
-
932
-
933
- marker_c583f09c8129ff6fcc819c32933284fe.bindPopup(popup_cdb4bc3e76ccb3563c5954f41ef97178)
934
- ;
935
-
936
-
937
-
938
-
939
- marker_c583f09c8129ff6fcc819c32933284fe.bindTooltip(
940
- `<div>
941
- مؤسسة تركي حجاب الشمري للاجرة العامة
942
- </div>`,
943
- {
944
- "sticky": true,
945
- }
946
- );
947
-
948
-
949
- marker_c583f09c8129ff6fcc819c32933284fe.setIcon(icon_1d671fb20fa5d331abbfea4481c9e59e);
950
-
951
-
952
- map_8553e1969d4f4fdb8c1181b2142eb32a.fitBounds(
953
- [[26.6522569099999, 49.9576694399999], [26.6546458199999, 49.9553979], [26.66974756, 49.92424561], [26.6397743399999, 49.90819273], [26.54293059, 49.9542265199999], [26.7093805999999, 50.0509769399999], [26.69943323, 50.04678217], [26.7041407583855, 50.0643339448379], [26.7084229899999, 50.06565306], [26.70424522, 50.06698517]],
954
- {"padding": [30, 30]}
955
- );
956
-
957
-
958
- var layer_control_9d23212c928f559309c8b63b7bd80f3b_layers = {
959
- base_layers : {
960
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_eab0ea24c60dd453f4f2863b4f680faf,
961
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_b08fda2782e3d69c5dde64a43a2dcb86,
962
- },
963
- overlays : {
964
- },
965
- };
966
- let layer_control_9d23212c928f559309c8b63b7bd80f3b = L.control.layers(
967
- layer_control_9d23212c928f559309c8b63b7bd80f3b_layers.base_layers,
968
- layer_control_9d23212c928f559309c8b63b7bd80f3b_layers.overlays,
969
- {
970
- "position": "topright",
971
- "collapsed": false,
972
- "autoZIndex": true,
973
- }
974
- ).addTo(map_8553e1969d4f4fdb8c1181b2142eb32a);
975
-
976
-
977
- </script>
978
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/36.html DELETED
@@ -1,510 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_77c3fcf354158789d3d29c77d71ebd0a {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">صالح دلي بن عقلاء الشمري - 36</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 1<br>
139
- <b>عدد الحارات:</b> 1<br>
140
- <b>الأكثر:</b> <b>عين دار الجديده</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">عين دار الجديده</span>
149
- <span style="font-size:12px;color:#666;">(1)</span>
150
- </div>
151
-
152
- </div>
153
- </div>
154
- </div>
155
-
156
- <script>
157
- (function(){
158
- const box = document.getElementById('statsBox');
159
- const fab = document.getElementById('statsFab');
160
- const hide = document.getElementById('hideStats');
161
-
162
- hide.addEventListener('click', function(){
163
- box.style.display = 'none';
164
- fab.style.display = 'block';
165
- });
166
-
167
- fab.addEventListener('click', function(){
168
- box.style.display = 'block';
169
- fab.style.display = 'none';
170
- });
171
- })();
172
- </script>
173
-
174
-
175
- <style>
176
- .leaflet-control.est-search-control {
177
- background: rgba(255,255,255,0.92);
178
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
179
- border-radius: 14px;
180
- padding: 10px 10px;
181
- width: 320px;
182
- direction: rtl;
183
- font-family: Arial, sans-serif;
184
- }
185
- .est-search-control input {
186
- width: 100%;
187
- border: 1px solid rgba(0,0,0,0.15);
188
- border-radius: 10px;
189
- padding: 10px 12px;
190
- font-size: 13px;
191
- outline: none;
192
- }
193
- .est-search-meta {
194
- margin-top: 6px;
195
- font-size: 12px;
196
- color: #666;
197
- display:flex;
198
- justify-content:space-between;
199
- gap:8px;
200
- }
201
- .est-results {
202
- margin-top: 8px;
203
- max-height: 180px;
204
- overflow: auto;
205
- border-top: 1px solid rgba(0,0,0,0.08);
206
- padding-top: 6px;
207
- }
208
- .est-item {
209
- cursor: pointer;
210
- padding: 8px 10px;
211
- border-radius: 10px;
212
- font-size: 13px;
213
- line-height: 1.4;
214
- }
215
- .est-item:hover {
216
- background: rgba(0,0,0,0.06);
217
- }
218
- .est-badge {
219
- font-size: 12px;
220
- color: #333;
221
- }
222
- .est-clear {
223
- cursor:pointer;
224
- user-select:none;
225
- font-size:12px;
226
- color:#0b6efd;
227
- }
228
- </style>
229
-
230
- <script>
231
- (function(){
232
- const map = map_77c3fcf354158789d3d29c77d71ebd0a;
233
- // items: list of objects (title, lat, lon, markerVar)
234
- const items = [{"title": "بوفية مشاعل سعد بن حضرم الهاجري للوجبات السريعة", "lat": 25.9431030599999, "lon": 49.4298345099999, "markerVar": "marker_888c23b79b5cf966d86994a043a5d698"}];
235
-
236
- function norm(s){
237
- if(!s) return "";
238
- s = (""+s).toLowerCase();
239
-
240
- // إزالة التشكيل
241
- s = s.replace(/[\u064B-\u065F]/g, "");
242
- // تطبيع عربي
243
- s = s.replace(/[إأآا]/g, "ا")
244
- .replace(/ى/g, "ي")
245
- .replace(/ة/g, "ه")
246
- .replace(/ؤ/g, "و")
247
- .replace(/ئ/g, "ي")
248
- .replace(/ـ/g, "");
249
- // مسافات
250
- s = s.replace(/\s+/g, " ").trim();
251
- return s;
252
- }
253
-
254
- const SearchControl = L.Control.extend({
255
- options: { position: 'bottomleft' },
256
- onAdd: function(){
257
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
258
- div.innerHTML = `
259
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
260
- <div class="est-search-meta">
261
- <span id="estCount" class="est-badge"></span>
262
- <span id="estClear" class="est-clear">مسح</span>
263
- </div>
264
- <div id="estResults" class="est-results"></div>
265
- `;
266
- L.DomEvent.disableClickPropagation(div);
267
- L.DomEvent.disableScrollPropagation(div);
268
- return div;
269
- }
270
- });
271
-
272
- map.addControl(new SearchControl());
273
-
274
- function renderResults(hits){
275
- const results = document.getElementById('estResults');
276
- const count = document.getElementById('estCount');
277
- results.innerHTML = "";
278
-
279
- if(!hits.length){
280
- count.textContent = "لا توجد نتائج";
281
- return;
282
- }
283
-
284
- count.textContent = "النتائج: " + hits.length;
285
-
286
- for(const h of hits.slice(0, 50)){
287
- const el = document.createElement('div');
288
- el.className = 'est-item';
289
- el.textContent = h.title;
290
- el.onclick = function(){
291
- try {
292
- const mv = window[h.markerVar];
293
- if(mv && mv.getLatLng){
294
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
295
- if(mv.openPopup) mv.openPopup();
296
- } else {
297
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
298
- }
299
- } catch(e) {}
300
- };
301
- results.appendChild(el);
302
- }
303
- }
304
-
305
- function search(q){
306
- const nq = norm(q);
307
- if(!nq) return [];
308
- const hits = [];
309
- for(const it of items){
310
- if(norm(it.title).includes(nq)) hits.push(it);
311
- }
312
- return hits;
313
- }
314
-
315
- setTimeout(function(){
316
- const input = document.getElementById('estQ');
317
- const clearBtn = document.getElementById('estClear');
318
-
319
- input.addEventListener('input', function(){
320
- renderResults(search(this.value));
321
- });
322
-
323
- input.addEventListener('keydown', function(e){
324
- if(e.key === 'Enter'){
325
- const hits = search(this.value);
326
- renderResults(hits);
327
- if(hits.length){
328
- try {
329
- const mv = window[hits[0].markerVar];
330
- if(mv && mv.getLatLng){
331
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
332
- if(mv.openPopup) mv.openPopup();
333
- }
334
- } catch(e) {}
335
- }
336
- }
337
- });
338
-
339
- clearBtn.addEventListener('click', function(){
340
- input.value = "";
341
- document.getElementById('estResults').innerHTML = "";
342
- document.getElementById('estCount').textContent = "";
343
- });
344
- }, 0);
345
- })();
346
- </script>
347
-
348
-
349
- <div style="
350
- position: fixed;
351
- bottom: 8px; left: 8px;
352
- background: rgba(255,255,255,0.85);
353
- padding: 6px 10px;
354
- border-radius: 10px;
355
- font-size: 13px;
356
- direction: rtl;
357
- z-index: 9999;
358
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
359
- font-family: Arial, sans-serif;
360
- ">
361
- تصميم وإعداد <b>نوف الناصر</b>
362
- </div>
363
-
364
-
365
- <div class="folium-map" id="map_77c3fcf354158789d3d29c77d71ebd0a" ></div>
366
-
367
- </body>
368
- <script>
369
-
370
-
371
- var map_77c3fcf354158789d3d29c77d71ebd0a = L.map(
372
- "map_77c3fcf354158789d3d29c77d71ebd0a",
373
- {
374
- center: [25.9431030599999, 49.4298345099999],
375
- crs: L.CRS.EPSG3857,
376
- ...{
377
- "zoom": 13,
378
- "zoomControl": true,
379
- "preferCanvas": false,
380
- }
381
-
382
- }
383
- );
384
- L.control.scale().addTo(map_77c3fcf354158789d3d29c77d71ebd0a);
385
-
386
-
387
-
388
-
389
-
390
- var tile_layer_6f7d6e64b346ea2dfb99b9da038f4e95 = L.tileLayer(
391
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
392
- {
393
- "minZoom": 0,
394
- "maxZoom": 19,
395
- "maxNativeZoom": 19,
396
- "noWrap": false,
397
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
398
- "subdomains": "abc",
399
- "detectRetina": false,
400
- "tms": false,
401
- "opacity": 1,
402
- }
403
-
404
- );
405
-
406
-
407
- tile_layer_6f7d6e64b346ea2dfb99b9da038f4e95.addTo(map_77c3fcf354158789d3d29c77d71ebd0a);
408
-
409
-
410
- var tile_layer_5de1194b65799acb45c8cd4f16d57fe3 = L.tileLayer(
411
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
412
- {
413
- "minZoom": 0,
414
- "maxZoom": 18,
415
- "maxNativeZoom": 18,
416
- "noWrap": false,
417
- "attribution": "\u0026copy; Esri",
418
- "subdomains": "abc",
419
- "detectRetina": false,
420
- "tms": false,
421
- "opacity": 1,
422
- }
423
-
424
- );
425
-
426
-
427
- tile_layer_5de1194b65799acb45c8cd4f16d57fe3.addTo(map_77c3fcf354158789d3d29c77d71ebd0a);
428
-
429
-
430
- var locate_control_aa1e5d56df85679d1b449069c4d39bbc = L.control.locate(
431
- {"flyTo": true}
432
- ).addTo(map_77c3fcf354158789d3d29c77d71ebd0a);
433
-
434
-
435
-
436
- var marker_888c23b79b5cf966d86994a043a5d698 = L.marker(
437
- [25.9431030599999, 49.4298345099999],
438
- {
439
- }
440
- ).addTo(map_77c3fcf354158789d3d29c77d71ebd0a);
441
-
442
-
443
- var icon_af47ed4d52bd76ffd1768430107e8552 = L.AwesomeMarkers.icon(
444
- {
445
- "markerColor": "darkred",
446
- "iconColor": "white",
447
- "icon": "info-sign",
448
- "prefix": "glyphicon",
449
- "extraClasses": "fa-rotate-0",
450
- }
451
- );
452
-
453
-
454
- var popup_c413505a5352c695db1dbf6463b86297 = L.popup({
455
- "maxWidth": 320,
456
- });
457
-
458
-
459
-
460
- var html_ef7fc3df0fab6d3479695874994f1b2c = $(`<div id="html_ef7fc3df0fab6d3479695874994f1b2c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية مشاعل سعد بن حضرم الهاجري للوجبات السريعة</b><br> السجل التجاري: 2258100194<br> المنطقة: عين دار الجديده<br> الحارة: عين دار الجديده<br> <a href="https://www.google.com/maps?q=25.9431030599999,49.4298345099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
461
- popup_c413505a5352c695db1dbf6463b86297.setContent(html_ef7fc3df0fab6d3479695874994f1b2c);
462
-
463
-
464
-
465
- marker_888c23b79b5cf966d86994a043a5d698.bindPopup(popup_c413505a5352c695db1dbf6463b86297)
466
- ;
467
-
468
-
469
-
470
-
471
- marker_888c23b79b5cf966d86994a043a5d698.bindTooltip(
472
- `<div>
473
- بوفية مشاعل سعد بن حضرم الهاجري للوجبات السريعة
474
- </div>`,
475
- {
476
- "sticky": true,
477
- }
478
- );
479
-
480
-
481
- marker_888c23b79b5cf966d86994a043a5d698.setIcon(icon_af47ed4d52bd76ffd1768430107e8552);
482
-
483
-
484
- map_77c3fcf354158789d3d29c77d71ebd0a.fitBounds(
485
- [[25.9431030599999, 49.4298345099999]],
486
- {"padding": [30, 30]}
487
- );
488
-
489
-
490
- var layer_control_a297698ee11d263602d40b4d8e82b729_layers = {
491
- base_layers : {
492
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_6f7d6e64b346ea2dfb99b9da038f4e95,
493
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_5de1194b65799acb45c8cd4f16d57fe3,
494
- },
495
- overlays : {
496
- },
497
- };
498
- let layer_control_a297698ee11d263602d40b4d8e82b729 = L.control.layers(
499
- layer_control_a297698ee11d263602d40b4d8e82b729_layers.base_layers,
500
- layer_control_a297698ee11d263602d40b4d8e82b729_layers.overlays,
501
- {
502
- "position": "topright",
503
- "collapsed": false,
504
- "autoZIndex": true,
505
- }
506
- ).addTo(map_77c3fcf354158789d3d29c77d71ebd0a);
507
-
508
-
509
- </script>
510
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/37.html DELETED
@@ -1,720 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_4fd6277a223c0869b43721991c3687b6 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">عائشه سليمان بن نايف الحربي - 37</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 5<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>الدانة</b>: 2 | <b>الضباب</b>: 1 | <b>طيبة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الدانة</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الضباب</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">طيبة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الصفاة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_4fd6277a223c0869b43721991c3687b6;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مكتب وسام الجبيل الفضي للخدمات العقاريه", "lat": 27.01371543, "lon": 49.62045434, "markerVar": "marker_c7897c30b1633082b37b7e62c719850c"}, {"title": "شركة الخنيني للسفر و السياحة شركة شخص واحد", "lat": 27.0127390699999, "lon": 49.65420935, "markerVar": "marker_6cf19210cd3e4962f3dda345d8cb1a15"}, {"title": "شركة لؤلؤة ذهبية لتقديم الوجبات", "lat": 27.0151278499999, "lon": 49.65427246, "markerVar": "marker_130f4a08a5fb0487036000180bf6114c"}, {"title": "مكتب مفتاح للخدمات العقارية", "lat": 26.9873409204946, "lon": 49.6569539230167, "markerVar": "marker_9f8377f2d2e2e3e057eda125aa23030b"}, {"title": "شركة الشمس والقمر للخدمات اللوجستية شخص واحد", "lat": 27.0048490299999, "lon": 49.65660166, "markerVar": "marker_9e5dd74239bc5e53c986de640865dbb6"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "��")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_4fd6277a223c0869b43721991c3687b6" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_4fd6277a223c0869b43721991c3687b6 = L.map(
390
- "map_4fd6277a223c0869b43721991c3687b6",
391
- {
392
- center: [27.006754460098858, 49.64849834660335],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_4fd6277a223c0869b43721991c3687b6);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_ebf5daee499ff54562de421dd0c67f3c = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_ebf5daee499ff54562de421dd0c67f3c.addTo(map_4fd6277a223c0869b43721991c3687b6);
426
-
427
-
428
- var tile_layer_0576ac11d1ac6a432fe4cc69a6791781 = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_0576ac11d1ac6a432fe4cc69a6791781.addTo(map_4fd6277a223c0869b43721991c3687b6);
446
-
447
-
448
- var locate_control_ed548ac36755959f28c2efd0565695d5 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
451
-
452
-
453
-
454
- var marker_c7897c30b1633082b37b7e62c719850c = L.marker(
455
- [27.01371543, 49.62045434],
456
- {
457
- }
458
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
459
-
460
-
461
- var icon_0e86f4d2cf85e9cb454ed390ce9838c4 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "darkred",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_ddad9978659a67c22600fb392f080284 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_9e46486da98bacbcc32b7c75af07fc43 = $(`<div id="html_9e46486da98bacbcc32b7c75af07fc43" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب وسام الجبيل الفضي للخدمات العقاريه</b><br> السجل التجاري: 2055019459<br> المنطقة: الجبيل<br> الحارة: الضباب<br> <a href="https://www.google.com/maps?q=27.01371543,49.62045434" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_ddad9978659a67c22600fb392f080284.setContent(html_9e46486da98bacbcc32b7c75af07fc43);
480
-
481
-
482
-
483
- marker_c7897c30b1633082b37b7e62c719850c.bindPopup(popup_ddad9978659a67c22600fb392f080284)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_c7897c30b1633082b37b7e62c719850c.bindTooltip(
490
- `<div>
491
- مكتب وسام الجبيل الفضي للخدمات العقاريه
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_c7897c30b1633082b37b7e62c719850c.setIcon(icon_0e86f4d2cf85e9cb454ed390ce9838c4);
500
-
501
-
502
- var marker_6cf19210cd3e4962f3dda345d8cb1a15 = L.marker(
503
- [27.0127390699999, 49.65420935],
504
- {
505
- }
506
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
507
-
508
-
509
- var icon_a502069681bd7a5c9347ea19a9c9eb17 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "darkred",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_08c9559f6ec36808e811d9225a9c0240 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_463c9d40a8404b1017b9bf9757e2bae3 = $(`<div id="html_463c9d40a8404b1017b9bf9757e2bae3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الخنيني للسفر و السياحة شركة شخص واحد</b><br> السجل التجاري: 2055003790<br> المنطقة: الجبيل<br> الحارة: الدانة<br> <a href="https://www.google.com/maps?q=27.0127390699999,49.65420935" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_08c9559f6ec36808e811d9225a9c0240.setContent(html_463c9d40a8404b1017b9bf9757e2bae3);
528
-
529
-
530
-
531
- marker_6cf19210cd3e4962f3dda345d8cb1a15.bindPopup(popup_08c9559f6ec36808e811d9225a9c0240)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_6cf19210cd3e4962f3dda345d8cb1a15.bindTooltip(
538
- `<div>
539
- شركة الخنيني للسفر و السياحة شركة شخص واحد
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_6cf19210cd3e4962f3dda345d8cb1a15.setIcon(icon_a502069681bd7a5c9347ea19a9c9eb17);
548
-
549
-
550
- var marker_130f4a08a5fb0487036000180bf6114c = L.marker(
551
- [27.0151278499999, 49.65427246],
552
- {
553
- }
554
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
555
-
556
-
557
- var icon_610dd82da5c9df95fc82b8e2c8b1fdff = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "darkred",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_81d828262bbae18cd347c40682e4d6c7 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_2787f59f11c8374a5fc0da8de58474d0 = $(`<div id="html_2787f59f11c8374a5fc0da8de58474d0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة لؤلؤة ذهبية لتقديم الوجبات</b><br> السجل التجاري: 2050165078<br> المنطقة: الجبيل<br> الحارة: الدانة<br> <a href="https://www.google.com/maps?q=27.0151278499999,49.65427246" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_81d828262bbae18cd347c40682e4d6c7.setContent(html_2787f59f11c8374a5fc0da8de58474d0);
576
-
577
-
578
-
579
- marker_130f4a08a5fb0487036000180bf6114c.bindPopup(popup_81d828262bbae18cd347c40682e4d6c7)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_130f4a08a5fb0487036000180bf6114c.bindTooltip(
586
- `<div>
587
- شركة لؤلؤة ذهبية لتقديم الوجبات
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_130f4a08a5fb0487036000180bf6114c.setIcon(icon_610dd82da5c9df95fc82b8e2c8b1fdff);
596
-
597
-
598
- var marker_9f8377f2d2e2e3e057eda125aa23030b = L.marker(
599
- [26.9873409204946, 49.6569539230167],
600
- {
601
- }
602
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
603
-
604
-
605
- var icon_ee029effc41713ff6f5c7a9878da72d1 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "pink",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_43373c2f53d1ef35081d69a8395bdedd = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_4a841a903e68f6209c8b345fa05f75ff = $(`<div id="html_4a841a903e68f6209c8b345fa05f75ff" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب مفتاح للخدمات العقارية</b><br> السجل التجاري: 2055125977<br> المنطقة: الجبيل<br> الحارة: طيبة<br> <a href="https://www.google.com/maps?q=26.9873409204946,49.6569539230167" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_43373c2f53d1ef35081d69a8395bdedd.setContent(html_4a841a903e68f6209c8b345fa05f75ff);
624
-
625
-
626
-
627
- marker_9f8377f2d2e2e3e057eda125aa23030b.bindPopup(popup_43373c2f53d1ef35081d69a8395bdedd)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_9f8377f2d2e2e3e057eda125aa23030b.bindTooltip(
634
- `<div>
635
- مكتب مفتاح للخدمات العقارية
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_9f8377f2d2e2e3e057eda125aa23030b.setIcon(icon_ee029effc41713ff6f5c7a9878da72d1);
644
-
645
-
646
- var marker_9e5dd74239bc5e53c986de640865dbb6 = L.marker(
647
- [27.0048490299999, 49.65660166],
648
- {
649
- }
650
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
651
-
652
-
653
- var icon_c0ed7f02faa92c3db24bc706dc70797a = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "darkgreen",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_942948fd7fb00600999aa5e7e6a91b1e = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_88ff68b409a079f5863c460f995eb39f = $(`<div id="html_88ff68b409a079f5863c460f995eb39f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الشمس والقمر للخدمات اللوجستية شخص واحد</b><br> السجل التجاري: 2055136238<br> المنطقة: الجبيل<br> الحارة: الصفاة<br> <a href="https://www.google.com/maps?q=27.0048490299999,49.65660166" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_942948fd7fb00600999aa5e7e6a91b1e.setContent(html_88ff68b409a079f5863c460f995eb39f);
672
-
673
-
674
-
675
- marker_9e5dd74239bc5e53c986de640865dbb6.bindPopup(popup_942948fd7fb00600999aa5e7e6a91b1e)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_9e5dd74239bc5e53c986de640865dbb6.bindTooltip(
682
- `<div>
683
- شركة الشمس والقمر للخدمات اللوجستية شخص واحد
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_9e5dd74239bc5e53c986de640865dbb6.setIcon(icon_c0ed7f02faa92c3db24bc706dc70797a);
692
-
693
-
694
- map_4fd6277a223c0869b43721991c3687b6.fitBounds(
695
- [[27.01371543, 49.62045434], [27.0127390699999, 49.65420935], [27.0151278499999, 49.65427246], [26.9873409204946, 49.6569539230167], [27.0048490299999, 49.65660166]],
696
- {"padding": [30, 30]}
697
- );
698
-
699
-
700
- var layer_control_86d73da0946daf572c730e6b431eeb11_layers = {
701
- base_layers : {
702
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_ebf5daee499ff54562de421dd0c67f3c,
703
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_0576ac11d1ac6a432fe4cc69a6791781,
704
- },
705
- overlays : {
706
- },
707
- };
708
- let layer_control_86d73da0946daf572c730e6b431eeb11 = L.control.layers(
709
- layer_control_86d73da0946daf572c730e6b431eeb11_layers.base_layers,
710
- layer_control_86d73da0946daf572c730e6b431eeb11_layers.overlays,
711
- {
712
- "position": "topright",
713
- "collapsed": false,
714
- "autoZIndex": true,
715
- }
716
- ).addTo(map_4fd6277a223c0869b43721991c3687b6);
717
-
718
-
719
- </script>
720
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/38.html DELETED
@@ -1,726 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_58daff6e82b928fbc3e6e754553e2750 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">روان سعود بن مرشد الرحيلي - 38</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 5<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>الروضة</b>: 1 | <b>الحمراء</b>: 1 | <b>جلمودة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الروضة</span>
149
- <span style="font-size:12px;color:#666;">(1)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحمراء</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">جلمودة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">القدس</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">سدير الشمالي</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_58daff6e82b928fbc3e6e754553e2750;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "شركة مطاعم درة البخاري لتقديم الوجبات", "lat": 26.95977994, "lon": 49.6654253299999, "markerVar": "marker_9607b25a49e179a76854a31d160fbf33"}, {"title": "بوفية اطايب أكرم لتقديم الوجبات", "lat": 26.93196916, "lon": 49.7203308799999, "markerVar": "marker_5a645b41aa7faf613d45e21fe963ba80"}, {"title": "مؤسسة صوت الشرقية للنشر الالكتروني", "lat": 27.1753314577408, "lon": 49.538417557925, "markerVar": "marker_e9a1cda94fba2fe8b5b799392a99da92"}, {"title": "مؤسسة فهد عبدالله الهلال للرحلات البحرية", "lat": 27.1295455154972, "lon": 49.5443947445318, "markerVar": "marker_bf642cf9e54a9df61978c9cfa0a6ff3e"}, {"title": "فندق ورويك للفنادق", "lat": 27.1477137599999, "lon": 49.5661522999999, "markerVar": "marker_6baa729f120b320ed597fa327378ee40"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_58daff6e82b928fbc3e6e754553e2750" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_58daff6e82b928fbc3e6e754553e2750 = L.map(
396
- "map_58daff6e82b928fbc3e6e754553e2750",
397
- {
398
- center: [27.068867966647577, 49.6069441624913],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_58daff6e82b928fbc3e6e754553e2750);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_ff4bdd327604b13b91941b07f8adf6ea = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_ff4bdd327604b13b91941b07f8adf6ea.addTo(map_58daff6e82b928fbc3e6e754553e2750);
432
-
433
-
434
- var tile_layer_20d4bdf42c554cf3ddc2c5aa973f1a6b = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_20d4bdf42c554cf3ddc2c5aa973f1a6b.addTo(map_58daff6e82b928fbc3e6e754553e2750);
452
-
453
-
454
- var locate_control_86fbc6df066ea14f7ba1d2ec43d517d7 = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
457
-
458
-
459
-
460
- var marker_9607b25a49e179a76854a31d160fbf33 = L.marker(
461
- [26.95977994, 49.6654253299999],
462
- {
463
- }
464
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
465
-
466
-
467
- var icon_878176320e782eb5a2ab2024c2e4ed4c = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "darkred",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_51f8f3be513b2e7aa7d10f7f9b414c09 = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_d89d59e2a087cb3dc71b70970a7940df = $(`<div id="html_d89d59e2a087cb3dc71b70970a7940df" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة مطاعم درة البخاري لتقديم الوجبات</b><br> السجل التجاري: 2055022760<br> المنطقة: الجبيل<br> الحارة: الروضة<br> <a href="https://www.google.com/maps?q=26.95977994,49.6654253299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_51f8f3be513b2e7aa7d10f7f9b414c09.setContent(html_d89d59e2a087cb3dc71b70970a7940df);
486
-
487
-
488
-
489
- marker_9607b25a49e179a76854a31d160fbf33.bindPopup(popup_51f8f3be513b2e7aa7d10f7f9b414c09)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_9607b25a49e179a76854a31d160fbf33.bindTooltip(
496
- `<div>
497
- شركة مطاعم درة البخاري لتقديم الوجبات
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_9607b25a49e179a76854a31d160fbf33.setIcon(icon_878176320e782eb5a2ab2024c2e4ed4c);
506
-
507
-
508
- var marker_5a645b41aa7faf613d45e21fe963ba80 = L.marker(
509
- [26.93196916, 49.7203308799999],
510
- {
511
- }
512
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
513
-
514
-
515
- var icon_3bc744bd967e747da0725efa45d471dc = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "green",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_c33b60f4548f68cd0da3ee344f525e93 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_098a61048f67885ff5b18fd5c41fe4f4 = $(`<div id="html_098a61048f67885ff5b18fd5c41fe4f4" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية اطايب أكرم لتقديم الوجبات</b><br> السجل التجاري: 3450175077<br> المنطقة: الجبيل<br> الحارة: الحمراء<br> <a href="https://www.google.com/maps?q=26.93196916,49.7203308799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_c33b60f4548f68cd0da3ee344f525e93.setContent(html_098a61048f67885ff5b18fd5c41fe4f4);
534
-
535
-
536
-
537
- marker_5a645b41aa7faf613d45e21fe963ba80.bindPopup(popup_c33b60f4548f68cd0da3ee344f525e93)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_5a645b41aa7faf613d45e21fe963ba80.bindTooltip(
544
- `<div>
545
- بوفية اطايب أكرم لتقديم الوجبات
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_5a645b41aa7faf613d45e21fe963ba80.setIcon(icon_3bc744bd967e747da0725efa45d471dc);
554
-
555
-
556
- var marker_e9a1cda94fba2fe8b5b799392a99da92 = L.marker(
557
- [27.1753314577408, 49.538417557925],
558
- {
559
- }
560
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
561
-
562
-
563
- var icon_49e7745542c2a11e4bc6cfb34795dbf6 = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "black",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_9398de1a0b32e205ab0bbd951b7154eb = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_0623b0796ad666e1be02f4ea5a32ba3d = $(`<div id="html_0623b0796ad666e1be02f4ea5a32ba3d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة صوت الشرقية للنشر الالكتروني</b><br> السجل التجاري: 2055126585<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: جلمودة<br> <a href="https://www.google.com/maps?q=27.1753314577408,49.538417557925" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_9398de1a0b32e205ab0bbd951b7154eb.setContent(html_0623b0796ad666e1be02f4ea5a32ba3d);
582
-
583
-
584
-
585
- marker_e9a1cda94fba2fe8b5b799392a99da92.bindPopup(popup_9398de1a0b32e205ab0bbd951b7154eb)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_e9a1cda94fba2fe8b5b799392a99da92.bindTooltip(
592
- `<div>
593
- مؤسسة صوت الشرقية للنشر الالكتروني
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_e9a1cda94fba2fe8b5b799392a99da92.setIcon(icon_49e7745542c2a11e4bc6cfb34795dbf6);
602
-
603
-
604
- var marker_bf642cf9e54a9df61978c9cfa0a6ff3e = L.marker(
605
- [27.1295455154972, 49.5443947445318],
606
- {
607
- }
608
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
609
-
610
-
611
- var icon_e7c30bcf35d2edfbb3dfbb29d635dffc = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "darkpurple",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_f430f28857e8048e1a22d94eca6aea2e = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_a5b25a41a35f956d5c2fc9988ab23e0f = $(`<div id="html_a5b25a41a35f956d5c2fc9988ab23e0f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فهد عبدالله الهلال للرحلات البحرية</b><br> السجل التجاري: 2055016185<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: القدس<br> <a href="https://www.google.com/maps?q=27.1295455154972,49.5443947445318" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_f430f28857e8048e1a22d94eca6aea2e.setContent(html_a5b25a41a35f956d5c2fc9988ab23e0f);
630
-
631
-
632
-
633
- marker_bf642cf9e54a9df61978c9cfa0a6ff3e.bindPopup(popup_f430f28857e8048e1a22d94eca6aea2e)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_bf642cf9e54a9df61978c9cfa0a6ff3e.bindTooltip(
640
- `<div>
641
- مؤسسة فهد عبدالله الهلال للرحلات البحرية
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_bf642cf9e54a9df61978c9cfa0a6ff3e.setIcon(icon_e7c30bcf35d2edfbb3dfbb29d635dffc);
650
-
651
-
652
- var marker_6baa729f120b320ed597fa327378ee40 = L.marker(
653
- [27.1477137599999, 49.5661522999999],
654
- {
655
- }
656
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
657
-
658
-
659
- var icon_04996c84fa4c370c25dc133624bdf3e8 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "purple",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_4b3913b00877901aa72e32947f5f8505 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_bd3de9cdeff6eac652de5e0031a16738 = $(`<div id="html_bd3de9cdeff6eac652de5e0031a16738" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>فندق ورويك للفنادق</b><br> السجل التجاري: 2055131632<br> المنطقة: مدينه الجبيل الصناعيه<br> الحارة: سدير الشمالي<br> <a href="https://www.google.com/maps?q=27.1477137599999,49.5661522999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_4b3913b00877901aa72e32947f5f8505.setContent(html_bd3de9cdeff6eac652de5e0031a16738);
678
-
679
-
680
-
681
- marker_6baa729f120b320ed597fa327378ee40.bindPopup(popup_4b3913b00877901aa72e32947f5f8505)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_6baa729f120b320ed597fa327378ee40.bindTooltip(
688
- `<div>
689
- فندق ورويك للفنادق
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_6baa729f120b320ed597fa327378ee40.setIcon(icon_04996c84fa4c370c25dc133624bdf3e8);
698
-
699
-
700
- map_58daff6e82b928fbc3e6e754553e2750.fitBounds(
701
- [[26.95977994, 49.6654253299999], [26.93196916, 49.7203308799999], [27.1753314577408, 49.538417557925], [27.1295455154972, 49.5443947445318], [27.1477137599999, 49.5661522999999]],
702
- {"padding": [30, 30]}
703
- );
704
-
705
-
706
- var layer_control_c435e92a86172ead673956a85b3eac4d_layers = {
707
- base_layers : {
708
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_ff4bdd327604b13b91941b07f8adf6ea,
709
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_20d4bdf42c554cf3ddc2c5aa973f1a6b,
710
- },
711
- overlays : {
712
- },
713
- };
714
- let layer_control_c435e92a86172ead673956a85b3eac4d = L.control.layers(
715
- layer_control_c435e92a86172ead673956a85b3eac4d_layers.base_layers,
716
- layer_control_c435e92a86172ead673956a85b3eac4d_layers.overlays,
717
- {
718
- "position": "topright",
719
- "collapsed": false,
720
- "autoZIndex": true,
721
- }
722
- ).addTo(map_58daff6e82b928fbc3e6e754553e2750);
723
-
724
-
725
- </script>
726
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/39.html DELETED
@@ -1,822 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_cd68e66627abbffd9779f04d49535ae8 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">باقر عبدالله بن هاشم الهاشم - 39</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 7<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>اسكان الكلابيه</b>: 2 | <b>الكلابية</b>: 2 | <b>العيون</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">اسكان الكلابيه</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الكلابية</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العيون</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحليلة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الجبيل</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_cd68e66627abbffd9779f04d49535ae8;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "مؤسسة الهاتف السري للاتصالات", "lat": 25.4523444999999, "lon": 49.6431251899999, "markerVar": "marker_f57bb5a70d8607395e20b9bf62f01abc"}, {"title": "مؤسسة مشعل للتخليص الجمركي", "lat": 25.4479588588725, "lon": 49.6449212125768, "markerVar": "marker_339825fcf80ad171d4bb4ea79e52b84f"}, {"title": "مطعم معجنات حكاية لتقديم الوجبات", "lat": 25.60695772, "lon": 49.5642815699999, "markerVar": "marker_183a73e1860ad8fc78aa9965139f2454"}, {"title": "مطعم المذاق المفضل لتقديم الوجبات", "lat": 25.43440739, "lon": 49.64458004, "markerVar": "marker_0dc2f110331fc1ee2e4afc272c2af857"}, {"title": "مكتب ميثم للخدمات العقارية", "lat": 25.4366957599999, "lon": 49.65979491, "markerVar": "marker_2e886d9a59c4c34bb0cb26c5509d4db7"}, {"title": "مؤسسة ركن نوفي للاتصالات", "lat": 25.43537036, "lon": 49.66785524, "markerVar": "marker_4930b642c3aa020d259bb99885a56aff"}, {"title": "محل عالم المثلجات لبيع المثلجات", "lat": 25.40790295, "lon": 49.66181745, "markerVar": "marker_abb7db03dc490e4913e505406f365f73"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_cd68e66627abbffd9779f04d49535ae8" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_cd68e66627abbffd9779f04d49535ae8 = L.map(
396
- "map_cd68e66627abbffd9779f04d49535ae8",
397
- {
398
- center: [25.460233934124613, 49.64091080179666],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_cd68e66627abbffd9779f04d49535ae8);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_3b75e7722585ae23b2a735ebf091a8ad = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_3b75e7722585ae23b2a735ebf091a8ad.addTo(map_cd68e66627abbffd9779f04d49535ae8);
432
-
433
-
434
- var tile_layer_7b867b7cdbe17c7d61554bf237114f57 = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_7b867b7cdbe17c7d61554bf237114f57.addTo(map_cd68e66627abbffd9779f04d49535ae8);
452
-
453
-
454
- var locate_control_d57744eaf38caa16579609b90f2be597 = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
457
-
458
-
459
-
460
- var marker_f57bb5a70d8607395e20b9bf62f01abc = L.marker(
461
- [25.4523444999999, 49.6431251899999],
462
- {
463
- }
464
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
465
-
466
-
467
- var icon_8cc9b7d1c307498d47fdd7074f6de09e = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "blue",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_acfa8567d740fd42e3abc12f72403aa8 = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_112f6cf66f6c42d5d22edce10f81d483 = $(`<div id="html_112f6cf66f6c42d5d22edce10f81d483" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الهاتف السري للاتصالات</b><br> السجل التجاري: 2250376059<br> المنطقة: اسكان الكلابيه<br> الحارة: اسكان الكلابيه<br> <a href="https://www.google.com/maps?q=25.4523444999999,49.6431251899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_acfa8567d740fd42e3abc12f72403aa8.setContent(html_112f6cf66f6c42d5d22edce10f81d483);
486
-
487
-
488
-
489
- marker_f57bb5a70d8607395e20b9bf62f01abc.bindPopup(popup_acfa8567d740fd42e3abc12f72403aa8)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_f57bb5a70d8607395e20b9bf62f01abc.bindTooltip(
496
- `<div>
497
- مؤسسة الهاتف السري للاتصالات
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_f57bb5a70d8607395e20b9bf62f01abc.setIcon(icon_8cc9b7d1c307498d47fdd7074f6de09e);
506
-
507
-
508
- var marker_339825fcf80ad171d4bb4ea79e52b84f = L.marker(
509
- [25.4479588588725, 49.6449212125768],
510
- {
511
- }
512
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
513
-
514
-
515
- var icon_0463976d3b698cfce2fb8d1824fbd8a7 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "blue",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_6ff50d16dcfa517ad9794aaaa5f2a8a4 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_cec2a49a269a43864cd653ce0d94ec87 = $(`<div id="html_cec2a49a269a43864cd653ce0d94ec87" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مشعل للتخليص الجمركي</b><br> السجل التجاري: 2031104208<br> المنطقة: اسكان الكلابيه<br> الحارة: اسكان الكلابيه<br> <a href="https://www.google.com/maps?q=25.4479588588725,49.6449212125768" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_6ff50d16dcfa517ad9794aaaa5f2a8a4.setContent(html_cec2a49a269a43864cd653ce0d94ec87);
534
-
535
-
536
-
537
- marker_339825fcf80ad171d4bb4ea79e52b84f.bindPopup(popup_6ff50d16dcfa517ad9794aaaa5f2a8a4)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_339825fcf80ad171d4bb4ea79e52b84f.bindTooltip(
544
- `<div>
545
- مؤسسة مشعل للتخليص الجمركي
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_339825fcf80ad171d4bb4ea79e52b84f.setIcon(icon_0463976d3b698cfce2fb8d1824fbd8a7);
554
-
555
-
556
- var marker_183a73e1860ad8fc78aa9965139f2454 = L.marker(
557
- [25.60695772, 49.5642815699999],
558
- {
559
- }
560
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
561
-
562
-
563
- var icon_cd45e0ec391fa39c2aaf82591062fa5a = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "purple",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_d362677bf2263f7ae031520c478728bc = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_ee628c7a7703db3f49e11a855f55a779 = $(`<div id="html_ee628c7a7703db3f49e11a855f55a779" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم معجنات حكاية لتقديم الوجبات</b><br> السجل التجاري: 2257107499<br> المنطقة: العيون<br> الحارة: العيون<br> <a href="https://www.google.com/maps?q=25.60695772,49.5642815699999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_d362677bf2263f7ae031520c478728bc.setContent(html_ee628c7a7703db3f49e11a855f55a779);
582
-
583
-
584
-
585
- marker_183a73e1860ad8fc78aa9965139f2454.bindPopup(popup_d362677bf2263f7ae031520c478728bc)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_183a73e1860ad8fc78aa9965139f2454.bindTooltip(
592
- `<div>
593
- مطعم معجنات حكاية لتقديم الوجبات
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_183a73e1860ad8fc78aa9965139f2454.setIcon(icon_cd45e0ec391fa39c2aaf82591062fa5a);
602
-
603
-
604
- var marker_0dc2f110331fc1ee2e4afc272c2af857 = L.marker(
605
- [25.43440739, 49.64458004],
606
- {
607
- }
608
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
609
-
610
-
611
- var icon_4bd28a776e954ac2a3412fa9fb6bce92 = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "blue",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_86324969571c39d1f45ce0b8e6e77627 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_aaf69195b1868a258209828578553767 = $(`<div id="html_aaf69195b1868a258209828578553767" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم المذاق المفضل لتقديم الوجبات</b><br> السجل التجاري: 2250160374<br> المنطقة: الكلابيه<br> الحارة: الكلابية<br> <a href="https://www.google.com/maps?q=25.43440739,49.64458004" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_86324969571c39d1f45ce0b8e6e77627.setContent(html_aaf69195b1868a258209828578553767);
630
-
631
-
632
-
633
- marker_0dc2f110331fc1ee2e4afc272c2af857.bindPopup(popup_86324969571c39d1f45ce0b8e6e77627)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_0dc2f110331fc1ee2e4afc272c2af857.bindTooltip(
640
- `<div>
641
- مطعم المذاق المفضل لتقديم الوجبات
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_0dc2f110331fc1ee2e4afc272c2af857.setIcon(icon_4bd28a776e954ac2a3412fa9fb6bce92);
650
-
651
-
652
- var marker_2e886d9a59c4c34bb0cb26c5509d4db7 = L.marker(
653
- [25.4366957599999, 49.65979491],
654
- {
655
- }
656
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
657
-
658
-
659
- var icon_c45926e2afa88a6a29cde2366c103a17 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "blue",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_77c6c6c33ba0f4f7c2525e16003944e2 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_1b1451be39cd5b476c5a94eed4cedd39 = $(`<div id="html_1b1451be39cd5b476c5a94eed4cedd39" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب ميثم للخدمات العقارية</b><br> السجل التجاري: 2250038431<br> المنطقة: الكلابيه<br> الحارة: الكلابي��<br> <a href="https://www.google.com/maps?q=25.4366957599999,49.65979491" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_77c6c6c33ba0f4f7c2525e16003944e2.setContent(html_1b1451be39cd5b476c5a94eed4cedd39);
678
-
679
-
680
-
681
- marker_2e886d9a59c4c34bb0cb26c5509d4db7.bindPopup(popup_77c6c6c33ba0f4f7c2525e16003944e2)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_2e886d9a59c4c34bb0cb26c5509d4db7.bindTooltip(
688
- `<div>
689
- مكتب ميثم للخدمات العقارية
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_2e886d9a59c4c34bb0cb26c5509d4db7.setIcon(icon_c45926e2afa88a6a29cde2366c103a17);
698
-
699
-
700
- var marker_4930b642c3aa020d259bb99885a56aff = L.marker(
701
- [25.43537036, 49.66785524],
702
- {
703
- }
704
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
705
-
706
-
707
- var icon_e824736b80559974b6e1cde5c2d7a6ca = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "lightgreen",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_fffb05b64f4b001153b5c6ddcf0f049f = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_2c6ad8d159340b87b0687dc5a7992bda = $(`<div id="html_2c6ad8d159340b87b0687dc5a7992bda" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ركن نوفي للاتصالات</b><br> السجل التجاري: 2031105888<br> المنطقة: الحليله<br> الحارة: الحليلة<br> <a href="https://www.google.com/maps?q=25.43537036,49.66785524" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_fffb05b64f4b001153b5c6ddcf0f049f.setContent(html_2c6ad8d159340b87b0687dc5a7992bda);
726
-
727
-
728
-
729
- marker_4930b642c3aa020d259bb99885a56aff.bindPopup(popup_fffb05b64f4b001153b5c6ddcf0f049f)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_4930b642c3aa020d259bb99885a56aff.bindTooltip(
736
- `<div>
737
- مؤسسة ركن نوفي للاتصالات
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_4930b642c3aa020d259bb99885a56aff.setIcon(icon_e824736b80559974b6e1cde5c2d7a6ca);
746
-
747
-
748
- var marker_abb7db03dc490e4913e505406f365f73 = L.marker(
749
- [25.40790295, 49.66181745],
750
- {
751
- }
752
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
753
-
754
-
755
- var icon_6b0a9849d8cf5dced70e01d964f59945 = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "darkgreen",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_a6c1aa9beb10a055eeeee04ccde1b378 = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_aa824365fff7d779ddef65eaaa4f9b80 = $(`<div id="html_aa824365fff7d779ddef65eaaa4f9b80" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>محل عالم المثلجات لبيع المثلجات</b><br> السجل التجاري: 2031106709<br> المنطقة: الجبيل<br> الحارة: الجبيل<br> <a href="https://www.google.com/maps?q=25.40790295,49.66181745" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_a6c1aa9beb10a055eeeee04ccde1b378.setContent(html_aa824365fff7d779ddef65eaaa4f9b80);
774
-
775
-
776
-
777
- marker_abb7db03dc490e4913e505406f365f73.bindPopup(popup_a6c1aa9beb10a055eeeee04ccde1b378)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_abb7db03dc490e4913e505406f365f73.bindTooltip(
784
- `<div>
785
- محل عالم المثلجات لبيع المثلجات
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_abb7db03dc490e4913e505406f365f73.setIcon(icon_6b0a9849d8cf5dced70e01d964f59945);
794
-
795
-
796
- map_cd68e66627abbffd9779f04d49535ae8.fitBounds(
797
- [[25.4523444999999, 49.6431251899999], [25.4479588588725, 49.6449212125768], [25.60695772, 49.5642815699999], [25.43440739, 49.64458004], [25.4366957599999, 49.65979491], [25.43537036, 49.66785524], [25.40790295, 49.66181745]],
798
- {"padding": [30, 30]}
799
- );
800
-
801
-
802
- var layer_control_ee020d6c9434683dad0063f7d81d8bfe_layers = {
803
- base_layers : {
804
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_3b75e7722585ae23b2a735ebf091a8ad,
805
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_7b867b7cdbe17c7d61554bf237114f57,
806
- },
807
- overlays : {
808
- },
809
- };
810
- let layer_control_ee020d6c9434683dad0063f7d81d8bfe = L.control.layers(
811
- layer_control_ee020d6c9434683dad0063f7d81d8bfe_layers.base_layers,
812
- layer_control_ee020d6c9434683dad0063f7d81d8bfe_layers.overlays,
813
- {
814
- "position": "topright",
815
- "collapsed": false,
816
- "autoZIndex": true,
817
- }
818
- ).addTo(map_cd68e66627abbffd9779f04d49535ae8);
819
-
820
-
821
- </script>
822
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/40.html DELETED
@@ -1,822 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_e058f904208f7b1633c76486b2c290ae {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">مصطفى احمد بن جمعه الرمضان - 40</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 7<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>المدينة المنورة</b>: 3 | <b>القارة</b>: 1 | <b>القرين</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المدينة المنورة</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">القارة</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">القرين</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">بلدة المنيزلة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">قباء</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_e058f904208f7b1633c76486b2c290ae;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "مركز الحياة السهلة ضيافة الأطفال الأهلية", "lat": 25.4117290199999, "lon": 49.68293014, "markerVar": "marker_d3d0e5d87205c51988722360aa281726"}, {"title": "مؤسسة برج الاتصال للاتصالات و تقنية المعلومات", "lat": 25.48100021, "lon": 49.5960535299999, "markerVar": "marker_5f564b840d6ff3fb809dd661f08250e2"}, {"title": "مكتب عبدالله عبدالكريم المبارك للخدمات العقارية", "lat": 25.3858951799999, "lon": 49.6729957499999, "markerVar": "marker_2b1af9ddd74108c3d8cc51df12ebe2ee"}, {"title": "مؤسسة عماد علي الحباره للتخليص الجمركي", "lat": 25.3772280467441, "lon": 49.6753528744011, "markerVar": "marker_d06027880692cd1f0da5f411663ef607"}, {"title": "مؤسسة الوسيط للتخليص الجمركي", "lat": 25.3772280467441, "lon": 49.6753528744011, "markerVar": "marker_2bcd90f9d219fdadfd8381130caca556"}, {"title": "مقهى حلى ديانا لتقديم المشروبات", "lat": 25.3823118699999, "lon": 49.6631063999999, "markerVar": "marker_99f561851f33965e7d02fa18cfd714b6"}, {"title": "مؤسسة علي صالح بن هاني الحميد للتخليص الجمركي", "lat": 25.3809011779073, "lon": 49.6590607885481, "markerVar": "marker_07727c2286e5bc3fb30ad6f641ad3aaf"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_e058f904208f7b1633c76486b2c290ae" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_e058f904208f7b1633c76486b2c290ae = L.map(
396
- "map_e058f904208f7b1633c76486b2c290ae",
397
- {
398
- center: [25.399470507342176, 49.66069319390714],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_e058f904208f7b1633c76486b2c290ae);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_c75048766c2c0d1d34c78c44c6f570c7 = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_c75048766c2c0d1d34c78c44c6f570c7.addTo(map_e058f904208f7b1633c76486b2c290ae);
432
-
433
-
434
- var tile_layer_73ecf912f6ace98859b16aff7db5f8ca = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_73ecf912f6ace98859b16aff7db5f8ca.addTo(map_e058f904208f7b1633c76486b2c290ae);
452
-
453
-
454
- var locate_control_d4b83f3b75ea5280298f9b0567e4eb27 = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
457
-
458
-
459
-
460
- var marker_d3d0e5d87205c51988722360aa281726 = L.marker(
461
- [25.4117290199999, 49.68293014],
462
- {
463
- }
464
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
465
-
466
-
467
- var icon_742e83fc55ee5e11e1bd68bc3419735a = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "green",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_d2239615b8bcc6fad615700c5fd0a0b7 = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_ac061c544aa4dbd6a066833d94278e36 = $(`<div id="html_ac061c544aa4dbd6a066833d94278e36" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مركز الحياة السهلة ضيافة الأطفال الأهلية</b><br> السجل التجاري: 2250375806<br> المنطقة: القاره<br> الحارة: القارة<br> <a href="https://www.google.com/maps?q=25.4117290199999,49.68293014" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_d2239615b8bcc6fad615700c5fd0a0b7.setContent(html_ac061c544aa4dbd6a066833d94278e36);
486
-
487
-
488
-
489
- marker_d3d0e5d87205c51988722360aa281726.bindPopup(popup_d2239615b8bcc6fad615700c5fd0a0b7)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_d3d0e5d87205c51988722360aa281726.bindTooltip(
496
- `<div>
497
- مركز الحياة السهلة ضيافة الأطفال الأهلية
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_d3d0e5d87205c51988722360aa281726.setIcon(icon_742e83fc55ee5e11e1bd68bc3419735a);
506
-
507
-
508
- var marker_5f564b840d6ff3fb809dd661f08250e2 = L.marker(
509
- [25.48100021, 49.5960535299999],
510
- {
511
- }
512
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
513
-
514
-
515
- var icon_e73f1fbf3c598b68ef6b5a4dcddea8d4 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "lightgray",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_997fcd3a89dd0d60a2f759ecd3a0c3d6 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_cb3a876cb200cdee51e419a6bc1400b3 = $(`<div id="html_cb3a876cb200cdee51e419a6bc1400b3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة برج الاتصال للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2250375016<br> المنطقة: القرين<br> الحارة: القرين<br> <a href="https://www.google.com/maps?q=25.48100021,49.5960535299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_997fcd3a89dd0d60a2f759ecd3a0c3d6.setContent(html_cb3a876cb200cdee51e419a6bc1400b3);
534
-
535
-
536
-
537
- marker_5f564b840d6ff3fb809dd661f08250e2.bindPopup(popup_997fcd3a89dd0d60a2f759ecd3a0c3d6)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_5f564b840d6ff3fb809dd661f08250e2.bindTooltip(
544
- `<div>
545
- مؤسسة برج الاتصال للاتصالات و تقنية المعلومات
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_5f564b840d6ff3fb809dd661f08250e2.setIcon(icon_e73f1fbf3c598b68ef6b5a4dcddea8d4);
554
-
555
-
556
- var marker_2b1af9ddd74108c3d8cc51df12ebe2ee = L.marker(
557
- [25.3858951799999, 49.6729957499999],
558
- {
559
- }
560
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
561
-
562
-
563
- var icon_275ed2524e1e2f1033d22f4f44f50555 = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "red",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_597d4ed5b925da3cdcc534578ac5ef87 = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_33aff1bcd0cae924f81dbd257e41051e = $(`<div id="html_33aff1bcd0cae924f81dbd257e41051e" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عبدالله عبدالكريم المبارك للخدمات العقارية</b><br> السجل التجاري: 2250039269<br> المنطقة: المنيزله<br> الحارة: بلدة المنيزلة<br> <a href="https://www.google.com/maps?q=25.3858951799999,49.6729957499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_597d4ed5b925da3cdcc534578ac5ef87.setContent(html_33aff1bcd0cae924f81dbd257e41051e);
582
-
583
-
584
-
585
- marker_2b1af9ddd74108c3d8cc51df12ebe2ee.bindPopup(popup_597d4ed5b925da3cdcc534578ac5ef87)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_2b1af9ddd74108c3d8cc51df12ebe2ee.bindTooltip(
592
- `<div>
593
- مكتب عبدالله عبدالكريم المبارك للخدمات العقارية
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_2b1af9ddd74108c3d8cc51df12ebe2ee.setIcon(icon_275ed2524e1e2f1033d22f4f44f50555);
602
-
603
-
604
- var marker_d06027880692cd1f0da5f411663ef607 = L.marker(
605
- [25.3772280467441, 49.6753528744011],
606
- {
607
- }
608
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
609
-
610
-
611
- var icon_fcfbcd444185f8893af5f630d19696be = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "orange",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_ca1c077d9c15bcba6552d0582c5a3042 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_5daffd3c7f04462fd877a9c1dda88451 = $(`<div id="html_5daffd3c7f04462fd877a9c1dda88451" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عماد علي الحباره للتخليص الجمركي</b><br> السجل التجاري: 2254059498<br> المنطقة: المنيزله<br> الحارة: المدينة المنورة<br> <a href="https://www.google.com/maps?q=25.3772280467441,49.6753528744011" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_ca1c077d9c15bcba6552d0582c5a3042.setContent(html_5daffd3c7f04462fd877a9c1dda88451);
630
-
631
-
632
-
633
- marker_d06027880692cd1f0da5f411663ef607.bindPopup(popup_ca1c077d9c15bcba6552d0582c5a3042)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_d06027880692cd1f0da5f411663ef607.bindTooltip(
640
- `<div>
641
- مؤسسة عماد علي الحباره للتخليص الجمركي
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_d06027880692cd1f0da5f411663ef607.setIcon(icon_fcfbcd444185f8893af5f630d19696be);
650
-
651
-
652
- var marker_2bcd90f9d219fdadfd8381130caca556 = L.marker(
653
- [25.3772280467441, 49.6753528744011],
654
- {
655
- }
656
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
657
-
658
-
659
- var icon_b50079299d30772bf55917ace451c920 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "orange",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_889cedc7119aaec86e4d878261acfe63 = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_6e58cac0b577aaad55a50f44375d40ce = $(`<div id="html_6e58cac0b577aaad55a50f44375d40ce" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة الوسيط للتخليص الجمركي</b><br> السجل التجاري: 2250059399<br> المنطقة: المنيزله<br> الحارة: المدينة المنورة<br> <a href="https://www.google.com/maps?q=25.3772280467441,49.6753528744011" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_889cedc7119aaec86e4d878261acfe63.setContent(html_6e58cac0b577aaad55a50f44375d40ce);
678
-
679
-
680
-
681
- marker_2bcd90f9d219fdadfd8381130caca556.bindPopup(popup_889cedc7119aaec86e4d878261acfe63)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_2bcd90f9d219fdadfd8381130caca556.bindTooltip(
688
- `<div>
689
- مؤسسة الوسيط للتخليص الجمركي
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_2bcd90f9d219fdadfd8381130caca556.setIcon(icon_b50079299d30772bf55917ace451c920);
698
-
699
-
700
- var marker_99f561851f33965e7d02fa18cfd714b6 = L.marker(
701
- [25.3823118699999, 49.6631063999999],
702
- {
703
- }
704
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
705
-
706
-
707
- var icon_019d7977a7e42f9042c62f8b5a54794c = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "orange",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_3a81141fbea39c38f86f58e7dcd3abd4 = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_1e11ac1490fb85045d02598500a41212 = $(`<div id="html_1e11ac1490fb85045d02598500a41212" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى حلى ديانا لتقديم المشروبات</b><br> السجل التجاري: 2031101734<br> المنطقة: المنيزله<br> الحارة: المدينة المنورة<br> <a href="https://www.google.com/maps?q=25.3823118699999,49.6631063999999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_3a81141fbea39c38f86f58e7dcd3abd4.setContent(html_1e11ac1490fb85045d02598500a41212);
726
-
727
-
728
-
729
- marker_99f561851f33965e7d02fa18cfd714b6.bindPopup(popup_3a81141fbea39c38f86f58e7dcd3abd4)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_99f561851f33965e7d02fa18cfd714b6.bindTooltip(
736
- `<div>
737
- مقهى حلى ديانا لتقديم المشروبات
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_99f561851f33965e7d02fa18cfd714b6.setIcon(icon_019d7977a7e42f9042c62f8b5a54794c);
746
-
747
-
748
- var marker_07727c2286e5bc3fb30ad6f641ad3aaf = L.marker(
749
- [25.3809011779073, 49.6590607885481],
750
- {
751
- }
752
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
753
-
754
-
755
- var icon_8357ce5b19ae695ece8c518587b820cf = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "darkred",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_f2f2cbafebfbc173ce0c8b37e9f1ab81 = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_4dd09cdd87684cd0ce2f89eae2981d97 = $(`<div id="html_4dd09cdd87684cd0ce2f89eae2981d97" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة علي صالح بن هاني الحميد للتخليص الجمركي</b><br> السجل التجاري: 2031105063<br> المنطقة: المنيزله<br> الحارة: قباء<br> <a href="https://www.google.com/maps?q=25.3809011779073,49.6590607885481" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_f2f2cbafebfbc173ce0c8b37e9f1ab81.setContent(html_4dd09cdd87684cd0ce2f89eae2981d97);
774
-
775
-
776
-
777
- marker_07727c2286e5bc3fb30ad6f641ad3aaf.bindPopup(popup_f2f2cbafebfbc173ce0c8b37e9f1ab81)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_07727c2286e5bc3fb30ad6f641ad3aaf.bindTooltip(
784
- `<div>
785
- مؤسسة علي صالح بن هاني الحميد للتخليص الجمركي
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_07727c2286e5bc3fb30ad6f641ad3aaf.setIcon(icon_8357ce5b19ae695ece8c518587b820cf);
794
-
795
-
796
- map_e058f904208f7b1633c76486b2c290ae.fitBounds(
797
- [[25.4117290199999, 49.68293014], [25.48100021, 49.5960535299999], [25.3858951799999, 49.6729957499999], [25.3772280467441, 49.6753528744011], [25.3772280467441, 49.6753528744011], [25.3823118699999, 49.6631063999999], [25.3809011779073, 49.6590607885481]],
798
- {"padding": [30, 30]}
799
- );
800
-
801
-
802
- var layer_control_86956bf9aa3886a2e6ae4ea31a8757a3_layers = {
803
- base_layers : {
804
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_c75048766c2c0d1d34c78c44c6f570c7,
805
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_73ecf912f6ace98859b16aff7db5f8ca,
806
- },
807
- overlays : {
808
- },
809
- };
810
- let layer_control_86956bf9aa3886a2e6ae4ea31a8757a3 = L.control.layers(
811
- layer_control_86956bf9aa3886a2e6ae4ea31a8757a3_layers.base_layers,
812
- layer_control_86956bf9aa3886a2e6ae4ea31a8757a3_layers.overlays,
813
- {
814
- "position": "topright",
815
- "collapsed": false,
816
- "autoZIndex": true,
817
- }
818
- ).addTo(map_e058f904208f7b1633c76486b2c290ae);
819
-
820
-
821
- </script>
822
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/41.html DELETED
@@ -1,876 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_2231fe5261151e815e3f3586b317adc7 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">حسن عادل بن حسين الوصيبعي - 41</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 8<br>
139
- <b>عدد الحارات:</b> 6<br>
140
- <b>الأكثر:</b> <b>الطرف</b>: 2 | <b>الغويبه</b>: 2 | <b>الشهارين</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الطرف</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الغويبه</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#ff6b6b;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الشهارين</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الساباط</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#fd7e14;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الباهيه</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">منطقة الغويبة الزراعية</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
-
182
- </div>
183
- </div>
184
- </div>
185
-
186
- <script>
187
- (function(){
188
- const box = document.getElementById('statsBox');
189
- const fab = document.getElementById('statsFab');
190
- const hide = document.getElementById('hideStats');
191
-
192
- hide.addEventListener('click', function(){
193
- box.style.display = 'none';
194
- fab.style.display = 'block';
195
- });
196
-
197
- fab.addEventListener('click', function(){
198
- box.style.display = 'block';
199
- fab.style.display = 'none';
200
- });
201
- })();
202
- </script>
203
-
204
-
205
- <style>
206
- .leaflet-control.est-search-control {
207
- background: rgba(255,255,255,0.92);
208
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
209
- border-radius: 14px;
210
- padding: 10px 10px;
211
- width: 320px;
212
- direction: rtl;
213
- font-family: Arial, sans-serif;
214
- }
215
- .est-search-control input {
216
- width: 100%;
217
- border: 1px solid rgba(0,0,0,0.15);
218
- border-radius: 10px;
219
- padding: 10px 12px;
220
- font-size: 13px;
221
- outline: none;
222
- }
223
- .est-search-meta {
224
- margin-top: 6px;
225
- font-size: 12px;
226
- color: #666;
227
- display:flex;
228
- justify-content:space-between;
229
- gap:8px;
230
- }
231
- .est-results {
232
- margin-top: 8px;
233
- max-height: 180px;
234
- overflow: auto;
235
- border-top: 1px solid rgba(0,0,0,0.08);
236
- padding-top: 6px;
237
- }
238
- .est-item {
239
- cursor: pointer;
240
- padding: 8px 10px;
241
- border-radius: 10px;
242
- font-size: 13px;
243
- line-height: 1.4;
244
- }
245
- .est-item:hover {
246
- background: rgba(0,0,0,0.06);
247
- }
248
- .est-badge {
249
- font-size: 12px;
250
- color: #333;
251
- }
252
- .est-clear {
253
- cursor:pointer;
254
- user-select:none;
255
- font-size:12px;
256
- color:#0b6efd;
257
- }
258
- </style>
259
-
260
- <script>
261
- (function(){
262
- const map = map_2231fe5261151e815e3f3586b317adc7;
263
- // items: list of objects (title, lat, lon, markerVar)
264
- const items = [{"title": "معهد جودة التميز للغات", "lat": 25.3796678699999, "lon": 49.7209313899999, "markerVar": "marker_eb208a9f7667c2f4ef77bb0db0c627e8"}, {"title": "مطاعم نعيمه محمد عيسى السلطان لتقديم الوجبات", "lat": 25.38943403, "lon": 49.65991429, "markerVar": "marker_1d24f55d19b156b709e4ee0f59da24bf"}, {"title": "بوفية المها حمد بن عايض المري للوجبات السريعة", "lat": 25.25768688, "lon": 49.68526714, "markerVar": "marker_e374ec1228e91c7b315124c9941db181"}, {"title": "بوفية الماس الوفاء للوجبات السريعة", "lat": 25.26140604, "lon": 49.69107417, "markerVar": "marker_8c38115b0996d8639c89a18ed6a88ca2"}, {"title": "شركة الأحساء للخرسانة الجاهزة", "lat": 25.25679341, "lon": 49.82451255, "markerVar": "marker_ed96ee92228459b98fc40634eee40ac3"}, {"title": "مكتب نواجز العقود العقاري", "lat": 25.3587184199999, "lon": 49.7364894199999, "markerVar": "marker_06704928babbdd0ce58748267e8f8363"}, {"title": "مؤسسة رنات للاتصالات", "lat": 25.3616971999999, "lon": 49.72272352, "markerVar": "marker_48249ce1491e0719f9b534366942991f"}, {"title": "شركة مصنع نضيد البركة للتمور", "lat": 25.3443611599999, "lon": 49.6311165099999, "markerVar": "marker_ffe8387d4d57ceb63279f738283563be"}];
265
-
266
- function norm(s){
267
- if(!s) return "";
268
- s = (""+s).toLowerCase();
269
-
270
- // إزالة التشكيل
271
- s = s.replace(/[\u064B-\u065F]/g, "");
272
- // تطبيع عربي
273
- s = s.replace(/[إأآا]/g, "ا")
274
- .replace(/ى/g, "ي")
275
- .replace(/ة/g, "ه")
276
- .replace(/ؤ/g, "و")
277
- .replace(/ئ/g, "ي")
278
- .replace(/ـ/g, "");
279
- // مسافات
280
- s = s.replace(/\s+/g, " ").trim();
281
- return s;
282
- }
283
-
284
- const SearchControl = L.Control.extend({
285
- options: { position: 'bottomleft' },
286
- onAdd: function(){
287
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
288
- div.innerHTML = `
289
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
290
- <div class="est-search-meta">
291
- <span id="estCount" class="est-badge"></span>
292
- <span id="estClear" class="est-clear">مسح</span>
293
- </div>
294
- <div id="estResults" class="est-results"></div>
295
- `;
296
- L.DomEvent.disableClickPropagation(div);
297
- L.DomEvent.disableScrollPropagation(div);
298
- return div;
299
- }
300
- });
301
-
302
- map.addControl(new SearchControl());
303
-
304
- function renderResults(hits){
305
- const results = document.getElementById('estResults');
306
- const count = document.getElementById('estCount');
307
- results.innerHTML = "";
308
-
309
- if(!hits.length){
310
- count.textContent = "لا توجد نتائج";
311
- return;
312
- }
313
-
314
- count.textContent = "النتائج: " + hits.length;
315
-
316
- for(const h of hits.slice(0, 50)){
317
- const el = document.createElement('div');
318
- el.className = 'est-item';
319
- el.textContent = h.title;
320
- el.onclick = function(){
321
- try {
322
- const mv = window[h.markerVar];
323
- if(mv && mv.getLatLng){
324
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
325
- if(mv.openPopup) mv.openPopup();
326
- } else {
327
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
328
- }
329
- } catch(e) {}
330
- };
331
- results.appendChild(el);
332
- }
333
- }
334
-
335
- function search(q){
336
- const nq = norm(q);
337
- if(!nq) return [];
338
- const hits = [];
339
- for(const it of items){
340
- if(norm(it.title).includes(nq)) hits.push(it);
341
- }
342
- return hits;
343
- }
344
-
345
- setTimeout(function(){
346
- const input = document.getElementById('estQ');
347
- const clearBtn = document.getElementById('estClear');
348
-
349
- input.addEventListener('input', function(){
350
- renderResults(search(this.value));
351
- });
352
-
353
- input.addEventListener('keydown', function(e){
354
- if(e.key === 'Enter'){
355
- const hits = search(this.value);
356
- renderResults(hits);
357
- if(hits.length){
358
- try {
359
- const mv = window[hits[0].markerVar];
360
- if(mv && mv.getLatLng){
361
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
362
- if(mv.openPopup) mv.openPopup();
363
- }
364
- } catch(e) {}
365
- }
366
- }
367
- });
368
-
369
- clearBtn.addEventListener('click', function(){
370
- input.value = "";
371
- document.getElementById('estResults').innerHTML = "";
372
- document.getElementById('estCount').textContent = "";
373
- });
374
- }, 0);
375
- })();
376
- </script>
377
-
378
-
379
- <div style="
380
- position: fixed;
381
- bottom: 8px; left: 8px;
382
- background: rgba(255,255,255,0.85);
383
- padding: 6px 10px;
384
- border-radius: 10px;
385
- font-size: 13px;
386
- direction: rtl;
387
- z-index: 9999;
388
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
389
- font-family: Arial, sans-serif;
390
- ">
391
- تصميم وإعداد <b>نوف الناصر</b>
392
- </div>
393
-
394
-
395
- <div class="folium-map" id="map_2231fe5261151e815e3f3586b317adc7" ></div>
396
-
397
- </body>
398
- <script>
399
-
400
-
401
- var map_2231fe5261151e815e3f3586b317adc7 = L.map(
402
- "map_2231fe5261151e815e3f3586b317adc7",
403
- {
404
- center: [25.32622062624995, 49.709003623749965],
405
- crs: L.CRS.EPSG3857,
406
- ...{
407
- "zoom": 13,
408
- "zoomControl": true,
409
- "preferCanvas": false,
410
- }
411
-
412
- }
413
- );
414
- L.control.scale().addTo(map_2231fe5261151e815e3f3586b317adc7);
415
-
416
-
417
-
418
-
419
-
420
- var tile_layer_57ce99591d2fd4eced4ad28825774143 = L.tileLayer(
421
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
422
- {
423
- "minZoom": 0,
424
- "maxZoom": 19,
425
- "maxNativeZoom": 19,
426
- "noWrap": false,
427
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
428
- "subdomains": "abc",
429
- "detectRetina": false,
430
- "tms": false,
431
- "opacity": 1,
432
- }
433
-
434
- );
435
-
436
-
437
- tile_layer_57ce99591d2fd4eced4ad28825774143.addTo(map_2231fe5261151e815e3f3586b317adc7);
438
-
439
-
440
- var tile_layer_b98346bf08721e7eb51ce827a81c14de = L.tileLayer(
441
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
442
- {
443
- "minZoom": 0,
444
- "maxZoom": 18,
445
- "maxNativeZoom": 18,
446
- "noWrap": false,
447
- "attribution": "\u0026copy; Esri",
448
- "subdomains": "abc",
449
- "detectRetina": false,
450
- "tms": false,
451
- "opacity": 1,
452
- }
453
-
454
- );
455
-
456
-
457
- tile_layer_b98346bf08721e7eb51ce827a81c14de.addTo(map_2231fe5261151e815e3f3586b317adc7);
458
-
459
-
460
- var locate_control_903253885de70c7141ac5b91896e96e1 = L.control.locate(
461
- {"flyTo": true}
462
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
463
-
464
-
465
-
466
- var marker_eb208a9f7667c2f4ef77bb0db0c627e8 = L.marker(
467
- [25.3796678699999, 49.7209313899999],
468
- {
469
- }
470
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
471
-
472
-
473
- var icon_b28c84fd7e06e27ceaf43fc5bbd35da0 = L.AwesomeMarkers.icon(
474
- {
475
- "markerColor": "pink",
476
- "iconColor": "white",
477
- "icon": "info-sign",
478
- "prefix": "glyphicon",
479
- "extraClasses": "fa-rotate-0",
480
- }
481
- );
482
-
483
-
484
- var popup_89cb3a4ac380634633a8c65af6cb9706 = L.popup({
485
- "maxWidth": 320,
486
- });
487
-
488
-
489
-
490
- var html_82fd6f849db3f60af19e331793c30ea5 = $(`<div id="html_82fd6f849db3f60af19e331793c30ea5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>معهد جودة التميز للغات</b><br> السجل التجاري: 2250376257<br> المنطقة: الساباط<br> الحارة: الساباط<br> <a href="https://www.google.com/maps?q=25.3796678699999,49.7209313899999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
491
- popup_89cb3a4ac380634633a8c65af6cb9706.setContent(html_82fd6f849db3f60af19e331793c30ea5);
492
-
493
-
494
-
495
- marker_eb208a9f7667c2f4ef77bb0db0c627e8.bindPopup(popup_89cb3a4ac380634633a8c65af6cb9706)
496
- ;
497
-
498
-
499
-
500
-
501
- marker_eb208a9f7667c2f4ef77bb0db0c627e8.bindTooltip(
502
- `<div>
503
- معهد جودة التميز للغات
504
- </div>`,
505
- {
506
- "sticky": true,
507
- }
508
- );
509
-
510
-
511
- marker_eb208a9f7667c2f4ef77bb0db0c627e8.setIcon(icon_b28c84fd7e06e27ceaf43fc5bbd35da0);
512
-
513
-
514
- var marker_1d24f55d19b156b709e4ee0f59da24bf = L.marker(
515
- [25.38943403, 49.65991429],
516
- {
517
- }
518
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
519
-
520
-
521
- var icon_9aa16e78c470f14cabd8ce54185c3ed4 = L.AwesomeMarkers.icon(
522
- {
523
- "markerColor": "lightred",
524
- "iconColor": "white",
525
- "icon": "info-sign",
526
- "prefix": "glyphicon",
527
- "extraClasses": "fa-rotate-0",
528
- }
529
- );
530
-
531
-
532
- var popup_eb2a0e870ffe3601a7596360d72aed58 = L.popup({
533
- "maxWidth": 320,
534
- });
535
-
536
-
537
-
538
- var html_591d956ef628d0284d6caff263ed288d = $(`<div id="html_591d956ef628d0284d6caff263ed288d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطاعم نعيمه محمد عيسى السلطان لتقديم الوجبات</b><br> السجل التجاري: 2250042623<br> المنطقة: الشهارين<br> الحارة: الشهارين<br> <a href="https://www.google.com/maps?q=25.38943403,49.65991429" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
539
- popup_eb2a0e870ffe3601a7596360d72aed58.setContent(html_591d956ef628d0284d6caff263ed288d);
540
-
541
-
542
-
543
- marker_1d24f55d19b156b709e4ee0f59da24bf.bindPopup(popup_eb2a0e870ffe3601a7596360d72aed58)
544
- ;
545
-
546
-
547
-
548
-
549
- marker_1d24f55d19b156b709e4ee0f59da24bf.bindTooltip(
550
- `<div>
551
- مطاعم نعيمه محمد عيسى السلطان لتقديم الوجبات
552
- </div>`,
553
- {
554
- "sticky": true,
555
- }
556
- );
557
-
558
-
559
- marker_1d24f55d19b156b709e4ee0f59da24bf.setIcon(icon_9aa16e78c470f14cabd8ce54185c3ed4);
560
-
561
-
562
- var marker_e374ec1228e91c7b315124c9941db181 = L.marker(
563
- [25.25768688, 49.68526714],
564
- {
565
- }
566
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
567
-
568
-
569
- var icon_8b0729ec8836f949bfb4f24884550140 = L.AwesomeMarkers.icon(
570
- {
571
- "markerColor": "purple",
572
- "iconColor": "white",
573
- "icon": "info-sign",
574
- "prefix": "glyphicon",
575
- "extraClasses": "fa-rotate-0",
576
- }
577
- );
578
-
579
-
580
- var popup_f807e779b1ed211ecc0924d586da60c3 = L.popup({
581
- "maxWidth": 320,
582
- });
583
-
584
-
585
-
586
- var html_164385ba914eae49f01d1a94bcceda78 = $(`<div id="html_164385ba914eae49f01d1a94bcceda78" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية المها حمد بن عايض المري للوجبات السريعة</b><br> السجل التجاري: 2251500753<br> المنطقة: الغويبه<br> الحارة: الغويبه<br> <a href="https://www.google.com/maps?q=25.25768688,49.68526714" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
587
- popup_f807e779b1ed211ecc0924d586da60c3.setContent(html_164385ba914eae49f01d1a94bcceda78);
588
-
589
-
590
-
591
- marker_e374ec1228e91c7b315124c9941db181.bindPopup(popup_f807e779b1ed211ecc0924d586da60c3)
592
- ;
593
-
594
-
595
-
596
-
597
- marker_e374ec1228e91c7b315124c9941db181.bindTooltip(
598
- `<div>
599
- بوفية المها حمد بن عايض المري للوجبات السريعة
600
- </div>`,
601
- {
602
- "sticky": true,
603
- }
604
- );
605
-
606
-
607
- marker_e374ec1228e91c7b315124c9941db181.setIcon(icon_8b0729ec8836f949bfb4f24884550140);
608
-
609
-
610
- var marker_8c38115b0996d8639c89a18ed6a88ca2 = L.marker(
611
- [25.26140604, 49.69107417],
612
- {
613
- }
614
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
615
-
616
-
617
- var icon_a989ba171e4d7ea50385c2ecfa0502ae = L.AwesomeMarkers.icon(
618
- {
619
- "markerColor": "purple",
620
- "iconColor": "white",
621
- "icon": "info-sign",
622
- "prefix": "glyphicon",
623
- "extraClasses": "fa-rotate-0",
624
- }
625
- );
626
-
627
-
628
- var popup_92e73c134af0696e2ebf47c3ce1aeff7 = L.popup({
629
- "maxWidth": 320,
630
- });
631
-
632
-
633
-
634
- var html_1a2e6b2b6e55e766e530d8a352465e15 = $(`<div id="html_1a2e6b2b6e55e766e530d8a352465e15" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية الماس الوفاء للوجبات السريعة</b><br> السجل التجاري: 2251496534<br> المنطقة: الغويبه<br> الحارة: الغويبه<br> <a href="https://www.google.com/maps?q=25.26140604,49.69107417" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
635
- popup_92e73c134af0696e2ebf47c3ce1aeff7.setContent(html_1a2e6b2b6e55e766e530d8a352465e15);
636
-
637
-
638
-
639
- marker_8c38115b0996d8639c89a18ed6a88ca2.bindPopup(popup_92e73c134af0696e2ebf47c3ce1aeff7)
640
- ;
641
-
642
-
643
-
644
-
645
- marker_8c38115b0996d8639c89a18ed6a88ca2.bindTooltip(
646
- `<div>
647
- بوفية الماس الوفاء للوجبات السريعة
648
- </div>`,
649
- {
650
- "sticky": true,
651
- }
652
- );
653
-
654
-
655
- marker_8c38115b0996d8639c89a18ed6a88ca2.setIcon(icon_a989ba171e4d7ea50385c2ecfa0502ae);
656
-
657
-
658
- var marker_ed96ee92228459b98fc40634eee40ac3 = L.marker(
659
- [25.25679341, 49.82451255],
660
- {
661
- }
662
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
663
-
664
-
665
- var icon_6a2dacb77058772ad062ae725c10fcc1 = L.AwesomeMarkers.icon(
666
- {
667
- "markerColor": "orange",
668
- "iconColor": "white",
669
- "icon": "info-sign",
670
- "prefix": "glyphicon",
671
- "extraClasses": "fa-rotate-0",
672
- }
673
- );
674
-
675
-
676
- var popup_68736ffb97c2b4c6412d50f7aa1d70e0 = L.popup({
677
- "maxWidth": 320,
678
- });
679
-
680
-
681
-
682
- var html_6911ee495c41f0e18f8235bbf505a65f = $(`<div id="html_6911ee495c41f0e18f8235bbf505a65f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة الأحساء للخرسانة الجاهزة</b><br> السجل التجاري: 2251068157<br> المنطقة: الباهيه<br> الحارة: الباهيه<br> <a href="https://www.google.com/maps?q=25.25679341,49.82451255" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
683
- popup_68736ffb97c2b4c6412d50f7aa1d70e0.setContent(html_6911ee495c41f0e18f8235bbf505a65f);
684
-
685
-
686
-
687
- marker_ed96ee92228459b98fc40634eee40ac3.bindPopup(popup_68736ffb97c2b4c6412d50f7aa1d70e0)
688
- ;
689
-
690
-
691
-
692
-
693
- marker_ed96ee92228459b98fc40634eee40ac3.bindTooltip(
694
- `<div>
695
- شركة الأحساء للخرسانة الجاهزة
696
- </div>`,
697
- {
698
- "sticky": true,
699
- }
700
- );
701
-
702
-
703
- marker_ed96ee92228459b98fc40634eee40ac3.setIcon(icon_6a2dacb77058772ad062ae725c10fcc1);
704
-
705
-
706
- var marker_06704928babbdd0ce58748267e8f8363 = L.marker(
707
- [25.3587184199999, 49.7364894199999],
708
- {
709
- }
710
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
711
-
712
-
713
- var icon_f7451358a6cd39ea380fd5bb49d2ce85 = L.AwesomeMarkers.icon(
714
- {
715
- "markerColor": "blue",
716
- "iconColor": "white",
717
- "icon": "info-sign",
718
- "prefix": "glyphicon",
719
- "extraClasses": "fa-rotate-0",
720
- }
721
- );
722
-
723
-
724
- var popup_04344cde973be06ab471946588da783b = L.popup({
725
- "maxWidth": 320,
726
- });
727
-
728
-
729
-
730
- var html_a77745698f82db8a5e4735b986a36de3 = $(`<div id="html_a77745698f82db8a5e4735b986a36de3" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب نواجز العقود العقاري</b><br> السجل التجاري: 2031110259<br> المنطقة: الطرف<br> الحارة: الطرف<br> <a href="https://www.google.com/maps?q=25.3587184199999,49.7364894199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
731
- popup_04344cde973be06ab471946588da783b.setContent(html_a77745698f82db8a5e4735b986a36de3);
732
-
733
-
734
-
735
- marker_06704928babbdd0ce58748267e8f8363.bindPopup(popup_04344cde973be06ab471946588da783b)
736
- ;
737
-
738
-
739
-
740
-
741
- marker_06704928babbdd0ce58748267e8f8363.bindTooltip(
742
- `<div>
743
- مكتب نواجز العقود العقاري
744
- </div>`,
745
- {
746
- "sticky": true,
747
- }
748
- );
749
-
750
-
751
- marker_06704928babbdd0ce58748267e8f8363.setIcon(icon_f7451358a6cd39ea380fd5bb49d2ce85);
752
-
753
-
754
- var marker_48249ce1491e0719f9b534366942991f = L.marker(
755
- [25.3616971999999, 49.72272352],
756
- {
757
- }
758
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
759
-
760
-
761
- var icon_076af72a7a3c1e9bec88ed990e88cdef = L.AwesomeMarkers.icon(
762
- {
763
- "markerColor": "blue",
764
- "iconColor": "white",
765
- "icon": "info-sign",
766
- "prefix": "glyphicon",
767
- "extraClasses": "fa-rotate-0",
768
- }
769
- );
770
-
771
-
772
- var popup_906ad40d133369d0e264bf51729e6143 = L.popup({
773
- "maxWidth": 320,
774
- });
775
-
776
-
777
-
778
- var html_39867fce7d3c22a96dc0ba8ef133c299 = $(`<div id="html_39867fce7d3c22a96dc0ba8ef133c299" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة رنات للاتصالات</b><br> السجل التجاري: 2250374802<br> المنطقة: الطرف<br> الحارة: الطرف<br> <a href="https://www.google.com/maps?q=25.3616971999999,49.72272352" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
779
- popup_906ad40d133369d0e264bf51729e6143.setContent(html_39867fce7d3c22a96dc0ba8ef133c299);
780
-
781
-
782
-
783
- marker_48249ce1491e0719f9b534366942991f.bindPopup(popup_906ad40d133369d0e264bf51729e6143)
784
- ;
785
-
786
-
787
-
788
-
789
- marker_48249ce1491e0719f9b534366942991f.bindTooltip(
790
- `<div>
791
- مؤسسة رنات للاتصالات
792
- </div>`,
793
- {
794
- "sticky": true,
795
- }
796
- );
797
-
798
-
799
- marker_48249ce1491e0719f9b534366942991f.setIcon(icon_076af72a7a3c1e9bec88ed990e88cdef);
800
-
801
-
802
- var marker_ffe8387d4d57ceb63279f738283563be = L.marker(
803
- [25.3443611599999, 49.6311165099999],
804
- {
805
- }
806
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
807
-
808
-
809
- var icon_f871bc24032cdf2e00bbb9d96b62d62e = L.AwesomeMarkers.icon(
810
- {
811
- "markerColor": "green",
812
- "iconColor": "white",
813
- "icon": "info-sign",
814
- "prefix": "glyphicon",
815
- "extraClasses": "fa-rotate-0",
816
- }
817
- );
818
-
819
-
820
- var popup_a1ae01c4648eba5f0bc0ac277e1c0eeb = L.popup({
821
- "maxWidth": 320,
822
- });
823
-
824
-
825
-
826
- var html_e20c85f024ba2ada150e0539722cd948 = $(`<div id="html_e20c85f024ba2ada150e0539722cd948" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة مصنع نضيد البركة للتمور</b><br> السجل التجاري: 2251035960<br> المنطقة: الهفوف<br> الحارة: منطقة الغويبة الزراعية<br> <a href="https://www.google.com/maps?q=25.3443611599999,49.6311165099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
827
- popup_a1ae01c4648eba5f0bc0ac277e1c0eeb.setContent(html_e20c85f024ba2ada150e0539722cd948);
828
-
829
-
830
-
831
- marker_ffe8387d4d57ceb63279f738283563be.bindPopup(popup_a1ae01c4648eba5f0bc0ac277e1c0eeb)
832
- ;
833
-
834
-
835
-
836
-
837
- marker_ffe8387d4d57ceb63279f738283563be.bindTooltip(
838
- `<div>
839
- شركة مصنع نضيد البركة للتمور
840
- </div>`,
841
- {
842
- "sticky": true,
843
- }
844
- );
845
-
846
-
847
- marker_ffe8387d4d57ceb63279f738283563be.setIcon(icon_f871bc24032cdf2e00bbb9d96b62d62e);
848
-
849
-
850
- map_2231fe5261151e815e3f3586b317adc7.fitBounds(
851
- [[25.3796678699999, 49.7209313899999], [25.38943403, 49.65991429], [25.25768688, 49.68526714], [25.26140604, 49.69107417], [25.25679341, 49.82451255], [25.3587184199999, 49.7364894199999], [25.3616971999999, 49.72272352], [25.3443611599999, 49.6311165099999]],
852
- {"padding": [30, 30]}
853
- );
854
-
855
-
856
- var layer_control_3c9de051439b04856fd057b5f2b5560d_layers = {
857
- base_layers : {
858
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_57ce99591d2fd4eced4ad28825774143,
859
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_b98346bf08721e7eb51ce827a81c14de,
860
- },
861
- overlays : {
862
- },
863
- };
864
- let layer_control_3c9de051439b04856fd057b5f2b5560d = L.control.layers(
865
- layer_control_3c9de051439b04856fd057b5f2b5560d_layers.base_layers,
866
- layer_control_3c9de051439b04856fd057b5f2b5560d_layers.overlays,
867
- {
868
- "position": "topright",
869
- "collapsed": false,
870
- "autoZIndex": true,
871
- }
872
- ).addTo(map_2231fe5261151e815e3f3586b317adc7);
873
-
874
-
875
- </script>
876
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/42.html DELETED
@@ -1,768 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_df3df24340ad458c231c05e7e81be1cf {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">فاطمه بنت عبدالغني بن علي البراهيم - 42</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 6<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>البستان</b>: 2 | <b>الراشدية الثاني</b>: 2 | <b>محاسن الثاني</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البستان</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الراشدية الثاني</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#198754;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">محاسن الثاني</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">وسط المبرز التاريخي</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_df3df24340ad458c231c05e7e81be1cf;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مطعم بيت السفير لتقديم الوجبات", "lat": 25.4166227199999, "lon": 49.5494812199999, "markerVar": "marker_5c73adcdd271ebfa8d1a706b0b8c2611"}, {"title": "مؤسسة اللقطة القريبة للإنتاج الإعلامي المرئي والمسموع", "lat": 25.40055679, "lon": 49.58232316, "markerVar": "marker_f2b250c12165883ac76ffe0b050bddcd"}, {"title": "شركة العقول المشرقة للتعليم", "lat": 25.39965772, "lon": 49.5786409099999, "markerVar": "marker_e80a622730edf6e3339b29b800c705f6"}, {"title": "مؤسسة صدى تيك للاتصالات و تقنية المعلومات", "lat": 25.4451282807557, "lon": 49.588790704612, "markerVar": "marker_d352baae6fe4a156a4d550e741a854ec"}, {"title": "مؤسسة كيان كاف للاتصالات", "lat": 25.4367286099999, "lon": 49.5833372399999, "markerVar": "marker_4e78d7b6877f0d13f7fcef6ea5c375e6"}, {"title": "مكتب عيسى بن علي بن عيسى الحمدان للخدمات العقارية", "lat": 25.4146970699999, "lon": 49.58844785, "markerVar": "marker_69eade5aed5a54ff9df260225889cc66"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_df3df24340ad458c231c05e7e81be1cf" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_df3df24340ad458c231c05e7e81be1cf = L.map(
390
- "map_df3df24340ad458c231c05e7e81be1cf",
391
- {
392
- center: [25.418898531792564, 49.57850351410195],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_df3df24340ad458c231c05e7e81be1cf);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_2b673852b5bdaf497275d3416684aec7 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_2b673852b5bdaf497275d3416684aec7.addTo(map_df3df24340ad458c231c05e7e81be1cf);
426
-
427
-
428
- var tile_layer_572a1d71815ca7b4bf54935aa84ca17d = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_572a1d71815ca7b4bf54935aa84ca17d.addTo(map_df3df24340ad458c231c05e7e81be1cf);
446
-
447
-
448
- var locate_control_a35863f4af53eff9398bfd9a6ef9af73 = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
451
-
452
-
453
-
454
- var marker_5c73adcdd271ebfa8d1a706b0b8c2611 = L.marker(
455
- [25.4166227199999, 49.5494812199999],
456
- {
457
- }
458
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
459
-
460
-
461
- var icon_41ff0c12c271708ac79af79a7ee3da07 = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "green",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_d419e497612e13767b2ae312e20aa502 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_576aa655e2a00eb9e5fff254fda41c40 = $(`<div id="html_576aa655e2a00eb9e5fff254fda41c40" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم بيت السفير لتقديم الوجبات</b><br> السجل التجاري: 2031112357<br> المنطقة: المبرز<br> الحارة: محاسن الثاني<br> <a href="https://www.google.com/maps?q=25.4166227199999,49.5494812199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_d419e497612e13767b2ae312e20aa502.setContent(html_576aa655e2a00eb9e5fff254fda41c40);
480
-
481
-
482
-
483
- marker_5c73adcdd271ebfa8d1a706b0b8c2611.bindPopup(popup_d419e497612e13767b2ae312e20aa502)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_5c73adcdd271ebfa8d1a706b0b8c2611.bindTooltip(
490
- `<div>
491
- مطعم بيت السفير لتقديم الوجبات
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_5c73adcdd271ebfa8d1a706b0b8c2611.setIcon(icon_41ff0c12c271708ac79af79a7ee3da07);
500
-
501
-
502
- var marker_f2b250c12165883ac76ffe0b050bddcd = L.marker(
503
- [25.40055679, 49.58232316],
504
- {
505
- }
506
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
507
-
508
-
509
- var icon_468413a0f38d30af5219142b0c041ff9 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "lightblue",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_a8ffdfd4c8663d437ccb78a0109fd64e = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_95e2070badb8b972bf7ec8541659d654 = $(`<div id="html_95e2070badb8b972bf7ec8541659d654" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة اللقطة القريبة للإنتاج الإعلامي المرئي والمسموع</b><br> السجل التجاري: 2251056192<br> المنطقة: المبرز<br> الحارة: البستان<br> <a href="https://www.google.com/maps?q=25.40055679,49.58232316" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_a8ffdfd4c8663d437ccb78a0109fd64e.setContent(html_95e2070badb8b972bf7ec8541659d654);
528
-
529
-
530
-
531
- marker_f2b250c12165883ac76ffe0b050bddcd.bindPopup(popup_a8ffdfd4c8663d437ccb78a0109fd64e)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_f2b250c12165883ac76ffe0b050bddcd.bindTooltip(
538
- `<div>
539
- مؤسسة اللقطة القريبة للإنتاج الإعلامي المرئي والمسموع
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_f2b250c12165883ac76ffe0b050bddcd.setIcon(icon_468413a0f38d30af5219142b0c041ff9);
548
-
549
-
550
- var marker_e80a622730edf6e3339b29b800c705f6 = L.marker(
551
- [25.39965772, 49.5786409099999],
552
- {
553
- }
554
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
555
-
556
-
557
- var icon_2725e65f7b90f712a15a7167339c7f6c = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "lightblue",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_09276b099994ba3b5e459c06f5bf2ac6 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_84275f97f491e3f749ae1cd3f93f3b85 = $(`<div id="html_84275f97f491e3f749ae1cd3f93f3b85" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شركة العقول المشرقة للتعليم</b><br> السجل التجاري: 2031111629<br> المنطقة: المبرز<br> الحارة: البستان<br> <a href="https://www.google.com/maps?q=25.39965772,49.5786409099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_09276b099994ba3b5e459c06f5bf2ac6.setContent(html_84275f97f491e3f749ae1cd3f93f3b85);
576
-
577
-
578
-
579
- marker_e80a622730edf6e3339b29b800c705f6.bindPopup(popup_09276b099994ba3b5e459c06f5bf2ac6)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_e80a622730edf6e3339b29b800c705f6.bindTooltip(
586
- `<div>
587
- شركة العقول المشرقة للتعليم
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_e80a622730edf6e3339b29b800c705f6.setIcon(icon_2725e65f7b90f712a15a7167339c7f6c);
596
-
597
-
598
- var marker_d352baae6fe4a156a4d550e741a854ec = L.marker(
599
- [25.4451282807557, 49.588790704612],
600
- {
601
- }
602
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
603
-
604
-
605
- var icon_c17f49fb4c93a30fe8d37465696c223b = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "blue",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_50630b5fa54e9a866578050ce5187d36 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_c81d21d6ee874a1065aa05ec8ebe430a = $(`<div id="html_c81d21d6ee874a1065aa05ec8ebe430a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة صدى تيك للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2031109228<br> المنطقة: المبرز<br> الحارة: الراشدية الثاني<br> <a href="https://www.google.com/maps?q=25.4451282807557,49.588790704612" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_50630b5fa54e9a866578050ce5187d36.setContent(html_c81d21d6ee874a1065aa05ec8ebe430a);
624
-
625
-
626
-
627
- marker_d352baae6fe4a156a4d550e741a854ec.bindPopup(popup_50630b5fa54e9a866578050ce5187d36)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_d352baae6fe4a156a4d550e741a854ec.bindTooltip(
634
- `<div>
635
- مؤسسة صدى تيك للاتصالات و تقنية المعلومات
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_d352baae6fe4a156a4d550e741a854ec.setIcon(icon_c17f49fb4c93a30fe8d37465696c223b);
644
-
645
-
646
- var marker_4e78d7b6877f0d13f7fcef6ea5c375e6 = L.marker(
647
- [25.4367286099999, 49.5833372399999],
648
- {
649
- }
650
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
651
-
652
-
653
- var icon_991518b552d52ebc92fc9f2bd120a9f5 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "blue",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_2fcdbea6750a294789b75344eda13dc0 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_aab9c810b95eaa213708945da094155d = $(`<div id="html_aab9c810b95eaa213708945da094155d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة كيان كاف للاتصالات</b><br> السجل التجاري: 2031105722<br> المنطقة: المبرز<br> الحارة: الراشدية الثاني<br> <a href="https://www.google.com/maps?q=25.4367286099999,49.5833372399999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_2fcdbea6750a294789b75344eda13dc0.setContent(html_aab9c810b95eaa213708945da094155d);
672
-
673
-
674
-
675
- marker_4e78d7b6877f0d13f7fcef6ea5c375e6.bindPopup(popup_2fcdbea6750a294789b75344eda13dc0)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_4e78d7b6877f0d13f7fcef6ea5c375e6.bindTooltip(
682
- `<div>
683
- مؤسسة كيان كاف للاتصالات
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_4e78d7b6877f0d13f7fcef6ea5c375e6.setIcon(icon_991518b552d52ebc92fc9f2bd120a9f5);
692
-
693
-
694
- var marker_69eade5aed5a54ff9df260225889cc66 = L.marker(
695
- [25.4146970699999, 49.58844785],
696
- {
697
- }
698
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
699
-
700
-
701
- var icon_66a4ef97aefc0820624255e1a6a5e747 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "darkblue",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_3670e4e618700c227e213cacdfd77312 = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_ebfdf9b0522dfe4dff1d852ec42653f0 = $(`<div id="html_ebfdf9b0522dfe4dff1d852ec42653f0" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب عيسى بن علي بن عيسى الحمدان للخدمات العقارية</b><br> السجل التجاري: 2031102866<br> المنطقة: المبرز<br> الحارة: وسط المبرز التاريخي<br> <a href="https://www.google.com/maps?q=25.4146970699999,49.58844785" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_3670e4e618700c227e213cacdfd77312.setContent(html_ebfdf9b0522dfe4dff1d852ec42653f0);
720
-
721
-
722
-
723
- marker_69eade5aed5a54ff9df260225889cc66.bindPopup(popup_3670e4e618700c227e213cacdfd77312)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_69eade5aed5a54ff9df260225889cc66.bindTooltip(
730
- `<div>
731
- مكتب عيسى بن علي بن عيسى الحمدان للخدمات العقارية
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_69eade5aed5a54ff9df260225889cc66.setIcon(icon_66a4ef97aefc0820624255e1a6a5e747);
740
-
741
-
742
- map_df3df24340ad458c231c05e7e81be1cf.fitBounds(
743
- [[25.4166227199999, 49.5494812199999], [25.40055679, 49.58232316], [25.39965772, 49.5786409099999], [25.4451282807557, 49.588790704612], [25.4367286099999, 49.5833372399999], [25.4146970699999, 49.58844785]],
744
- {"padding": [30, 30]}
745
- );
746
-
747
-
748
- var layer_control_f04158639137f69a1bb74ee6be01b5d3_layers = {
749
- base_layers : {
750
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_2b673852b5bdaf497275d3416684aec7,
751
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_572a1d71815ca7b4bf54935aa84ca17d,
752
- },
753
- overlays : {
754
- },
755
- };
756
- let layer_control_f04158639137f69a1bb74ee6be01b5d3 = L.control.layers(
757
- layer_control_f04158639137f69a1bb74ee6be01b5d3_layers.base_layers,
758
- layer_control_f04158639137f69a1bb74ee6be01b5d3_layers.overlays,
759
- {
760
- "position": "topright",
761
- "collapsed": false,
762
- "autoZIndex": true,
763
- }
764
- ).addTo(map_df3df24340ad458c231c05e7e81be1cf);
765
-
766
-
767
- </script>
768
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/43.html DELETED
@@ -1,762 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_b1a026f4645fc5d68d74e02a83d4c17d {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">اسماء بنت محمد بن حسين العدساني - 43</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 6<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>السلمانية الأول</b>: 4 | <b>السلمانية الرابع</b>: 1 | <b>السلمانية الثالث</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">السلمانية الأول</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">السلمانية الرابع</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#5f9ea0;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">السلمانية الثالث</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_b1a026f4645fc5d68d74e02a83d4c17d;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مؤسسة فهيد بتال بن فهيد الدوسري للنقليات", "lat": 25.3448399405428, "lon": 49.536512354047, "markerVar": "marker_c5a74e8c5b58f8f57bd6f67e3d65564e"}, {"title": "مكتب الجيل الذهبي العقاري", "lat": 25.36286137, "lon": 49.55831328, "markerVar": "marker_4d6dfbb194ce2813686aff459224740f"}, {"title": "مكتب احمد عبدالرحمن النعيم للتقييم العقاري", "lat": 25.36181102, "lon": 49.55237066, "markerVar": "marker_3f9ef284e96e360540d74ac7333fafc2"}, {"title": "مؤسسة فرسان الاحساء للنقل والتخزين", "lat": 25.3757115168222, "lon": 49.5537166728409, "markerVar": "marker_cd6756dae5d10729d921c298fcbb3123"}, {"title": "مؤسسة غزلان هجر للخدمات اللوجستية", "lat": 25.3654765299999, "lon": 49.55883566, "markerVar": "marker_81cbd603cd0ba0c7a646ab7943972578"}, {"title": "مدارس شباب المستقبل الأهلية", "lat": 25.3435282899999, "lon": 49.5523225299999, "markerVar": "marker_2b99ed90f4bd7a876107fea364de7412"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_b1a026f4645fc5d68d74e02a83d4c17d" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_b1a026f4645fc5d68d74e02a83d4c17d = L.map(
384
- "map_b1a026f4645fc5d68d74e02a83d4c17d",
385
- {
386
- center: [25.359038111227466, 49.5520118594813],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_a53955711f9e32260bbcfc832ba7ddf8 = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_a53955711f9e32260bbcfc832ba7ddf8.addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
420
-
421
-
422
- var tile_layer_8374702910481ea44d112f543c36ea62 = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_8374702910481ea44d112f543c36ea62.addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
440
-
441
-
442
- var locate_control_78f8d6bdc2810eaaa95e01385d573cfd = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
445
-
446
-
447
-
448
- var marker_c5a74e8c5b58f8f57bd6f67e3d65564e = L.marker(
449
- [25.3448399405428, 49.536512354047],
450
- {
451
- }
452
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
453
-
454
-
455
- var icon_e4e77be1c3470bcd785fc31160820a77 = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "darkred",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_1162ba71eab415f2d2822149026f90ad = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_128b27d07faa66b370243fc46d79bb09 = $(`<div id="html_128b27d07faa66b370243fc46d79bb09" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فهيد بتال بن فهيد الدوسري للنقليات</b><br> السجل التجاري: 2251497145<br> المنطقة: الهفوف<br> الحارة: السلمانية الرابع<br> <a href="https://www.google.com/maps?q=25.3448399405428,49.536512354047" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_1162ba71eab415f2d2822149026f90ad.setContent(html_128b27d07faa66b370243fc46d79bb09);
474
-
475
-
476
-
477
- marker_c5a74e8c5b58f8f57bd6f67e3d65564e.bindPopup(popup_1162ba71eab415f2d2822149026f90ad)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_c5a74e8c5b58f8f57bd6f67e3d65564e.bindTooltip(
484
- `<div>
485
- مؤسسة فهيد بتال بن فهيد الدوسري للنقليات
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_c5a74e8c5b58f8f57bd6f67e3d65564e.setIcon(icon_e4e77be1c3470bcd785fc31160820a77);
494
-
495
-
496
- var marker_4d6dfbb194ce2813686aff459224740f = L.marker(
497
- [25.36286137, 49.55831328],
498
- {
499
- }
500
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
501
-
502
-
503
- var icon_b8981563b89def8a19f2143170bc0a8f = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "black",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_781f459ca5cf75f9d03f23e60007a21e = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_debdd7a5163da62557bed0761ccf6f37 = $(`<div id="html_debdd7a5163da62557bed0761ccf6f37" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب الجيل الذهبي العقاري</b><br> السجل التجاري: 2251493067<br> المنطقة: الهفوف<br> الحارة: السلمانية الأول<br> <a href="https://www.google.com/maps?q=25.36286137,49.55831328" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_781f459ca5cf75f9d03f23e60007a21e.setContent(html_debdd7a5163da62557bed0761ccf6f37);
522
-
523
-
524
-
525
- marker_4d6dfbb194ce2813686aff459224740f.bindPopup(popup_781f459ca5cf75f9d03f23e60007a21e)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_4d6dfbb194ce2813686aff459224740f.bindTooltip(
532
- `<div>
533
- مكتب الجيل الذهبي العقاري
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_4d6dfbb194ce2813686aff459224740f.setIcon(icon_b8981563b89def8a19f2143170bc0a8f);
542
-
543
-
544
- var marker_3f9ef284e96e360540d74ac7333fafc2 = L.marker(
545
- [25.36181102, 49.55237066],
546
- {
547
- }
548
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
549
-
550
-
551
- var icon_935b730f8021344b95a731e11b104fdd = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "black",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_5598626303d92af234bc095437d0e16c = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_bc098a6d11d7591b254f6c021402c74a = $(`<div id="html_bc098a6d11d7591b254f6c021402c74a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب احمد عبدالرحمن النعيم للتقييم العقاري</b><br> السجل التجاري: 2251066169<br> المنطقة: الهفوف<br> الحارة: السلمانية الأول<br> <a href="https://www.google.com/maps?q=25.36181102,49.55237066" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_5598626303d92af234bc095437d0e16c.setContent(html_bc098a6d11d7591b254f6c021402c74a);
570
-
571
-
572
-
573
- marker_3f9ef284e96e360540d74ac7333fafc2.bindPopup(popup_5598626303d92af234bc095437d0e16c)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_3f9ef284e96e360540d74ac7333fafc2.bindTooltip(
580
- `<div>
581
- مكتب احمد عبدالرحمن النعيم للتقييم العقاري
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_3f9ef284e96e360540d74ac7333fafc2.setIcon(icon_935b730f8021344b95a731e11b104fdd);
590
-
591
-
592
- var marker_cd6756dae5d10729d921c298fcbb3123 = L.marker(
593
- [25.3757115168222, 49.5537166728409],
594
- {
595
- }
596
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
597
-
598
-
599
- var icon_8f00e7015a508ce78385b9125736acd3 = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "black",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_6bd055ed59b5fbc17f8b2f710ebc0ee7 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_56eca7c8166a714f550aa30827952f68 = $(`<div id="html_56eca7c8166a714f550aa30827952f68" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فرسان الاحساء للنقل والتخزين</b><br> السجل التجاري: 2251058704<br> المنطقة: الهفوف<br> الحارة: السلمانية الأول<br> <a href="https://www.google.com/maps?q=25.3757115168222,49.5537166728409" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_6bd055ed59b5fbc17f8b2f710ebc0ee7.setContent(html_56eca7c8166a714f550aa30827952f68);
618
-
619
-
620
-
621
- marker_cd6756dae5d10729d921c298fcbb3123.bindPopup(popup_6bd055ed59b5fbc17f8b2f710ebc0ee7)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_cd6756dae5d10729d921c298fcbb3123.bindTooltip(
628
- `<div>
629
- مؤسسة فرسان الاحساء للنقل والتخزين
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_cd6756dae5d10729d921c298fcbb3123.setIcon(icon_8f00e7015a508ce78385b9125736acd3);
638
-
639
-
640
- var marker_81cbd603cd0ba0c7a646ab7943972578 = L.marker(
641
- [25.3654765299999, 49.55883566],
642
- {
643
- }
644
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
645
-
646
-
647
- var icon_4ecdde27f832c93dbf093bfd12c7caed = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "black",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_8d9ed3efcedcff6f230cbe871c0c9362 = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_5426744bc33d99949c9cc1019e238f46 = $(`<div id="html_5426744bc33d99949c9cc1019e238f46" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة غزلان هجر للخدمات اللوجستية</b><br> السجل التجاري: 2031112030<br> المنطقة: الهفوف<br> الحارة: السلمانية الأول<br> <a href="https://www.google.com/maps?q=25.3654765299999,49.55883566" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_8d9ed3efcedcff6f230cbe871c0c9362.setContent(html_5426744bc33d99949c9cc1019e238f46);
666
-
667
-
668
-
669
- marker_81cbd603cd0ba0c7a646ab7943972578.bindPopup(popup_8d9ed3efcedcff6f230cbe871c0c9362)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_81cbd603cd0ba0c7a646ab7943972578.bindTooltip(
676
- `<div>
677
- مؤسسة غزلان هجر للخدمات اللوجستية
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_81cbd603cd0ba0c7a646ab7943972578.setIcon(icon_4ecdde27f832c93dbf093bfd12c7caed);
686
-
687
-
688
- var marker_2b99ed90f4bd7a876107fea364de7412 = L.marker(
689
- [25.3435282899999, 49.5523225299999],
690
- {
691
- }
692
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
693
-
694
-
695
- var icon_c3f2e0d31ee634c34a3d0dc62defc500 = L.AwesomeMarkers.icon(
696
- {
697
- "markerColor": "cadetblue",
698
- "iconColor": "white",
699
- "icon": "info-sign",
700
- "prefix": "glyphicon",
701
- "extraClasses": "fa-rotate-0",
702
- }
703
- );
704
-
705
-
706
- var popup_f7d1086c0ed98500b0bce205e3315ff6 = L.popup({
707
- "maxWidth": 320,
708
- });
709
-
710
-
711
-
712
- var html_44717bd56d740fb557ce79cdffb5ad43 = $(`<div id="html_44717bd56d740fb557ce79cdffb5ad43" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدارس شباب المستقبل الأهلية</b><br> السجل التجاري: 2251041095<br> المنطقة: الهفوف<br> الحارة: السلمانية الثالث<br> <a href="https://www.google.com/maps?q=25.3435282899999,49.5523225299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
713
- popup_f7d1086c0ed98500b0bce205e3315ff6.setContent(html_44717bd56d740fb557ce79cdffb5ad43);
714
-
715
-
716
-
717
- marker_2b99ed90f4bd7a876107fea364de7412.bindPopup(popup_f7d1086c0ed98500b0bce205e3315ff6)
718
- ;
719
-
720
-
721
-
722
-
723
- marker_2b99ed90f4bd7a876107fea364de7412.bindTooltip(
724
- `<div>
725
- مدارس شباب المستقبل الأهلية
726
- </div>`,
727
- {
728
- "sticky": true,
729
- }
730
- );
731
-
732
-
733
- marker_2b99ed90f4bd7a876107fea364de7412.setIcon(icon_c3f2e0d31ee634c34a3d0dc62defc500);
734
-
735
-
736
- map_b1a026f4645fc5d68d74e02a83d4c17d.fitBounds(
737
- [[25.3448399405428, 49.536512354047], [25.36286137, 49.55831328], [25.36181102, 49.55237066], [25.3757115168222, 49.5537166728409], [25.3654765299999, 49.55883566], [25.3435282899999, 49.5523225299999]],
738
- {"padding": [30, 30]}
739
- );
740
-
741
-
742
- var layer_control_11a908552c7b738088e385a6a8c6042f_layers = {
743
- base_layers : {
744
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_a53955711f9e32260bbcfc832ba7ddf8,
745
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_8374702910481ea44d112f543c36ea62,
746
- },
747
- overlays : {
748
- },
749
- };
750
- let layer_control_11a908552c7b738088e385a6a8c6042f = L.control.layers(
751
- layer_control_11a908552c7b738088e385a6a8c6042f_layers.base_layers,
752
- layer_control_11a908552c7b738088e385a6a8c6042f_layers.overlays,
753
- {
754
- "position": "topright",
755
- "collapsed": false,
756
- "autoZIndex": true,
757
- }
758
- ).addTo(map_b1a026f4645fc5d68d74e02a83d4c17d);
759
-
760
-
761
- </script>
762
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/44.html DELETED
@@ -1,780 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_c72a682a68e1f3b6c845d1d4bbe6d589 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نوف صالح بن محمد السميح - 44</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 6<br>
139
- <b>عدد الحارات:</b> 6<br>
140
- <b>الأكثر:</b> <b>النايفية</b>: 1 | <b>الحمراء الثالث</b>: 1 | <b>الحمراء الثاني</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النايفية</span>
149
- <span style="font-size:12px;color:#666;">(1)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحمراء الثالث</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحمراء الثاني</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">العزيزية الأول</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المزروعية</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
176
- <span style="width:12px;height:12px;border-radius:50%;
177
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
178
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المعلمين</span>
179
- <span style="font-size:12px;color:#666;">(1)</span>
180
- </div>
181
-
182
- </div>
183
- </div>
184
- </div>
185
-
186
- <script>
187
- (function(){
188
- const box = document.getElementById('statsBox');
189
- const fab = document.getElementById('statsFab');
190
- const hide = document.getElementById('hideStats');
191
-
192
- hide.addEventListener('click', function(){
193
- box.style.display = 'none';
194
- fab.style.display = 'block';
195
- });
196
-
197
- fab.addEventListener('click', function(){
198
- box.style.display = 'block';
199
- fab.style.display = 'none';
200
- });
201
- })();
202
- </script>
203
-
204
-
205
- <style>
206
- .leaflet-control.est-search-control {
207
- background: rgba(255,255,255,0.92);
208
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
209
- border-radius: 14px;
210
- padding: 10px 10px;
211
- width: 320px;
212
- direction: rtl;
213
- font-family: Arial, sans-serif;
214
- }
215
- .est-search-control input {
216
- width: 100%;
217
- border: 1px solid rgba(0,0,0,0.15);
218
- border-radius: 10px;
219
- padding: 10px 12px;
220
- font-size: 13px;
221
- outline: none;
222
- }
223
- .est-search-meta {
224
- margin-top: 6px;
225
- font-size: 12px;
226
- color: #666;
227
- display:flex;
228
- justify-content:space-between;
229
- gap:8px;
230
- }
231
- .est-results {
232
- margin-top: 8px;
233
- max-height: 180px;
234
- overflow: auto;
235
- border-top: 1px solid rgba(0,0,0,0.08);
236
- padding-top: 6px;
237
- }
238
- .est-item {
239
- cursor: pointer;
240
- padding: 8px 10px;
241
- border-radius: 10px;
242
- font-size: 13px;
243
- line-height: 1.4;
244
- }
245
- .est-item:hover {
246
- background: rgba(0,0,0,0.06);
247
- }
248
- .est-badge {
249
- font-size: 12px;
250
- color: #333;
251
- }
252
- .est-clear {
253
- cursor:pointer;
254
- user-select:none;
255
- font-size:12px;
256
- color:#0b6efd;
257
- }
258
- </style>
259
-
260
- <script>
261
- (function(){
262
- const map = map_c72a682a68e1f3b6c845d1d4bbe6d589;
263
- // items: list of objects (title, lat, lon, markerVar)
264
- const items = [{"title": "مكتب تداول الحلول للعقارات", "lat": 25.33348407, "lon": 49.55455974, "markerVar": "marker_330af03704599cc25ddff2eb5df81079"}, {"title": "شقق تربل وان للشقق المخدومة", "lat": 25.3085576299999, "lon": 49.55661199, "markerVar": "marker_30c0563b264a693313937c6c7632682e"}, {"title": "مؤسسة ماجد سلطان بن محمد القحطاني للتخليص الجمركي", "lat": 25.3185025980134, "lon": 49.5674053616234, "markerVar": "marker_26f07e8aaa5ca78ebd3f345078f25f88"}, {"title": "مؤسسة صدى الرنة للاتصالات وتقنية المعلومات", "lat": 25.33051091, "lon": 49.56569239, "markerVar": "marker_be33376fa08982df4fe250fb25e89699"}, {"title": "مكتب محمد عبدالعزيز العامر للخدمات العقارية", "lat": 25.37380852, "lon": 49.57740888, "markerVar": "marker_cad96968598ab1a7c5c64b64dc5d68a6"}, {"title": "مؤسسة فتحة العدسة التجارية", "lat": 25.3652109402285, "lon": 49.5790668403598, "markerVar": "marker_860793e4cf40d93582737009524919d6"}];
265
-
266
- function norm(s){
267
- if(!s) return "";
268
- s = (""+s).toLowerCase();
269
-
270
- // إزالة التشكيل
271
- s = s.replace(/[\u064B-\u065F]/g, "");
272
- // تطبيع عربي
273
- s = s.replace(/[إأآا]/g, "ا")
274
- .replace(/ى/g, "ي")
275
- .replace(/ة/g, "ه")
276
- .replace(/ؤ/g, "و")
277
- .replace(/ئ/g, "ي")
278
- .replace(/ـ/g, "");
279
- // مسافات
280
- s = s.replace(/\s+/g, " ").trim();
281
- return s;
282
- }
283
-
284
- const SearchControl = L.Control.extend({
285
- options: { position: 'bottomleft' },
286
- onAdd: function(){
287
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
288
- div.innerHTML = `
289
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
290
- <div class="est-search-meta">
291
- <span id="estCount" class="est-badge"></span>
292
- <span id="estClear" class="est-clear">مسح</span>
293
- </div>
294
- <div id="estResults" class="est-results"></div>
295
- `;
296
- L.DomEvent.disableClickPropagation(div);
297
- L.DomEvent.disableScrollPropagation(div);
298
- return div;
299
- }
300
- });
301
-
302
- map.addControl(new SearchControl());
303
-
304
- function renderResults(hits){
305
- const results = document.getElementById('estResults');
306
- const count = document.getElementById('estCount');
307
- results.innerHTML = "";
308
-
309
- if(!hits.length){
310
- count.textContent = "لا توجد نتائج";
311
- return;
312
- }
313
-
314
- count.textContent = "النتائج: " + hits.length;
315
-
316
- for(const h of hits.slice(0, 50)){
317
- const el = document.createElement('div');
318
- el.className = 'est-item';
319
- el.textContent = h.title;
320
- el.onclick = function(){
321
- try {
322
- const mv = window[h.markerVar];
323
- if(mv && mv.getLatLng){
324
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
325
- if(mv.openPopup) mv.openPopup();
326
- } else {
327
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
328
- }
329
- } catch(e) {}
330
- };
331
- results.appendChild(el);
332
- }
333
- }
334
-
335
- function search(q){
336
- const nq = norm(q);
337
- if(!nq) return [];
338
- const hits = [];
339
- for(const it of items){
340
- if(norm(it.title).includes(nq)) hits.push(it);
341
- }
342
- return hits;
343
- }
344
-
345
- setTimeout(function(){
346
- const input = document.getElementById('estQ');
347
- const clearBtn = document.getElementById('estClear');
348
-
349
- input.addEventListener('input', function(){
350
- renderResults(search(this.value));
351
- });
352
-
353
- input.addEventListener('keydown', function(e){
354
- if(e.key === 'Enter'){
355
- const hits = search(this.value);
356
- renderResults(hits);
357
- if(hits.length){
358
- try {
359
- const mv = window[hits[0].markerVar];
360
- if(mv && mv.getLatLng){
361
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
362
- if(mv.openPopup) mv.openPopup();
363
- }
364
- } catch(e) {}
365
- }
366
- }
367
- });
368
-
369
- clearBtn.addEventListener('click', function(){
370
- input.value = "";
371
- document.getElementById('estResults').innerHTML = "";
372
- document.getElementById('estCount').textContent = "";
373
- });
374
- }, 0);
375
- })();
376
- </script>
377
-
378
-
379
- <div style="
380
- position: fixed;
381
- bottom: 8px; left: 8px;
382
- background: rgba(255,255,255,0.85);
383
- padding: 6px 10px;
384
- border-radius: 10px;
385
- font-size: 13px;
386
- direction: rtl;
387
- z-index: 9999;
388
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
389
- font-family: Arial, sans-serif;
390
- ">
391
- تصميم وإع��اد <b>نوف الناصر</b>
392
- </div>
393
-
394
-
395
- <div class="folium-map" id="map_c72a682a68e1f3b6c845d1d4bbe6d589" ></div>
396
-
397
- </body>
398
- <script>
399
-
400
-
401
- var map_c72a682a68e1f3b6c845d1d4bbe6d589 = L.map(
402
- "map_c72a682a68e1f3b6c845d1d4bbe6d589",
403
- {
404
- center: [25.338345778040303, 49.5667908669972],
405
- crs: L.CRS.EPSG3857,
406
- ...{
407
- "zoom": 13,
408
- "zoomControl": true,
409
- "preferCanvas": false,
410
- }
411
-
412
- }
413
- );
414
- L.control.scale().addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
415
-
416
-
417
-
418
-
419
-
420
- var tile_layer_10192a5d2e03fdb1bffefe00dbb7aabe = L.tileLayer(
421
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
422
- {
423
- "minZoom": 0,
424
- "maxZoom": 19,
425
- "maxNativeZoom": 19,
426
- "noWrap": false,
427
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
428
- "subdomains": "abc",
429
- "detectRetina": false,
430
- "tms": false,
431
- "opacity": 1,
432
- }
433
-
434
- );
435
-
436
-
437
- tile_layer_10192a5d2e03fdb1bffefe00dbb7aabe.addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
438
-
439
-
440
- var tile_layer_d667108d64829ccbcd6016a8b42433a6 = L.tileLayer(
441
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
442
- {
443
- "minZoom": 0,
444
- "maxZoom": 18,
445
- "maxNativeZoom": 18,
446
- "noWrap": false,
447
- "attribution": "\u0026copy; Esri",
448
- "subdomains": "abc",
449
- "detectRetina": false,
450
- "tms": false,
451
- "opacity": 1,
452
- }
453
-
454
- );
455
-
456
-
457
- tile_layer_d667108d64829ccbcd6016a8b42433a6.addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
458
-
459
-
460
- var locate_control_150284235047e352fbd07738ec00cfea = L.control.locate(
461
- {"flyTo": true}
462
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
463
-
464
-
465
-
466
- var marker_330af03704599cc25ddff2eb5df81079 = L.marker(
467
- [25.33348407, 49.55455974],
468
- {
469
- }
470
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
471
-
472
-
473
- var icon_07c8f610ed61c8f4be7e2fb625701423 = L.AwesomeMarkers.icon(
474
- {
475
- "markerColor": "beige",
476
- "iconColor": "white",
477
- "icon": "info-sign",
478
- "prefix": "glyphicon",
479
- "extraClasses": "fa-rotate-0",
480
- }
481
- );
482
-
483
-
484
- var popup_18076be7cf7d39c3842ed423842043dd = L.popup({
485
- "maxWidth": 320,
486
- });
487
-
488
-
489
-
490
- var html_94def879e77fbe2e8547eba64d6e1f2c = $(`<div id="html_94def879e77fbe2e8547eba64d6e1f2c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب تداول الحلول للعقارات</b><br> السجل التجاري: 2031114973<br> المنطقة: الهفوف<br> الحارة: النايفية<br> <a href="https://www.google.com/maps?q=25.33348407,49.55455974" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
491
- popup_18076be7cf7d39c3842ed423842043dd.setContent(html_94def879e77fbe2e8547eba64d6e1f2c);
492
-
493
-
494
-
495
- marker_330af03704599cc25ddff2eb5df81079.bindPopup(popup_18076be7cf7d39c3842ed423842043dd)
496
- ;
497
-
498
-
499
-
500
-
501
- marker_330af03704599cc25ddff2eb5df81079.bindTooltip(
502
- `<div>
503
- مكتب تداول الحلول للعقارات
504
- </div>`,
505
- {
506
- "sticky": true,
507
- }
508
- );
509
-
510
-
511
- marker_330af03704599cc25ddff2eb5df81079.setIcon(icon_07c8f610ed61c8f4be7e2fb625701423);
512
-
513
-
514
- var marker_30c0563b264a693313937c6c7632682e = L.marker(
515
- [25.3085576299999, 49.55661199],
516
- {
517
- }
518
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
519
-
520
-
521
- var icon_79c33de75529b533e46f3f887029353c = L.AwesomeMarkers.icon(
522
- {
523
- "markerColor": "pink",
524
- "iconColor": "white",
525
- "icon": "info-sign",
526
- "prefix": "glyphicon",
527
- "extraClasses": "fa-rotate-0",
528
- }
529
- );
530
-
531
-
532
- var popup_f24ecb685ca322afcaf8fb0b7a9e5171 = L.popup({
533
- "maxWidth": 320,
534
- });
535
-
536
-
537
-
538
- var html_cd101096775613285aeea1f75d9078c9 = $(`<div id="html_cd101096775613285aeea1f75d9078c9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق تربل وان للشقق المخدومة</b><br> السجل التجاري: 2251499419<br> المنطقة: الهفوف<br> الحارة: الحمراء الثالث<br> <a href="https://www.google.com/maps?q=25.3085576299999,49.55661199" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
539
- popup_f24ecb685ca322afcaf8fb0b7a9e5171.setContent(html_cd101096775613285aeea1f75d9078c9);
540
-
541
-
542
-
543
- marker_30c0563b264a693313937c6c7632682e.bindPopup(popup_f24ecb685ca322afcaf8fb0b7a9e5171)
544
- ;
545
-
546
-
547
-
548
-
549
- marker_30c0563b264a693313937c6c7632682e.bindTooltip(
550
- `<div>
551
- شقق تربل وان للشقق المخدومة
552
- </div>`,
553
- {
554
- "sticky": true,
555
- }
556
- );
557
-
558
-
559
- marker_30c0563b264a693313937c6c7632682e.setIcon(icon_79c33de75529b533e46f3f887029353c);
560
-
561
-
562
- var marker_26f07e8aaa5ca78ebd3f345078f25f88 = L.marker(
563
- [25.3185025980134, 49.5674053616234],
564
- {
565
- }
566
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
567
-
568
-
569
- var icon_30e84b98734ef33283a27c70e2994b26 = L.AwesomeMarkers.icon(
570
- {
571
- "markerColor": "blue",
572
- "iconColor": "white",
573
- "icon": "info-sign",
574
- "prefix": "glyphicon",
575
- "extraClasses": "fa-rotate-0",
576
- }
577
- );
578
-
579
-
580
- var popup_d6bd918ba83f64a06d5912575ffbda5b = L.popup({
581
- "maxWidth": 320,
582
- });
583
-
584
-
585
-
586
- var html_a141d3ab5a0dbe76b876837916881cde = $(`<div id="html_a141d3ab5a0dbe76b876837916881cde" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ماجد سلطان بن محمد القحطاني للتخليص الجمركي</b><br> السجل التجاري: 2031103027<br> المنطقة: الهفوف<br> الحارة: الحمراء الثاني<br> <a href="https://www.google.com/maps?q=25.3185025980134,49.5674053616234" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
587
- popup_d6bd918ba83f64a06d5912575ffbda5b.setContent(html_a141d3ab5a0dbe76b876837916881cde);
588
-
589
-
590
-
591
- marker_26f07e8aaa5ca78ebd3f345078f25f88.bindPopup(popup_d6bd918ba83f64a06d5912575ffbda5b)
592
- ;
593
-
594
-
595
-
596
-
597
- marker_26f07e8aaa5ca78ebd3f345078f25f88.bindTooltip(
598
- `<div>
599
- مؤسسة ماجد سلطان بن محمد القحطاني للتخليص الجمركي
600
- </div>`,
601
- {
602
- "sticky": true,
603
- }
604
- );
605
-
606
-
607
- marker_26f07e8aaa5ca78ebd3f345078f25f88.setIcon(icon_30e84b98734ef33283a27c70e2994b26);
608
-
609
-
610
- var marker_be33376fa08982df4fe250fb25e89699 = L.marker(
611
- [25.33051091, 49.56569239],
612
- {
613
- }
614
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
615
-
616
-
617
- var icon_9ba1b95bb23fa890336ba7786a7da69a = L.AwesomeMarkers.icon(
618
- {
619
- "markerColor": "pink",
620
- "iconColor": "white",
621
- "icon": "info-sign",
622
- "prefix": "glyphicon",
623
- "extraClasses": "fa-rotate-0",
624
- }
625
- );
626
-
627
-
628
- var popup_ec54d2f1e5a1ab63c070f4c69e38c581 = L.popup({
629
- "maxWidth": 320,
630
- });
631
-
632
-
633
-
634
- var html_f3b6ddbe1f832407f6de254699f74115 = $(`<div id="html_f3b6ddbe1f832407f6de254699f74115" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة صدى الرنة للاتصالات وتقنية المعلومات</b><br> السجل التجاري: 1010317258<br> المنطقة: الهفوف<br> الحارة: العزيزية الأول<br> <a href="https://www.google.com/maps?q=25.33051091,49.56569239" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
635
- popup_ec54d2f1e5a1ab63c070f4c69e38c581.setContent(html_f3b6ddbe1f832407f6de254699f74115);
636
-
637
-
638
-
639
- marker_be33376fa08982df4fe250fb25e89699.bindPopup(popup_ec54d2f1e5a1ab63c070f4c69e38c581)
640
- ;
641
-
642
-
643
-
644
-
645
- marker_be33376fa08982df4fe250fb25e89699.bindTooltip(
646
- `<div>
647
- مؤسسة صدى الرنة للاتصالات وتقنية المعلومات
648
- </div>`,
649
- {
650
- "sticky": true,
651
- }
652
- );
653
-
654
-
655
- marker_be33376fa08982df4fe250fb25e89699.setIcon(icon_9ba1b95bb23fa890336ba7786a7da69a);
656
-
657
-
658
- var marker_cad96968598ab1a7c5c64b64dc5d68a6 = L.marker(
659
- [25.37380852, 49.57740888],
660
- {
661
- }
662
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
663
-
664
-
665
- var icon_a9862c0e8bfa1a57c7b9335cc3eb533f = L.AwesomeMarkers.icon(
666
- {
667
- "markerColor": "pink",
668
- "iconColor": "white",
669
- "icon": "info-sign",
670
- "prefix": "glyphicon",
671
- "extraClasses": "fa-rotate-0",
672
- }
673
- );
674
-
675
-
676
- var popup_3b992a3d91c618f9735673cd3a69f417 = L.popup({
677
- "maxWidth": 320,
678
- });
679
-
680
-
681
-
682
- var html_62602192b0a1c57766ff415f965a79e8 = $(`<div id="html_62602192b0a1c57766ff415f965a79e8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب محمد عبدالعزيز العامر للخدمات العقارية</b><br> السجل التجاري: 2251493394<br> المنطقة: الهفوف<br> الحارة: المزروعية<br> <a href="https://www.google.com/maps?q=25.37380852,49.57740888" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
683
- popup_3b992a3d91c618f9735673cd3a69f417.setContent(html_62602192b0a1c57766ff415f965a79e8);
684
-
685
-
686
-
687
- marker_cad96968598ab1a7c5c64b64dc5d68a6.bindPopup(popup_3b992a3d91c618f9735673cd3a69f417)
688
- ;
689
-
690
-
691
-
692
-
693
- marker_cad96968598ab1a7c5c64b64dc5d68a6.bindTooltip(
694
- `<div>
695
- مكتب محمد عبدالعزيز العامر للخدمات العقارية
696
- </div>`,
697
- {
698
- "sticky": true,
699
- }
700
- );
701
-
702
-
703
- marker_cad96968598ab1a7c5c64b64dc5d68a6.setIcon(icon_a9862c0e8bfa1a57c7b9335cc3eb533f);
704
-
705
-
706
- var marker_860793e4cf40d93582737009524919d6 = L.marker(
707
- [25.3652109402285, 49.5790668403598],
708
- {
709
- }
710
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
711
-
712
-
713
- var icon_6d1a7c56d04a9b616d67a491519bad0c = L.AwesomeMarkers.icon(
714
- {
715
- "markerColor": "lightgray",
716
- "iconColor": "white",
717
- "icon": "info-sign",
718
- "prefix": "glyphicon",
719
- "extraClasses": "fa-rotate-0",
720
- }
721
- );
722
-
723
-
724
- var popup_f1b3728461e6da3c4abb9556ad82dc55 = L.popup({
725
- "maxWidth": 320,
726
- });
727
-
728
-
729
-
730
- var html_a54306a5ca8b8992cad9a2bc5ed5b04a = $(`<div id="html_a54306a5ca8b8992cad9a2bc5ed5b04a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فتحة العدسة التجارية</b><br> السجل التجاري: 2251101788<br> المنطقة: الهفوف<br> الحارة: المعلمين<br> <a href="https://www.google.com/maps?q=25.3652109402285,49.5790668403598" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
731
- popup_f1b3728461e6da3c4abb9556ad82dc55.setContent(html_a54306a5ca8b8992cad9a2bc5ed5b04a);
732
-
733
-
734
-
735
- marker_860793e4cf40d93582737009524919d6.bindPopup(popup_f1b3728461e6da3c4abb9556ad82dc55)
736
- ;
737
-
738
-
739
-
740
-
741
- marker_860793e4cf40d93582737009524919d6.bindTooltip(
742
- `<div>
743
- مؤسسة فتحة العدسة التجارية
744
- </div>`,
745
- {
746
- "sticky": true,
747
- }
748
- );
749
-
750
-
751
- marker_860793e4cf40d93582737009524919d6.setIcon(icon_6d1a7c56d04a9b616d67a491519bad0c);
752
-
753
-
754
- map_c72a682a68e1f3b6c845d1d4bbe6d589.fitBounds(
755
- [[25.33348407, 49.55455974], [25.3085576299999, 49.55661199], [25.3185025980134, 49.5674053616234], [25.33051091, 49.56569239], [25.37380852, 49.57740888], [25.3652109402285, 49.5790668403598]],
756
- {"padding": [30, 30]}
757
- );
758
-
759
-
760
- var layer_control_84094444daa53d24df81470f822d0389_layers = {
761
- base_layers : {
762
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_10192a5d2e03fdb1bffefe00dbb7aabe,
763
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_d667108d64829ccbcd6016a8b42433a6,
764
- },
765
- overlays : {
766
- },
767
- };
768
- let layer_control_84094444daa53d24df81470f822d0389 = L.control.layers(
769
- layer_control_84094444daa53d24df81470f822d0389_layers.base_layers,
770
- layer_control_84094444daa53d24df81470f822d0389_layers.overlays,
771
- {
772
- "position": "topright",
773
- "collapsed": false,
774
- "autoZIndex": true,
775
- }
776
- ).addTo(map_c72a682a68e1f3b6c845d1d4bbe6d589);
777
-
778
-
779
- </script>
780
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/45.html DELETED
@@ -1,762 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_9202b1f21fd72479b63b2fdcfd4c4c26 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">سميه سامى بن احمد النعيم - 45</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 6<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>السيفة</b>: 4 | <b>البندرية</b>: 1 | <b>الرفيعة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">السيفة</span>
149
- <span style="font-size:12px;color:#666;">(4)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#74c0fc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">البندرية</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#0b6623;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الرفيعة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_9202b1f21fd72479b63b2fdcfd4c4c26;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مؤسسة بساط الريح لوسطاء الشحن", "lat": 25.3458132899999, "lon": 49.5695706799999, "markerVar": "marker_7656ef7ca69e8eb988b49cb1d9e7b113"}, {"title": "مؤسسة فاطمه خالد بن سعد الفريدان للاتصالات", "lat": 25.37419027, "lon": 49.5827600499999, "markerVar": "marker_5239a3783440b963180598012b59f0b1"}, {"title": "مؤسسة سما المدينة للشحن", "lat": 25.3794961999999, "lon": 49.5835643599999, "markerVar": "marker_2c8ba091b961660947db2a971bf8cb25"}, {"title": "لي لي للوحدات السكنية المفروشة", "lat": 25.3852486161618, "lon": 49.5788900678567, "markerVar": "marker_22e01e56071533c2fd7555524baf84ea"}, {"title": "شقق النخلة للشقق المخدومة", "lat": 25.39198073, "lon": 49.5794019, "markerVar": "marker_f72d631d37c3756a0593dc957b283cf5"}, {"title": "مؤسسة عادل بن عبداللطيف بن صالح المقرن للتخليص الجمركي", "lat": 25.36283218, "lon": 49.57605479, "markerVar": "marker_a2e2160c8b6f86e36c011bfaf5ca2540"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_9202b1f21fd72479b63b2fdcfd4c4c26" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_9202b1f21fd72479b63b2fdcfd4c4c26 = L.map(
384
- "map_9202b1f21fd72479b63b2fdcfd4c4c26",
385
- {
386
- center: [25.37326021436027, 49.578373641309405],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_5d3846bfcd6f516db167ef5399e9ca1f = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_5d3846bfcd6f516db167ef5399e9ca1f.addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
420
-
421
-
422
- var tile_layer_d351f5bd5e975ad73edb02f1ace1e5e4 = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_d351f5bd5e975ad73edb02f1ace1e5e4.addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
440
-
441
-
442
- var locate_control_65272030740c6e742f16cef668815399 = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
445
-
446
-
447
-
448
- var marker_7656ef7ca69e8eb988b49cb1d9e7b113 = L.marker(
449
- [25.3458132899999, 49.5695706799999],
450
- {
451
- }
452
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
453
-
454
-
455
- var icon_e09e75d89cacade685ac5a99a22e6eb3 = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "lightblue",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_36c7d3da3f2db484c2e3e919c0b6cb53 = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_11fec9c31bcf50dc6cc8b9f146bc0847 = $(`<div id="html_11fec9c31bcf50dc6cc8b9f146bc0847" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بساط الريح لوسطاء الشحن</b><br> السجل التجاري: 2251064883<br> المنطقة: الهفوف<br> الحارة: البندرية<br> <a href="https://www.google.com/maps?q=25.3458132899999,49.5695706799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_36c7d3da3f2db484c2e3e919c0b6cb53.setContent(html_11fec9c31bcf50dc6cc8b9f146bc0847);
474
-
475
-
476
-
477
- marker_7656ef7ca69e8eb988b49cb1d9e7b113.bindPopup(popup_36c7d3da3f2db484c2e3e919c0b6cb53)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_7656ef7ca69e8eb988b49cb1d9e7b113.bindTooltip(
484
- `<div>
485
- مؤسسة بساط الريح لوسطاء الشحن
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_7656ef7ca69e8eb988b49cb1d9e7b113.setIcon(icon_e09e75d89cacade685ac5a99a22e6eb3);
494
-
495
-
496
- var marker_5239a3783440b963180598012b59f0b1 = L.marker(
497
- [25.37419027, 49.5827600499999],
498
- {
499
- }
500
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
501
-
502
-
503
- var icon_b3d5c8c66e4c1823419cb8cabe67b728 = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "beige",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_5becdca180f78a3cfd65f6900232fd1c = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_30b0663b5f558aa892425b502bcd9413 = $(`<div id="html_30b0663b5f558aa892425b502bcd9413" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة فاطمه خالد بن سعد الفريدان للاتصالات</b><br> السجل التجاري: 2251498063<br> المنطقة: الهفوف<br> الحارة: السيفة<br> <a href="https://www.google.com/maps?q=25.37419027,49.5827600499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_5becdca180f78a3cfd65f6900232fd1c.setContent(html_30b0663b5f558aa892425b502bcd9413);
522
-
523
-
524
-
525
- marker_5239a3783440b963180598012b59f0b1.bindPopup(popup_5becdca180f78a3cfd65f6900232fd1c)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_5239a3783440b963180598012b59f0b1.bindTooltip(
532
- `<div>
533
- مؤسسة فاطمه خالد بن سعد الفريدان للاتصالات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_5239a3783440b963180598012b59f0b1.setIcon(icon_b3d5c8c66e4c1823419cb8cabe67b728);
542
-
543
-
544
- var marker_2c8ba091b961660947db2a971bf8cb25 = L.marker(
545
- [25.3794961999999, 49.5835643599999],
546
- {
547
- }
548
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
549
-
550
-
551
- var icon_9c8766fe711d787d6cdc9777d1398a8f = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "beige",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_27306e201ea901e19fbadec35d374096 = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_dbd8159aca1dfa83df29da5573139415 = $(`<div id="html_dbd8159aca1dfa83df29da5573139415" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة سما المدينة للشحن</b><br> السجل التجاري: 2251496737<br> المنطقة: الهفوف<br> الحارة: السيفة<br> <a href="https://www.google.com/maps?q=25.3794961999999,49.5835643599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_27306e201ea901e19fbadec35d374096.setContent(html_dbd8159aca1dfa83df29da5573139415);
570
-
571
-
572
-
573
- marker_2c8ba091b961660947db2a971bf8cb25.bindPopup(popup_27306e201ea901e19fbadec35d374096)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_2c8ba091b961660947db2a971bf8cb25.bindTooltip(
580
- `<div>
581
- مؤسسة سما المدينة للشحن
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_2c8ba091b961660947db2a971bf8cb25.setIcon(icon_9c8766fe711d787d6cdc9777d1398a8f);
590
-
591
-
592
- var marker_22e01e56071533c2fd7555524baf84ea = L.marker(
593
- [25.3852486161618, 49.5788900678567],
594
- {
595
- }
596
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
597
-
598
-
599
- var icon_c60b9fd8add59ef63486fa820db50a31 = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "beige",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_713b3bfdff10ae797b10f5962c0112b8 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_f8dfea1376cb03c03a874adb567e465b = $(`<div id="html_f8dfea1376cb03c03a874adb567e465b" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>لي لي للوحدات السكنية المفروشة</b><br> السجل التجاري: 2251066706<br> المنطقة: الهفوف<br> الحارة: السيفة<br> <a href="https://www.google.com/maps?q=25.3852486161618,49.5788900678567" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_713b3bfdff10ae797b10f5962c0112b8.setContent(html_f8dfea1376cb03c03a874adb567e465b);
618
-
619
-
620
-
621
- marker_22e01e56071533c2fd7555524baf84ea.bindPopup(popup_713b3bfdff10ae797b10f5962c0112b8)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_22e01e56071533c2fd7555524baf84ea.bindTooltip(
628
- `<div>
629
- لي لي للوحدات السكنية المفروشة
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_22e01e56071533c2fd7555524baf84ea.setIcon(icon_c60b9fd8add59ef63486fa820db50a31);
638
-
639
-
640
- var marker_f72d631d37c3756a0593dc957b283cf5 = L.marker(
641
- [25.39198073, 49.5794019],
642
- {
643
- }
644
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
645
-
646
-
647
- var icon_40d0459f50f4c92d1881d4f9af830938 = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "beige",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_3e4387ca16e3e9b1f6fa9b6af818809a = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_f4d3b62fb7996a25b8a2cf01897f581f = $(`<div id="html_f4d3b62fb7996a25b8a2cf01897f581f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق النخلة للشقق المخدومة</b><br> السجل التجاري: 2251059884<br> المنطقة: الهفوف<br> الحارة: السيفة<br> <a href="https://www.google.com/maps?q=25.39198073,49.5794019" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_3e4387ca16e3e9b1f6fa9b6af818809a.setContent(html_f4d3b62fb7996a25b8a2cf01897f581f);
666
-
667
-
668
-
669
- marker_f72d631d37c3756a0593dc957b283cf5.bindPopup(popup_3e4387ca16e3e9b1f6fa9b6af818809a)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_f72d631d37c3756a0593dc957b283cf5.bindTooltip(
676
- `<div>
677
- شقق النخلة للشقق المخدومة
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_f72d631d37c3756a0593dc957b283cf5.setIcon(icon_40d0459f50f4c92d1881d4f9af830938);
686
-
687
-
688
- var marker_a2e2160c8b6f86e36c011bfaf5ca2540 = L.marker(
689
- [25.36283218, 49.57605479],
690
- {
691
- }
692
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
693
-
694
-
695
- var icon_2d305a1dc8e31517ef0fbb53271144cd = L.AwesomeMarkers.icon(
696
- {
697
- "markerColor": "darkgreen",
698
- "iconColor": "white",
699
- "icon": "info-sign",
700
- "prefix": "glyphicon",
701
- "extraClasses": "fa-rotate-0",
702
- }
703
- );
704
-
705
-
706
- var popup_b62bf573b8c8ef77a1d98361c6cd23a2 = L.popup({
707
- "maxWidth": 320,
708
- });
709
-
710
-
711
-
712
- var html_d716b31133e8c52bcc7a8ef9b783f904 = $(`<div id="html_d716b31133e8c52bcc7a8ef9b783f904" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة عادل بن عبداللطيف بن صالح المقرن للتخليص الجمركي</b><br> السجل التجاري: 2254000488<br> المنطقة: الهفوف<br> الحارة: الرفيعة<br> <a href="https://www.google.com/maps?q=25.36283218,49.57605479" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
713
- popup_b62bf573b8c8ef77a1d98361c6cd23a2.setContent(html_d716b31133e8c52bcc7a8ef9b783f904);
714
-
715
-
716
-
717
- marker_a2e2160c8b6f86e36c011bfaf5ca2540.bindPopup(popup_b62bf573b8c8ef77a1d98361c6cd23a2)
718
- ;
719
-
720
-
721
-
722
-
723
- marker_a2e2160c8b6f86e36c011bfaf5ca2540.bindTooltip(
724
- `<div>
725
- مؤسسة عادل بن عبداللطيف بن صالح المقرن للتخليص الجمركي
726
- </div>`,
727
- {
728
- "sticky": true,
729
- }
730
- );
731
-
732
-
733
- marker_a2e2160c8b6f86e36c011bfaf5ca2540.setIcon(icon_2d305a1dc8e31517ef0fbb53271144cd);
734
-
735
-
736
- map_9202b1f21fd72479b63b2fdcfd4c4c26.fitBounds(
737
- [[25.3458132899999, 49.5695706799999], [25.37419027, 49.5827600499999], [25.3794961999999, 49.5835643599999], [25.3852486161618, 49.5788900678567], [25.39198073, 49.5794019], [25.36283218, 49.57605479]],
738
- {"padding": [30, 30]}
739
- );
740
-
741
-
742
- var layer_control_e500d51a0c784d651c1c1b87405a5b1a_layers = {
743
- base_layers : {
744
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_5d3846bfcd6f516db167ef5399e9ca1f,
745
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_d351f5bd5e975ad73edb02f1ace1e5e4,
746
- },
747
- overlays : {
748
- },
749
- };
750
- let layer_control_e500d51a0c784d651c1c1b87405a5b1a = L.control.layers(
751
- layer_control_e500d51a0c784d651c1c1b87405a5b1a_layers.base_layers,
752
- layer_control_e500d51a0c784d651c1c1b87405a5b1a_layers.overlays,
753
- {
754
- "position": "topright",
755
- "collapsed": false,
756
- "autoZIndex": true,
757
- }
758
- ).addTo(map_9202b1f21fd72479b63b2fdcfd4c4c26);
759
-
760
-
761
- </script>
762
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/46.html DELETED
@@ -1,756 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_cb8653e2ec82e2aa0b953d76d21da803 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">نوره عبدالله بن مانع الخالدي - 46</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 6<br>
139
- <b>عدد الحارات:</b> 2<br>
140
- <b>الأكثر:</b> <b>وسط الهفوف التاريخي</b>: 5 | <b>الحمراء الأول</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">وسط الهفوف التاريخي</span>
149
- <span style="font-size:12px;color:#666;">(5)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحمراء الأول</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
-
158
- </div>
159
- </div>
160
- </div>
161
-
162
- <script>
163
- (function(){
164
- const box = document.getElementById('statsBox');
165
- const fab = document.getElementById('statsFab');
166
- const hide = document.getElementById('hideStats');
167
-
168
- hide.addEventListener('click', function(){
169
- box.style.display = 'none';
170
- fab.style.display = 'block';
171
- });
172
-
173
- fab.addEventListener('click', function(){
174
- box.style.display = 'block';
175
- fab.style.display = 'none';
176
- });
177
- })();
178
- </script>
179
-
180
-
181
- <style>
182
- .leaflet-control.est-search-control {
183
- background: rgba(255,255,255,0.92);
184
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
185
- border-radius: 14px;
186
- padding: 10px 10px;
187
- width: 320px;
188
- direction: rtl;
189
- font-family: Arial, sans-serif;
190
- }
191
- .est-search-control input {
192
- width: 100%;
193
- border: 1px solid rgba(0,0,0,0.15);
194
- border-radius: 10px;
195
- padding: 10px 12px;
196
- font-size: 13px;
197
- outline: none;
198
- }
199
- .est-search-meta {
200
- margin-top: 6px;
201
- font-size: 12px;
202
- color: #666;
203
- display:flex;
204
- justify-content:space-between;
205
- gap:8px;
206
- }
207
- .est-results {
208
- margin-top: 8px;
209
- max-height: 180px;
210
- overflow: auto;
211
- border-top: 1px solid rgba(0,0,0,0.08);
212
- padding-top: 6px;
213
- }
214
- .est-item {
215
- cursor: pointer;
216
- padding: 8px 10px;
217
- border-radius: 10px;
218
- font-size: 13px;
219
- line-height: 1.4;
220
- }
221
- .est-item:hover {
222
- background: rgba(0,0,0,0.06);
223
- }
224
- .est-badge {
225
- font-size: 12px;
226
- color: #333;
227
- }
228
- .est-clear {
229
- cursor:pointer;
230
- user-select:none;
231
- font-size:12px;
232
- color:#0b6efd;
233
- }
234
- </style>
235
-
236
- <script>
237
- (function(){
238
- const map = map_cb8653e2ec82e2aa0b953d76d21da803;
239
- // items: list of objects (title, lat, lon, markerVar)
240
- const items = [{"title": "شقق همس المدى للشقق المخدومة", "lat": 25.3197305639667, "lon": 49.5784649364239, "markerVar": "marker_1106841e92d44dea958e25bd9873cd3a"}, {"title": "بوفية هرم الذرة للوجبات السريعة", "lat": 25.3728281299999, "lon": 49.58902158, "markerVar": "marker_04d7a5d7d8c5153e41b2cf026dbb1d6a"}, {"title": "مؤسسة ضوء السهم للنقل البري", "lat": 25.37170507, "lon": 49.58366324, "markerVar": "marker_a9ab4020cd0bf8c75ea73c42e41dd5f8"}, {"title": "مؤسسة سامي بن حسين بن طاهر الدريسي للأجهزة الإلكترونية", "lat": 25.37472687, "lon": 49.58606048, "markerVar": "marker_c1cbb6289f21052e1463b4b047a6c5d2"}, {"title": "مطعم رحاب ابراهيم بن احمد الريزان لتقديم الوجبات", "lat": 25.3749101, "lon": 49.5906711, "markerVar": "marker_579d48b1639941abbd738a4bfb0941d8"}, {"title": "مؤسسة المحرق للاتصالات", "lat": 25.37602506, "lon": 49.58585226, "markerVar": "marker_760cf3253435662a011ea5a9afe3a514"}];
241
-
242
- function norm(s){
243
- if(!s) return "";
244
- s = (""+s).toLowerCase();
245
-
246
- // إزالة التشكيل
247
- s = s.replace(/[\u064B-\u065F]/g, "");
248
- // تطبيع عربي
249
- s = s.replace(/[إأآا]/g, "ا")
250
- .replace(/ى/g, "ي")
251
- .replace(/ة/g, "ه")
252
- .replace(/ؤ/g, "و")
253
- .replace(/ئ/g, "ي")
254
- .replace(/ـ/g, "");
255
- // مسافات
256
- s = s.replace(/\s+/g, " ").trim();
257
- return s;
258
- }
259
-
260
- const SearchControl = L.Control.extend({
261
- options: { position: 'bottomleft' },
262
- onAdd: function(){
263
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
264
- div.innerHTML = `
265
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
266
- <div class="est-search-meta">
267
- <span id="estCount" class="est-badge"></span>
268
- <span id="estClear" class="est-clear">مسح</span>
269
- </div>
270
- <div id="estResults" class="est-results"></div>
271
- `;
272
- L.DomEvent.disableClickPropagation(div);
273
- L.DomEvent.disableScrollPropagation(div);
274
- return div;
275
- }
276
- });
277
-
278
- map.addControl(new SearchControl());
279
-
280
- function renderResults(hits){
281
- const results = document.getElementById('estResults');
282
- const count = document.getElementById('estCount');
283
- results.innerHTML = "";
284
-
285
- if(!hits.length){
286
- count.textContent = "لا توجد نتائج";
287
- return;
288
- }
289
-
290
- count.textContent = "النتائج: " + hits.length;
291
-
292
- for(const h of hits.slice(0, 50)){
293
- const el = document.createElement('div');
294
- el.className = 'est-item';
295
- el.textContent = h.title;
296
- el.onclick = function(){
297
- try {
298
- const mv = window[h.markerVar];
299
- if(mv && mv.getLatLng){
300
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
301
- if(mv.openPopup) mv.openPopup();
302
- } else {
303
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
304
- }
305
- } catch(e) {}
306
- };
307
- results.appendChild(el);
308
- }
309
- }
310
-
311
- function search(q){
312
- const nq = norm(q);
313
- if(!nq) return [];
314
- const hits = [];
315
- for(const it of items){
316
- if(norm(it.title).includes(nq)) hits.push(it);
317
- }
318
- return hits;
319
- }
320
-
321
- setTimeout(function(){
322
- const input = document.getElementById('estQ');
323
- const clearBtn = document.getElementById('estClear');
324
-
325
- input.addEventListener('input', function(){
326
- renderResults(search(this.value));
327
- });
328
-
329
- input.addEventListener('keydown', function(e){
330
- if(e.key === 'Enter'){
331
- const hits = search(this.value);
332
- renderResults(hits);
333
- if(hits.length){
334
- try {
335
- const mv = window[hits[0].markerVar];
336
- if(mv && mv.getLatLng){
337
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
338
- if(mv.openPopup) mv.openPopup();
339
- }
340
- } catch(e) {}
341
- }
342
- }
343
- });
344
-
345
- clearBtn.addEventListener('click', function(){
346
- input.value = "";
347
- document.getElementById('estResults').innerHTML = "";
348
- document.getElementById('estCount').textContent = "";
349
- });
350
- }, 0);
351
- })();
352
- </script>
353
-
354
-
355
- <div style="
356
- position: fixed;
357
- bottom: 8px; left: 8px;
358
- background: rgba(255,255,255,0.85);
359
- padding: 6px 10px;
360
- border-radius: 10px;
361
- font-size: 13px;
362
- direction: rtl;
363
- z-index: 9999;
364
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
365
- font-family: Arial, sans-serif;
366
- ">
367
- تصميم وإعداد <b>نوف الناصر</b>
368
- </div>
369
-
370
-
371
- <div class="folium-map" id="map_cb8653e2ec82e2aa0b953d76d21da803" ></div>
372
-
373
- </body>
374
- <script>
375
-
376
-
377
- var map_cb8653e2ec82e2aa0b953d76d21da803 = L.map(
378
- "map_cb8653e2ec82e2aa0b953d76d21da803",
379
- {
380
- center: [25.364987632327768, 49.58562226607066],
381
- crs: L.CRS.EPSG3857,
382
- ...{
383
- "zoom": 13,
384
- "zoomControl": true,
385
- "preferCanvas": false,
386
- }
387
-
388
- }
389
- );
390
- L.control.scale().addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
391
-
392
-
393
-
394
-
395
-
396
- var tile_layer_eb890cbd104db4abd90f5681a570cd60 = L.tileLayer(
397
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
398
- {
399
- "minZoom": 0,
400
- "maxZoom": 19,
401
- "maxNativeZoom": 19,
402
- "noWrap": false,
403
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
404
- "subdomains": "abc",
405
- "detectRetina": false,
406
- "tms": false,
407
- "opacity": 1,
408
- }
409
-
410
- );
411
-
412
-
413
- tile_layer_eb890cbd104db4abd90f5681a570cd60.addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
414
-
415
-
416
- var tile_layer_b3c5d4722b90306a20056bd9f0c0eda8 = L.tileLayer(
417
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
418
- {
419
- "minZoom": 0,
420
- "maxZoom": 18,
421
- "maxNativeZoom": 18,
422
- "noWrap": false,
423
- "attribution": "\u0026copy; Esri",
424
- "subdomains": "abc",
425
- "detectRetina": false,
426
- "tms": false,
427
- "opacity": 1,
428
- }
429
-
430
- );
431
-
432
-
433
- tile_layer_b3c5d4722b90306a20056bd9f0c0eda8.addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
434
-
435
-
436
- var locate_control_e780b1d340e24ec28f406f5e7be16fe7 = L.control.locate(
437
- {"flyTo": true}
438
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
439
-
440
-
441
-
442
- var marker_1106841e92d44dea958e25bd9873cd3a = L.marker(
443
- [25.3197305639667, 49.5784649364239],
444
- {
445
- }
446
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
447
-
448
-
449
- var icon_8d920e0ebcf66b7d936a5003d8680f1e = L.AwesomeMarkers.icon(
450
- {
451
- "markerColor": "darkred",
452
- "iconColor": "white",
453
- "icon": "info-sign",
454
- "prefix": "glyphicon",
455
- "extraClasses": "fa-rotate-0",
456
- }
457
- );
458
-
459
-
460
- var popup_1666e811d171d7e9df2435c67f3011af = L.popup({
461
- "maxWidth": 320,
462
- });
463
-
464
-
465
-
466
- var html_23999e393bbbe588a604c13a29420877 = $(`<div id="html_23999e393bbbe588a604c13a29420877" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق همس المدى للشقق المخدومة</b><br> السجل التجاري: 2031110148<br> المنطقة: الهفوف<br> الحارة: الحمراء الأول<br> <a href="https://www.google.com/maps?q=25.3197305639667,49.5784649364239" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
467
- popup_1666e811d171d7e9df2435c67f3011af.setContent(html_23999e393bbbe588a604c13a29420877);
468
-
469
-
470
-
471
- marker_1106841e92d44dea958e25bd9873cd3a.bindPopup(popup_1666e811d171d7e9df2435c67f3011af)
472
- ;
473
-
474
-
475
-
476
-
477
- marker_1106841e92d44dea958e25bd9873cd3a.bindTooltip(
478
- `<div>
479
- شقق همس المدى للشقق المخدومة
480
- </div>`,
481
- {
482
- "sticky": true,
483
- }
484
- );
485
-
486
-
487
- marker_1106841e92d44dea958e25bd9873cd3a.setIcon(icon_8d920e0ebcf66b7d936a5003d8680f1e);
488
-
489
-
490
- var marker_04d7a5d7d8c5153e41b2cf026dbb1d6a = L.marker(
491
- [25.3728281299999, 49.58902158],
492
- {
493
- }
494
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
495
-
496
-
497
- var icon_1874a7e7e085110ea5f38283ca5e62fd = L.AwesomeMarkers.icon(
498
- {
499
- "markerColor": "black",
500
- "iconColor": "white",
501
- "icon": "info-sign",
502
- "prefix": "glyphicon",
503
- "extraClasses": "fa-rotate-0",
504
- }
505
- );
506
-
507
-
508
- var popup_5e719e00eed16f5ba00068f7cdc23ad3 = L.popup({
509
- "maxWidth": 320,
510
- });
511
-
512
-
513
-
514
- var html_4988d89f9368a76dae901bef705f205d = $(`<div id="html_4988d89f9368a76dae901bef705f205d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية هرم الذرة للوجبات السريعة</b><br> السجل التجاري: 2251503132<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.3728281299999,49.58902158" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
515
- popup_5e719e00eed16f5ba00068f7cdc23ad3.setContent(html_4988d89f9368a76dae901bef705f205d);
516
-
517
-
518
-
519
- marker_04d7a5d7d8c5153e41b2cf026dbb1d6a.bindPopup(popup_5e719e00eed16f5ba00068f7cdc23ad3)
520
- ;
521
-
522
-
523
-
524
-
525
- marker_04d7a5d7d8c5153e41b2cf026dbb1d6a.bindTooltip(
526
- `<div>
527
- بوفية هرم الذرة للوجبات السريعة
528
- </div>`,
529
- {
530
- "sticky": true,
531
- }
532
- );
533
-
534
-
535
- marker_04d7a5d7d8c5153e41b2cf026dbb1d6a.setIcon(icon_1874a7e7e085110ea5f38283ca5e62fd);
536
-
537
-
538
- var marker_a9ab4020cd0bf8c75ea73c42e41dd5f8 = L.marker(
539
- [25.37170507, 49.58366324],
540
- {
541
- }
542
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
543
-
544
-
545
- var icon_498d4fcb95210016e81b22e46dd341b8 = L.AwesomeMarkers.icon(
546
- {
547
- "markerColor": "black",
548
- "iconColor": "white",
549
- "icon": "info-sign",
550
- "prefix": "glyphicon",
551
- "extraClasses": "fa-rotate-0",
552
- }
553
- );
554
-
555
-
556
- var popup_7d1561e983cd45dc3f73cfe89f2325fc = L.popup({
557
- "maxWidth": 320,
558
- });
559
-
560
-
561
-
562
- var html_f9ae28fe47f0ec723167019555d32abd = $(`<div id="html_f9ae28fe47f0ec723167019555d32abd" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة ضوء السهم للنقل البري</b><br> السجل التجاري: 2251502528<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.37170507,49.58366324" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
563
- popup_7d1561e983cd45dc3f73cfe89f2325fc.setContent(html_f9ae28fe47f0ec723167019555d32abd);
564
-
565
-
566
-
567
- marker_a9ab4020cd0bf8c75ea73c42e41dd5f8.bindPopup(popup_7d1561e983cd45dc3f73cfe89f2325fc)
568
- ;
569
-
570
-
571
-
572
-
573
- marker_a9ab4020cd0bf8c75ea73c42e41dd5f8.bindTooltip(
574
- `<div>
575
- مؤسسة ضوء السهم للنقل البري
576
- </div>`,
577
- {
578
- "sticky": true,
579
- }
580
- );
581
-
582
-
583
- marker_a9ab4020cd0bf8c75ea73c42e41dd5f8.setIcon(icon_498d4fcb95210016e81b22e46dd341b8);
584
-
585
-
586
- var marker_c1cbb6289f21052e1463b4b047a6c5d2 = L.marker(
587
- [25.37472687, 49.58606048],
588
- {
589
- }
590
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
591
-
592
-
593
- var icon_93583be84269ea558bf6f7f32a169a01 = L.AwesomeMarkers.icon(
594
- {
595
- "markerColor": "black",
596
- "iconColor": "white",
597
- "icon": "info-sign",
598
- "prefix": "glyphicon",
599
- "extraClasses": "fa-rotate-0",
600
- }
601
- );
602
-
603
-
604
- var popup_8e4b3ba0e0e7f203bdd206dc1fcf130c = L.popup({
605
- "maxWidth": 320,
606
- });
607
-
608
-
609
-
610
- var html_d1d64e98cd7191f7b8a771c7a1513725 = $(`<div id="html_d1d64e98cd7191f7b8a771c7a1513725" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة سامي بن حسين بن طاهر الدريسي للأجهزة الإلكترونية</b><br> السجل التجاري: 2251114916<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.37472687,49.58606048" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
611
- popup_8e4b3ba0e0e7f203bdd206dc1fcf130c.setContent(html_d1d64e98cd7191f7b8a771c7a1513725);
612
-
613
-
614
-
615
- marker_c1cbb6289f21052e1463b4b047a6c5d2.bindPopup(popup_8e4b3ba0e0e7f203bdd206dc1fcf130c)
616
- ;
617
-
618
-
619
-
620
-
621
- marker_c1cbb6289f21052e1463b4b047a6c5d2.bindTooltip(
622
- `<div>
623
- مؤسسة سامي بن حسين بن طاهر الدريسي للأجهزة الإلكترونية
624
- </div>`,
625
- {
626
- "sticky": true,
627
- }
628
- );
629
-
630
-
631
- marker_c1cbb6289f21052e1463b4b047a6c5d2.setIcon(icon_93583be84269ea558bf6f7f32a169a01);
632
-
633
-
634
- var marker_579d48b1639941abbd738a4bfb0941d8 = L.marker(
635
- [25.3749101, 49.5906711],
636
- {
637
- }
638
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
639
-
640
-
641
- var icon_445608d7166322e6b18ab363e2f543d1 = L.AwesomeMarkers.icon(
642
- {
643
- "markerColor": "black",
644
- "iconColor": "white",
645
- "icon": "info-sign",
646
- "prefix": "glyphicon",
647
- "extraClasses": "fa-rotate-0",
648
- }
649
- );
650
-
651
-
652
- var popup_f249212932f075154f93b8edc341bbb2 = L.popup({
653
- "maxWidth": 320,
654
- });
655
-
656
-
657
-
658
- var html_581d2eb9a8f0d99411286aa9ad88aae8 = $(`<div id="html_581d2eb9a8f0d99411286aa9ad88aae8" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم رحاب ابراهيم بن احمد الريزان لتقديم الوجبات</b><br> السجل التجاري: 2031110799<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.3749101,49.5906711" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
659
- popup_f249212932f075154f93b8edc341bbb2.setContent(html_581d2eb9a8f0d99411286aa9ad88aae8);
660
-
661
-
662
-
663
- marker_579d48b1639941abbd738a4bfb0941d8.bindPopup(popup_f249212932f075154f93b8edc341bbb2)
664
- ;
665
-
666
-
667
-
668
-
669
- marker_579d48b1639941abbd738a4bfb0941d8.bindTooltip(
670
- `<div>
671
- مطعم رحاب ابراهيم بن احمد الريزان لتقديم الوجبات
672
- </div>`,
673
- {
674
- "sticky": true,
675
- }
676
- );
677
-
678
-
679
- marker_579d48b1639941abbd738a4bfb0941d8.setIcon(icon_445608d7166322e6b18ab363e2f543d1);
680
-
681
-
682
- var marker_760cf3253435662a011ea5a9afe3a514 = L.marker(
683
- [25.37602506, 49.58585226],
684
- {
685
- }
686
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
687
-
688
-
689
- var icon_1231f2e48797cd589c27ca3014eb830b = L.AwesomeMarkers.icon(
690
- {
691
- "markerColor": "black",
692
- "iconColor": "white",
693
- "icon": "info-sign",
694
- "prefix": "glyphicon",
695
- "extraClasses": "fa-rotate-0",
696
- }
697
- );
698
-
699
-
700
- var popup_a92be1f04a197483c2ef70fcf0c8191d = L.popup({
701
- "maxWidth": 320,
702
- });
703
-
704
-
705
-
706
- var html_a71a69ecdfe33d96cbe39bf2dc72fdea = $(`<div id="html_a71a69ecdfe33d96cbe39bf2dc72fdea" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة المحرق للاتصالات</b><br> السجل التجاري: 2031109285<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.37602506,49.58585226" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
707
- popup_a92be1f04a197483c2ef70fcf0c8191d.setContent(html_a71a69ecdfe33d96cbe39bf2dc72fdea);
708
-
709
-
710
-
711
- marker_760cf3253435662a011ea5a9afe3a514.bindPopup(popup_a92be1f04a197483c2ef70fcf0c8191d)
712
- ;
713
-
714
-
715
-
716
-
717
- marker_760cf3253435662a011ea5a9afe3a514.bindTooltip(
718
- `<div>
719
- مؤسسة المحرق للاتصالات
720
- </div>`,
721
- {
722
- "sticky": true,
723
- }
724
- );
725
-
726
-
727
- marker_760cf3253435662a011ea5a9afe3a514.setIcon(icon_1231f2e48797cd589c27ca3014eb830b);
728
-
729
-
730
- map_cb8653e2ec82e2aa0b953d76d21da803.fitBounds(
731
- [[25.3197305639667, 49.5784649364239], [25.3728281299999, 49.58902158], [25.37170507, 49.58366324], [25.37472687, 49.58606048], [25.3749101, 49.5906711], [25.37602506, 49.58585226]],
732
- {"padding": [30, 30]}
733
- );
734
-
735
-
736
- var layer_control_fcb57f572badfca92254bbd328d04dee_layers = {
737
- base_layers : {
738
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_eb890cbd104db4abd90f5681a570cd60,
739
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_b3c5d4722b90306a20056bd9f0c0eda8,
740
- },
741
- overlays : {
742
- },
743
- };
744
- let layer_control_fcb57f572badfca92254bbd328d04dee = L.control.layers(
745
- layer_control_fcb57f572badfca92254bbd328d04dee_layers.base_layers,
746
- layer_control_fcb57f572badfca92254bbd328d04dee_layers.overlays,
747
- {
748
- "position": "topright",
749
- "collapsed": false,
750
- "autoZIndex": true,
751
- }
752
- ).addTo(map_cb8653e2ec82e2aa0b953d76d21da803);
753
-
754
-
755
- </script>
756
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/47.html DELETED
@@ -1,768 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_bf8bec04613f1fcd98c7e224490882a8 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">منيره سعد بن احمد الجديدي - 47</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 6<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>وسط الهفوف التاريخي</b>: 2 | <b>الخالدية</b>: 2 | <b>لذه</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">وسط الهفوف التاريخي</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#6f42c1;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الخالدية</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">لذه</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#dc3545;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الفيصلية الأول</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_bf8bec04613f1fcd98c7e224490882a8;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مطعم رقيه مهدي بن علي الجمعه لتقديم الوجبات", "lat": 25.37378516, "lon": 49.58534736, "markerVar": "marker_3cbab18f5ac81f9bb8c9891f2094892e"}, {"title": "مؤسسة البطاقة المختلفة للاتصالات", "lat": 25.3743547, "lon": 49.5869755, "markerVar": "marker_734ee9b30d52fd9921de8296a5dea4d7"}, {"title": "معهد رسيم للتدريب", "lat": 25.33972736, "lon": 49.59150282, "markerVar": "marker_1c71360a28a769d870fefb14acd1a111"}, {"title": "بوفية الحمادية للوجبات السريعة", "lat": 25.3285636399999, "lon": 49.58582467, "markerVar": "marker_566b4120ae335b3b3bae0b661198df14"}, {"title": "شقق الأحساء جراند للشقق المخدومة", "lat": 25.3463107299999, "lon": 49.59019863, "markerVar": "marker_1c5a0bacd49229ae56456940db287fe4"}, {"title": "مؤسسة حسين بن جمعه بن حسين البحراني للاتصالات و تقنية المعلومات", "lat": 25.3833068799999, "lon": 49.59143916, "markerVar": "marker_e5bc4eeb6484aa9fc9ff4c4176c22890"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_bf8bec04613f1fcd98c7e224490882a8" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_bf8bec04613f1fcd98c7e224490882a8 = L.map(
390
- "map_bf8bec04613f1fcd98c7e224490882a8",
391
- {
392
- center: [25.35767474499995, 49.58854802333334],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_bf8bec04613f1fcd98c7e224490882a8);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_be34402e38ad716f9a23d8c3e8c18b3c = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_be34402e38ad716f9a23d8c3e8c18b3c.addTo(map_bf8bec04613f1fcd98c7e224490882a8);
426
-
427
-
428
- var tile_layer_06917c5f2c68862d7976f441f23803ba = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_06917c5f2c68862d7976f441f23803ba.addTo(map_bf8bec04613f1fcd98c7e224490882a8);
446
-
447
-
448
- var locate_control_c90802349a46c50171f261422decc5ef = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
451
-
452
-
453
-
454
- var marker_3cbab18f5ac81f9bb8c9891f2094892e = L.marker(
455
- [25.37378516, 49.58534736],
456
- {
457
- }
458
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
459
-
460
-
461
- var icon_f3a2b4adda00f6e88caa358cce05bdcb = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "black",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_16d999b508cdb5848afc12bd52d97b2c = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_79edd0af14c879260912b51244aab73a = $(`<div id="html_79edd0af14c879260912b51244aab73a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم رقيه مهدي بن علي الجمعه لتقديم الوجبات</b><br> السجل التجاري: 2031105972<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.37378516,49.58534736" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_16d999b508cdb5848afc12bd52d97b2c.setContent(html_79edd0af14c879260912b51244aab73a);
480
-
481
-
482
-
483
- marker_3cbab18f5ac81f9bb8c9891f2094892e.bindPopup(popup_16d999b508cdb5848afc12bd52d97b2c)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_3cbab18f5ac81f9bb8c9891f2094892e.bindTooltip(
490
- `<div>
491
- مطعم رقيه مهدي بن علي الجمعه لتقديم الوجبات
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_3cbab18f5ac81f9bb8c9891f2094892e.setIcon(icon_f3a2b4adda00f6e88caa358cce05bdcb);
500
-
501
-
502
- var marker_734ee9b30d52fd9921de8296a5dea4d7 = L.marker(
503
- [25.3743547, 49.5869755],
504
- {
505
- }
506
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
507
-
508
-
509
- var icon_c2d984e8a12615af9981e3e83597b3a2 = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "black",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_8f770007a3d05b6e7a261574a6a99166 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_96c85189ea1e8766e0930ffd106a869a = $(`<div id="html_96c85189ea1e8766e0930ffd106a869a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة البطاقة المختلفة للاتصالات</b><br> السجل التجاري: 2031104391<br> المنطقة: الهفوف<br> الحارة: وسط الهفوف التاريخي<br> <a href="https://www.google.com/maps?q=25.3743547,49.5869755" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_8f770007a3d05b6e7a261574a6a99166.setContent(html_96c85189ea1e8766e0930ffd106a869a);
528
-
529
-
530
-
531
- marker_734ee9b30d52fd9921de8296a5dea4d7.bindPopup(popup_8f770007a3d05b6e7a261574a6a99166)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_734ee9b30d52fd9921de8296a5dea4d7.bindTooltip(
538
- `<div>
539
- مؤسسة البطاقة المختلفة للاتصالات
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_734ee9b30d52fd9921de8296a5dea4d7.setIcon(icon_c2d984e8a12615af9981e3e83597b3a2);
548
-
549
-
550
- var marker_1c71360a28a769d870fefb14acd1a111 = L.marker(
551
- [25.33972736, 49.59150282],
552
- {
553
- }
554
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
555
-
556
-
557
- var icon_8a2b43fa92a2f7c0ec525ae5c4f16fb8 = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "purple",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_a8a70c855b8f1f497770eb3b869a4ac9 = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_0c1b0e206245d08549b121e1daa72866 = $(`<div id="html_0c1b0e206245d08549b121e1daa72866" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>معهد رسيم للتدريب</b><br> السجل التجاري: 2251063884<br> المنطقة: الهفوف<br> الحارة: الخالدية<br> <a href="https://www.google.com/maps?q=25.33972736,49.59150282" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_a8a70c855b8f1f497770eb3b869a4ac9.setContent(html_0c1b0e206245d08549b121e1daa72866);
576
-
577
-
578
-
579
- marker_1c71360a28a769d870fefb14acd1a111.bindPopup(popup_a8a70c855b8f1f497770eb3b869a4ac9)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_1c71360a28a769d870fefb14acd1a111.bindTooltip(
586
- `<div>
587
- معهد رسيم للتدريب
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_1c71360a28a769d870fefb14acd1a111.setIcon(icon_8a2b43fa92a2f7c0ec525ae5c4f16fb8);
596
-
597
-
598
- var marker_566b4120ae335b3b3bae0b661198df14 = L.marker(
599
- [25.3285636399999, 49.58582467],
600
- {
601
- }
602
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
603
-
604
-
605
- var icon_00fe589125e2c4bd5bcfadc253762ba0 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "purple",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_9ab1b7797a90eefdeb94a46ca70c4b98 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_2e3df448f32705e9a1d79b7f46143d22 = $(`<div id="html_2e3df448f32705e9a1d79b7f46143d22" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية الحمادية للوجبات السريعة</b><br> السجل التجاري: 2251052700<br> المنطقة: الهفوف<br> الحارة: الخالدية<br> <a href="https://www.google.com/maps?q=25.3285636399999,49.58582467" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_9ab1b7797a90eefdeb94a46ca70c4b98.setContent(html_2e3df448f32705e9a1d79b7f46143d22);
624
-
625
-
626
-
627
- marker_566b4120ae335b3b3bae0b661198df14.bindPopup(popup_9ab1b7797a90eefdeb94a46ca70c4b98)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_566b4120ae335b3b3bae0b661198df14.bindTooltip(
634
- `<div>
635
- بوفية الحمادية للوجبات السريعة
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_566b4120ae335b3b3bae0b661198df14.setIcon(icon_00fe589125e2c4bd5bcfadc253762ba0);
644
-
645
-
646
- var marker_1c5a0bacd49229ae56456940db287fe4 = L.marker(
647
- [25.3463107299999, 49.59019863],
648
- {
649
- }
650
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
651
-
652
-
653
- var icon_ecbf936cf788a5de0cc47dc19f977d0b = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "lightgreen",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_da1a53d91c48c491b84c993fcbae6a9e = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_ffc45c45199984327f69f50f6d573ab7 = $(`<div id="html_ffc45c45199984327f69f50f6d573ab7" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>شقق الأحساء جراند للشقق المخدومة</b><br> السجل التجاري: 2031103708<br> المنطقة: الهفوف<br> الحارة: لذه<br> <a href="https://www.google.com/maps?q=25.3463107299999,49.59019863" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_da1a53d91c48c491b84c993fcbae6a9e.setContent(html_ffc45c45199984327f69f50f6d573ab7);
672
-
673
-
674
-
675
- marker_1c5a0bacd49229ae56456940db287fe4.bindPopup(popup_da1a53d91c48c491b84c993fcbae6a9e)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_1c5a0bacd49229ae56456940db287fe4.bindTooltip(
682
- `<div>
683
- شقق الأحساء ��راند للشقق المخدومة
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_1c5a0bacd49229ae56456940db287fe4.setIcon(icon_ecbf936cf788a5de0cc47dc19f977d0b);
692
-
693
-
694
- var marker_e5bc4eeb6484aa9fc9ff4c4176c22890 = L.marker(
695
- [25.3833068799999, 49.59143916],
696
- {
697
- }
698
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
699
-
700
-
701
- var icon_58ec103f7dcc1ef9f038d3c498c69874 = L.AwesomeMarkers.icon(
702
- {
703
- "markerColor": "red",
704
- "iconColor": "white",
705
- "icon": "info-sign",
706
- "prefix": "glyphicon",
707
- "extraClasses": "fa-rotate-0",
708
- }
709
- );
710
-
711
-
712
- var popup_1dbcc6ca47e729e6bd4b536e28db310f = L.popup({
713
- "maxWidth": 320,
714
- });
715
-
716
-
717
-
718
- var html_72eb15d7fdd2aa52d5424727a1bb57a6 = $(`<div id="html_72eb15d7fdd2aa52d5424727a1bb57a6" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة حسين بن جمعه بن حسين البحراني للاتصالات و تقنية المعلومات</b><br> السجل التجاري: 2251493602<br> المنطقة: الهفوف<br> الحارة: الفيصلية الأول<br> <a href="https://www.google.com/maps?q=25.3833068799999,49.59143916" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
719
- popup_1dbcc6ca47e729e6bd4b536e28db310f.setContent(html_72eb15d7fdd2aa52d5424727a1bb57a6);
720
-
721
-
722
-
723
- marker_e5bc4eeb6484aa9fc9ff4c4176c22890.bindPopup(popup_1dbcc6ca47e729e6bd4b536e28db310f)
724
- ;
725
-
726
-
727
-
728
-
729
- marker_e5bc4eeb6484aa9fc9ff4c4176c22890.bindTooltip(
730
- `<div>
731
- مؤسسة حسين بن جمعه بن حسين البحراني للاتصالات و تقنية المعلومات
732
- </div>`,
733
- {
734
- "sticky": true,
735
- }
736
- );
737
-
738
-
739
- marker_e5bc4eeb6484aa9fc9ff4c4176c22890.setIcon(icon_58ec103f7dcc1ef9f038d3c498c69874);
740
-
741
-
742
- map_bf8bec04613f1fcd98c7e224490882a8.fitBounds(
743
- [[25.37378516, 49.58534736], [25.3743547, 49.5869755], [25.33972736, 49.59150282], [25.3285636399999, 49.58582467], [25.3463107299999, 49.59019863], [25.3833068799999, 49.59143916]],
744
- {"padding": [30, 30]}
745
- );
746
-
747
-
748
- var layer_control_0833f6c6494992d2be56e64a71463722_layers = {
749
- base_layers : {
750
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_be34402e38ad716f9a23d8c3e8c18b3c,
751
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_06917c5f2c68862d7976f441f23803ba,
752
- },
753
- overlays : {
754
- },
755
- };
756
- let layer_control_0833f6c6494992d2be56e64a71463722 = L.control.layers(
757
- layer_control_0833f6c6494992d2be56e64a71463722_layers.base_layers,
758
- layer_control_0833f6c6494992d2be56e64a71463722_layers.overlays,
759
- {
760
- "position": "topright",
761
- "collapsed": false,
762
- "autoZIndex": true,
763
- }
764
- ).addTo(map_bf8bec04613f1fcd98c7e224490882a8);
765
-
766
-
767
- </script>
768
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/48.html DELETED
@@ -1,714 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_9aa4e287c0f1361d34fc56a3af61da5a {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">عقيله محمدحسين بن علي الجباره - 48</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 5<br>
139
- <b>عدد الحارات:</b> 3<br>
140
- <b>الأكثر:</b> <b>عين موسى</b>: 2 | <b>الروضة</b>: 2 | <b>التعاون</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">عين موسى</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#8b0000;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الروضة</span>
155
- <span style="font-size:12px;color:#666;">(2)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#d63384;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">التعاون</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
-
164
- </div>
165
- </div>
166
- </div>
167
-
168
- <script>
169
- (function(){
170
- const box = document.getElementById('statsBox');
171
- const fab = document.getElementById('statsFab');
172
- const hide = document.getElementById('hideStats');
173
-
174
- hide.addEventListener('click', function(){
175
- box.style.display = 'none';
176
- fab.style.display = 'block';
177
- });
178
-
179
- fab.addEventListener('click', function(){
180
- box.style.display = 'block';
181
- fab.style.display = 'none';
182
- });
183
- })();
184
- </script>
185
-
186
-
187
- <style>
188
- .leaflet-control.est-search-control {
189
- background: rgba(255,255,255,0.92);
190
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
191
- border-radius: 14px;
192
- padding: 10px 10px;
193
- width: 320px;
194
- direction: rtl;
195
- font-family: Arial, sans-serif;
196
- }
197
- .est-search-control input {
198
- width: 100%;
199
- border: 1px solid rgba(0,0,0,0.15);
200
- border-radius: 10px;
201
- padding: 10px 12px;
202
- font-size: 13px;
203
- outline: none;
204
- }
205
- .est-search-meta {
206
- margin-top: 6px;
207
- font-size: 12px;
208
- color: #666;
209
- display:flex;
210
- justify-content:space-between;
211
- gap:8px;
212
- }
213
- .est-results {
214
- margin-top: 8px;
215
- max-height: 180px;
216
- overflow: auto;
217
- border-top: 1px solid rgba(0,0,0,0.08);
218
- padding-top: 6px;
219
- }
220
- .est-item {
221
- cursor: pointer;
222
- padding: 8px 10px;
223
- border-radius: 10px;
224
- font-size: 13px;
225
- line-height: 1.4;
226
- }
227
- .est-item:hover {
228
- background: rgba(0,0,0,0.06);
229
- }
230
- .est-badge {
231
- font-size: 12px;
232
- color: #333;
233
- }
234
- .est-clear {
235
- cursor:pointer;
236
- user-select:none;
237
- font-size:12px;
238
- color:#0b6efd;
239
- }
240
- </style>
241
-
242
- <script>
243
- (function(){
244
- const map = map_9aa4e287c0f1361d34fc56a3af61da5a;
245
- // items: list of objects (title, lat, lon, markerVar)
246
- const items = [{"title": "مؤسسة بوابة العلم لتقنية المعلومات", "lat": 25.3848719199999, "lon": 49.59564769, "markerVar": "marker_9aec033f33cf0245dc711ae2bbb3e78e"}, {"title": "بوفية لطيفه مبارك الحويل لتقديم الوجبات", "lat": 25.3696599399999, "lon": 49.60210028, "markerVar": "marker_59cb37ddedea287056c8839b39b424ed"}, {"title": "مطعم تناتيف لتقديم الوجبات", "lat": 25.3716392199999, "lon": 49.60292503, "markerVar": "marker_7b5012009d36600c4894588ac6ce7ef1"}, {"title": "مطعم حديث الشطيرة لتقديم الوجبات", "lat": 25.34585712, "lon": 49.6136933599999, "markerVar": "marker_a15d0925733a91875c9a32dd890b4275"}, {"title": "معهد دار الخبرة للحاسب الآلي واللغات", "lat": 25.35009644, "lon": 49.60765302, "markerVar": "marker_5a9617f4f5a7f7d89c9193aa2ec907c2"}];
247
-
248
- function norm(s){
249
- if(!s) return "";
250
- s = (""+s).toLowerCase();
251
-
252
- // إزالة التشكيل
253
- s = s.replace(/[\u064B-\u065F]/g, "");
254
- // تطبيع عربي
255
- s = s.replace(/[إأآا]/g, "ا")
256
- .replace(/ى/g, "ي")
257
- .replace(/ة/g, "ه")
258
- .replace(/ؤ/g, "و")
259
- .replace(/ئ/g, "ي")
260
- .replace(/ـ/g, "");
261
- // مسافات
262
- s = s.replace(/\s+/g, " ").trim();
263
- return s;
264
- }
265
-
266
- const SearchControl = L.Control.extend({
267
- options: { position: 'bottomleft' },
268
- onAdd: function(){
269
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
270
- div.innerHTML = `
271
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
272
- <div class="est-search-meta">
273
- <span id="estCount" class="est-badge"></span>
274
- <span id="estClear" class="est-clear">مسح</span>
275
- </div>
276
- <div id="estResults" class="est-results"></div>
277
- `;
278
- L.DomEvent.disableClickPropagation(div);
279
- L.DomEvent.disableScrollPropagation(div);
280
- return div;
281
- }
282
- });
283
-
284
- map.addControl(new SearchControl());
285
-
286
- function renderResults(hits){
287
- const results = document.getElementById('estResults');
288
- const count = document.getElementById('estCount');
289
- results.innerHTML = "";
290
-
291
- if(!hits.length){
292
- count.textContent = "لا توجد نتائج";
293
- return;
294
- }
295
-
296
- count.textContent = "النتائج: " + hits.length;
297
-
298
- for(const h of hits.slice(0, 50)){
299
- const el = document.createElement('div');
300
- el.className = 'est-item';
301
- el.textContent = h.title;
302
- el.onclick = function(){
303
- try {
304
- const mv = window[h.markerVar];
305
- if(mv && mv.getLatLng){
306
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
307
- if(mv.openPopup) mv.openPopup();
308
- } else {
309
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
310
- }
311
- } catch(e) {}
312
- };
313
- results.appendChild(el);
314
- }
315
- }
316
-
317
- function search(q){
318
- const nq = norm(q);
319
- if(!nq) return [];
320
- const hits = [];
321
- for(const it of items){
322
- if(norm(it.title).includes(nq)) hits.push(it);
323
- }
324
- return hits;
325
- }
326
-
327
- setTimeout(function(){
328
- const input = document.getElementById('estQ');
329
- const clearBtn = document.getElementById('estClear');
330
-
331
- input.addEventListener('input', function(){
332
- renderResults(search(this.value));
333
- });
334
-
335
- input.addEventListener('keydown', function(e){
336
- if(e.key === 'Enter'){
337
- const hits = search(this.value);
338
- renderResults(hits);
339
- if(hits.length){
340
- try {
341
- const mv = window[hits[0].markerVar];
342
- if(mv && mv.getLatLng){
343
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
344
- if(mv.openPopup) mv.openPopup();
345
- }
346
- } catch(e) {}
347
- }
348
- }
349
- });
350
-
351
- clearBtn.addEventListener('click', function(){
352
- input.value = "";
353
- document.getElementById('estResults').innerHTML = "";
354
- document.getElementById('estCount').textContent = "";
355
- });
356
- }, 0);
357
- })();
358
- </script>
359
-
360
-
361
- <div style="
362
- position: fixed;
363
- bottom: 8px; left: 8px;
364
- background: rgba(255,255,255,0.85);
365
- padding: 6px 10px;
366
- border-radius: 10px;
367
- font-size: 13px;
368
- direction: rtl;
369
- z-index: 9999;
370
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
371
- font-family: Arial, sans-serif;
372
- ">
373
- تصميم وإعداد <b>نوف الناصر</b>
374
- </div>
375
-
376
-
377
- <div class="folium-map" id="map_9aa4e287c0f1361d34fc56a3af61da5a" ></div>
378
-
379
- </body>
380
- <script>
381
-
382
-
383
- var map_9aa4e287c0f1361d34fc56a3af61da5a = L.map(
384
- "map_9aa4e287c0f1361d34fc56a3af61da5a",
385
- {
386
- center: [25.36442492799994, 49.60440387599998],
387
- crs: L.CRS.EPSG3857,
388
- ...{
389
- "zoom": 13,
390
- "zoomControl": true,
391
- "preferCanvas": false,
392
- }
393
-
394
- }
395
- );
396
- L.control.scale().addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
397
-
398
-
399
-
400
-
401
-
402
- var tile_layer_7166dc74aecc2c82bfbdc0bf57ada61c = L.tileLayer(
403
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
404
- {
405
- "minZoom": 0,
406
- "maxZoom": 19,
407
- "maxNativeZoom": 19,
408
- "noWrap": false,
409
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
410
- "subdomains": "abc",
411
- "detectRetina": false,
412
- "tms": false,
413
- "opacity": 1,
414
- }
415
-
416
- );
417
-
418
-
419
- tile_layer_7166dc74aecc2c82bfbdc0bf57ada61c.addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
420
-
421
-
422
- var tile_layer_c82d0c111899232a58a89121a933f0f2 = L.tileLayer(
423
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
424
- {
425
- "minZoom": 0,
426
- "maxZoom": 18,
427
- "maxNativeZoom": 18,
428
- "noWrap": false,
429
- "attribution": "\u0026copy; Esri",
430
- "subdomains": "abc",
431
- "detectRetina": false,
432
- "tms": false,
433
- "opacity": 1,
434
- }
435
-
436
- );
437
-
438
-
439
- tile_layer_c82d0c111899232a58a89121a933f0f2.addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
440
-
441
-
442
- var locate_control_f2d1029d51abe0d026740da7209e98f7 = L.control.locate(
443
- {"flyTo": true}
444
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
445
-
446
-
447
-
448
- var marker_9aec033f33cf0245dc711ae2bbb3e78e = L.marker(
449
- [25.3848719199999, 49.59564769],
450
- {
451
- }
452
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
453
-
454
-
455
- var icon_14d4ee538dcc46152e985fd8c6913c01 = L.AwesomeMarkers.icon(
456
- {
457
- "markerColor": "pink",
458
- "iconColor": "white",
459
- "icon": "info-sign",
460
- "prefix": "glyphicon",
461
- "extraClasses": "fa-rotate-0",
462
- }
463
- );
464
-
465
-
466
- var popup_d72a091b0ed68eca4f82c7bb6faf801e = L.popup({
467
- "maxWidth": 320,
468
- });
469
-
470
-
471
-
472
- var html_f22aa0a1ae99724901c15ceca1afcfd9 = $(`<div id="html_f22aa0a1ae99724901c15ceca1afcfd9" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة بوابة العلم لتقنية المعلومات</b><br> السجل التجاري: 2251500250<br> المنطقة: الهفوف<br> الحارة: التعاون<br> <a href="https://www.google.com/maps?q=25.3848719199999,49.59564769" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
473
- popup_d72a091b0ed68eca4f82c7bb6faf801e.setContent(html_f22aa0a1ae99724901c15ceca1afcfd9);
474
-
475
-
476
-
477
- marker_9aec033f33cf0245dc711ae2bbb3e78e.bindPopup(popup_d72a091b0ed68eca4f82c7bb6faf801e)
478
- ;
479
-
480
-
481
-
482
-
483
- marker_9aec033f33cf0245dc711ae2bbb3e78e.bindTooltip(
484
- `<div>
485
- مؤسسة بوابة العلم لتقنية المعلومات
486
- </div>`,
487
- {
488
- "sticky": true,
489
- }
490
- );
491
-
492
-
493
- marker_9aec033f33cf0245dc711ae2bbb3e78e.setIcon(icon_14d4ee538dcc46152e985fd8c6913c01);
494
-
495
-
496
- var marker_59cb37ddedea287056c8839b39b424ed = L.marker(
497
- [25.3696599399999, 49.60210028],
498
- {
499
- }
500
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
501
-
502
-
503
- var icon_e835e5049765c7df6619f7a4f89feb53 = L.AwesomeMarkers.icon(
504
- {
505
- "markerColor": "beige",
506
- "iconColor": "white",
507
- "icon": "info-sign",
508
- "prefix": "glyphicon",
509
- "extraClasses": "fa-rotate-0",
510
- }
511
- );
512
-
513
-
514
- var popup_434c328c6aaacebbfb79b3f174cbd505 = L.popup({
515
- "maxWidth": 320,
516
- });
517
-
518
-
519
-
520
- var html_5058e940d28ce053b7a67914ee3e724f = $(`<div id="html_5058e940d28ce053b7a67914ee3e724f" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية لطيفه مبارك الحويل لتقديم الوجبات</b><br> السجل التجاري: 2251101044<br> المنطقة: الهفوف<br> الحارة: عين موسى<br> <a href="https://www.google.com/maps?q=25.3696599399999,49.60210028" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
521
- popup_434c328c6aaacebbfb79b3f174cbd505.setContent(html_5058e940d28ce053b7a67914ee3e724f);
522
-
523
-
524
-
525
- marker_59cb37ddedea287056c8839b39b424ed.bindPopup(popup_434c328c6aaacebbfb79b3f174cbd505)
526
- ;
527
-
528
-
529
-
530
-
531
- marker_59cb37ddedea287056c8839b39b424ed.bindTooltip(
532
- `<div>
533
- بوفية لطيفه مبارك الحويل لتقديم الوجبات
534
- </div>`,
535
- {
536
- "sticky": true,
537
- }
538
- );
539
-
540
-
541
- marker_59cb37ddedea287056c8839b39b424ed.setIcon(icon_e835e5049765c7df6619f7a4f89feb53);
542
-
543
-
544
- var marker_7b5012009d36600c4894588ac6ce7ef1 = L.marker(
545
- [25.3716392199999, 49.60292503],
546
- {
547
- }
548
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
549
-
550
-
551
- var icon_afab47bdc1026c41c1796c7ba2c329c8 = L.AwesomeMarkers.icon(
552
- {
553
- "markerColor": "beige",
554
- "iconColor": "white",
555
- "icon": "info-sign",
556
- "prefix": "glyphicon",
557
- "extraClasses": "fa-rotate-0",
558
- }
559
- );
560
-
561
-
562
- var popup_51a394e5405961b070840214be2f563f = L.popup({
563
- "maxWidth": 320,
564
- });
565
-
566
-
567
-
568
- var html_4a7f1080d8037bdb676a144414bfeb10 = $(`<div id="html_4a7f1080d8037bdb676a144414bfeb10" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم تناتيف لتقديم الوجبات</b><br> السجل التجاري: 2251043696<br> المنطقة: الهفوف<br> الحارة: عين موسى<br> <a href="https://www.google.com/maps?q=25.3716392199999,49.60292503" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
569
- popup_51a394e5405961b070840214be2f563f.setContent(html_4a7f1080d8037bdb676a144414bfeb10);
570
-
571
-
572
-
573
- marker_7b5012009d36600c4894588ac6ce7ef1.bindPopup(popup_51a394e5405961b070840214be2f563f)
574
- ;
575
-
576
-
577
-
578
-
579
- marker_7b5012009d36600c4894588ac6ce7ef1.bindTooltip(
580
- `<div>
581
- مطعم تناتيف لتقديم الوجبات
582
- </div>`,
583
- {
584
- "sticky": true,
585
- }
586
- );
587
-
588
-
589
- marker_7b5012009d36600c4894588ac6ce7ef1.setIcon(icon_afab47bdc1026c41c1796c7ba2c329c8);
590
-
591
-
592
- var marker_a15d0925733a91875c9a32dd890b4275 = L.marker(
593
- [25.34585712, 49.6136933599999],
594
- {
595
- }
596
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
597
-
598
-
599
- var icon_0160edab3061661c74b82767bc6993e1 = L.AwesomeMarkers.icon(
600
- {
601
- "markerColor": "darkred",
602
- "iconColor": "white",
603
- "icon": "info-sign",
604
- "prefix": "glyphicon",
605
- "extraClasses": "fa-rotate-0",
606
- }
607
- );
608
-
609
-
610
- var popup_4d4b267678528ec1fabc3c109494f0d8 = L.popup({
611
- "maxWidth": 320,
612
- });
613
-
614
-
615
-
616
- var html_acbfa6ce939642dac63671e2814afc4d = $(`<div id="html_acbfa6ce939642dac63671e2814afc4d" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم حديث الشطيرة لتقديم الوجبات</b><br> السجل التجاري: 2251100024<br> المنطقة: الهفوف<br> الحارة: الروضة<br> <a href="https://www.google.com/maps?q=25.34585712,49.6136933599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
617
- popup_4d4b267678528ec1fabc3c109494f0d8.setContent(html_acbfa6ce939642dac63671e2814afc4d);
618
-
619
-
620
-
621
- marker_a15d0925733a91875c9a32dd890b4275.bindPopup(popup_4d4b267678528ec1fabc3c109494f0d8)
622
- ;
623
-
624
-
625
-
626
-
627
- marker_a15d0925733a91875c9a32dd890b4275.bindTooltip(
628
- `<div>
629
- مطعم حديث الشطيرة لتقديم الوجبات
630
- </div>`,
631
- {
632
- "sticky": true,
633
- }
634
- );
635
-
636
-
637
- marker_a15d0925733a91875c9a32dd890b4275.setIcon(icon_0160edab3061661c74b82767bc6993e1);
638
-
639
-
640
- var marker_5a9617f4f5a7f7d89c9193aa2ec907c2 = L.marker(
641
- [25.35009644, 49.60765302],
642
- {
643
- }
644
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
645
-
646
-
647
- var icon_d715d376bf77c276dbe8f791bd2042c0 = L.AwesomeMarkers.icon(
648
- {
649
- "markerColor": "darkred",
650
- "iconColor": "white",
651
- "icon": "info-sign",
652
- "prefix": "glyphicon",
653
- "extraClasses": "fa-rotate-0",
654
- }
655
- );
656
-
657
-
658
- var popup_0928791d0aad15a4df0c31e5b2d01eb7 = L.popup({
659
- "maxWidth": 320,
660
- });
661
-
662
-
663
-
664
- var html_246d6b4d86fb5e84825cfbac1a5f8a91 = $(`<div id="html_246d6b4d86fb5e84825cfbac1a5f8a91" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>معهد دار الخبرة للحاسب الآلي واللغات</b><br> السجل التجاري: 2251032344<br> المنطقة: الهفوف<br> الحارة: الروضة<br> <a href="https://www.google.com/maps?q=25.35009644,49.60765302" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
665
- popup_0928791d0aad15a4df0c31e5b2d01eb7.setContent(html_246d6b4d86fb5e84825cfbac1a5f8a91);
666
-
667
-
668
-
669
- marker_5a9617f4f5a7f7d89c9193aa2ec907c2.bindPopup(popup_0928791d0aad15a4df0c31e5b2d01eb7)
670
- ;
671
-
672
-
673
-
674
-
675
- marker_5a9617f4f5a7f7d89c9193aa2ec907c2.bindTooltip(
676
- `<div>
677
- معهد دار الخبرة للحاسب الآلي واللغات
678
- </div>`,
679
- {
680
- "sticky": true,
681
- }
682
- );
683
-
684
-
685
- marker_5a9617f4f5a7f7d89c9193aa2ec907c2.setIcon(icon_d715d376bf77c276dbe8f791bd2042c0);
686
-
687
-
688
- map_9aa4e287c0f1361d34fc56a3af61da5a.fitBounds(
689
- [[25.3848719199999, 49.59564769], [25.3696599399999, 49.60210028], [25.3716392199999, 49.60292503], [25.34585712, 49.6136933599999], [25.35009644, 49.60765302]],
690
- {"padding": [30, 30]}
691
- );
692
-
693
-
694
- var layer_control_f212582cb0bb8ecee240a6bcc85e483f_layers = {
695
- base_layers : {
696
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_7166dc74aecc2c82bfbdc0bf57ada61c,
697
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_c82d0c111899232a58a89121a933f0f2,
698
- },
699
- overlays : {
700
- },
701
- };
702
- let layer_control_f212582cb0bb8ecee240a6bcc85e483f = L.control.layers(
703
- layer_control_f212582cb0bb8ecee240a6bcc85e483f_layers.base_layers,
704
- layer_control_f212582cb0bb8ecee240a6bcc85e483f_layers.overlays,
705
- {
706
- "position": "topright",
707
- "collapsed": false,
708
- "autoZIndex": true,
709
- }
710
- ).addTo(map_9aa4e287c0f1361d34fc56a3af61da5a);
711
-
712
-
713
- </script>
714
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/49.html DELETED
@@ -1,720 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_cc9d49da2956bd2e26ad30ca5f657983 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">ساره عبدالحميد بن حسين البوحمد - 49</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 5<br>
139
- <b>عدد الحارات:</b> 4<br>
140
- <b>الأكثر:</b> <b>الملك فهد</b>: 2 | <b>النسيم</b>: 1 | <b>المزروع الثاني</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#003f88;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الملك فهد</span>
149
- <span style="font-size:12px;color:#666;">(2)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النسيم</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#4b0082;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">المزروع الثاني</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#212529;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الرويضة</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
-
170
- </div>
171
- </div>
172
- </div>
173
-
174
- <script>
175
- (function(){
176
- const box = document.getElementById('statsBox');
177
- const fab = document.getElementById('statsFab');
178
- const hide = document.getElementById('hideStats');
179
-
180
- hide.addEventListener('click', function(){
181
- box.style.display = 'none';
182
- fab.style.display = 'block';
183
- });
184
-
185
- fab.addEventListener('click', function(){
186
- box.style.display = 'block';
187
- fab.style.display = 'none';
188
- });
189
- })();
190
- </script>
191
-
192
-
193
- <style>
194
- .leaflet-control.est-search-control {
195
- background: rgba(255,255,255,0.92);
196
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
197
- border-radius: 14px;
198
- padding: 10px 10px;
199
- width: 320px;
200
- direction: rtl;
201
- font-family: Arial, sans-serif;
202
- }
203
- .est-search-control input {
204
- width: 100%;
205
- border: 1px solid rgba(0,0,0,0.15);
206
- border-radius: 10px;
207
- padding: 10px 12px;
208
- font-size: 13px;
209
- outline: none;
210
- }
211
- .est-search-meta {
212
- margin-top: 6px;
213
- font-size: 12px;
214
- color: #666;
215
- display:flex;
216
- justify-content:space-between;
217
- gap:8px;
218
- }
219
- .est-results {
220
- margin-top: 8px;
221
- max-height: 180px;
222
- overflow: auto;
223
- border-top: 1px solid rgba(0,0,0,0.08);
224
- padding-top: 6px;
225
- }
226
- .est-item {
227
- cursor: pointer;
228
- padding: 8px 10px;
229
- border-radius: 10px;
230
- font-size: 13px;
231
- line-height: 1.4;
232
- }
233
- .est-item:hover {
234
- background: rgba(0,0,0,0.06);
235
- }
236
- .est-badge {
237
- font-size: 12px;
238
- color: #333;
239
- }
240
- .est-clear {
241
- cursor:pointer;
242
- user-select:none;
243
- font-size:12px;
244
- color:#0b6efd;
245
- }
246
- </style>
247
-
248
- <script>
249
- (function(){
250
- const map = map_cc9d49da2956bd2e26ad30ca5f657983;
251
- // items: list of objects (title, lat, lon, markerVar)
252
- const items = [{"title": "مقهى قيصر شوب لتقديم المشروبات", "lat": 25.33065875, "lon": 49.6145303099999, "markerVar": "marker_fb2191f21c32271d2d4297f4b5026f6d"}, {"title": "مطعم تكة عشره لتقديم الوجبات", "lat": 25.33742436, "lon": 49.6143082299999, "markerVar": "marker_6bacb8c0a06ef27950f2a0211450070c"}, {"title": "مطعم مصعب عبدالله بن عيسى العديل لتقديم الوجبات", "lat": 25.3522697999999, "lon": 49.6114362799999, "markerVar": "marker_0d55312e8ec4092f26a47f43f0eef031"}, {"title": "بوفية نور النجوم لتقديم الوجبات", "lat": 25.35897362, "lon": 49.6298698499999, "markerVar": "marker_1dfcc8e485953a20b5b7ba4f778abe09"}, {"title": "مؤسسة روائع الابتكار لتقنية المعلومات", "lat": 25.35096356, "lon": 49.6400845, "markerVar": "marker_052ea5e7145df0e89ecfce1c3ef35b45"}];
253
-
254
- function norm(s){
255
- if(!s) return "";
256
- s = (""+s).toLowerCase();
257
-
258
- // إزالة التشكيل
259
- s = s.replace(/[\u064B-\u065F]/g, "");
260
- // تطبيع عربي
261
- s = s.replace(/[إأآا]/g, "ا")
262
- .replace(/ى/g, "ي")
263
- .replace(/ة/g, "ه")
264
- .replace(/ؤ/g, "و")
265
- .replace(/ئ/g, "ي")
266
- .replace(/ـ/g, "");
267
- // مسافات
268
- s = s.replace(/\s+/g, " ").trim();
269
- return s;
270
- }
271
-
272
- const SearchControl = L.Control.extend({
273
- options: { position: 'bottomleft' },
274
- onAdd: function(){
275
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
276
- div.innerHTML = `
277
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
278
- <div class="est-search-meta">
279
- <span id="estCount" class="est-badge"></span>
280
- <span id="estClear" class="est-clear">مسح</span>
281
- </div>
282
- <div id="estResults" class="est-results"></div>
283
- `;
284
- L.DomEvent.disableClickPropagation(div);
285
- L.DomEvent.disableScrollPropagation(div);
286
- return div;
287
- }
288
- });
289
-
290
- map.addControl(new SearchControl());
291
-
292
- function renderResults(hits){
293
- const results = document.getElementById('estResults');
294
- const count = document.getElementById('estCount');
295
- results.innerHTML = "";
296
-
297
- if(!hits.length){
298
- count.textContent = "لا توجد نتائج";
299
- return;
300
- }
301
-
302
- count.textContent = "النتائج: " + hits.length;
303
-
304
- for(const h of hits.slice(0, 50)){
305
- const el = document.createElement('div');
306
- el.className = 'est-item';
307
- el.textContent = h.title;
308
- el.onclick = function(){
309
- try {
310
- const mv = window[h.markerVar];
311
- if(mv && mv.getLatLng){
312
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
313
- if(mv.openPopup) mv.openPopup();
314
- } else {
315
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
316
- }
317
- } catch(e) {}
318
- };
319
- results.appendChild(el);
320
- }
321
- }
322
-
323
- function search(q){
324
- const nq = norm(q);
325
- if(!nq) return [];
326
- const hits = [];
327
- for(const it of items){
328
- if(norm(it.title).includes(nq)) hits.push(it);
329
- }
330
- return hits;
331
- }
332
-
333
- setTimeout(function(){
334
- const input = document.getElementById('estQ');
335
- const clearBtn = document.getElementById('estClear');
336
-
337
- input.addEventListener('input', function(){
338
- renderResults(search(this.value));
339
- });
340
-
341
- input.addEventListener('keydown', function(e){
342
- if(e.key === 'Enter'){
343
- const hits = search(this.value);
344
- renderResults(hits);
345
- if(hits.length){
346
- try {
347
- const mv = window[hits[0].markerVar];
348
- if(mv && mv.getLatLng){
349
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
350
- if(mv.openPopup) mv.openPopup();
351
- }
352
- } catch(e) {}
353
- }
354
- }
355
- });
356
-
357
- clearBtn.addEventListener('click', function(){
358
- input.value = "";
359
- document.getElementById('estResults').innerHTML = "";
360
- document.getElementById('estCount').textContent = "";
361
- });
362
- }, 0);
363
- })();
364
- </script>
365
-
366
-
367
- <div style="
368
- position: fixed;
369
- bottom: 8px; left: 8px;
370
- background: rgba(255,255,255,0.85);
371
- padding: 6px 10px;
372
- border-radius: 10px;
373
- font-size: 13px;
374
- direction: rtl;
375
- z-index: 9999;
376
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
377
- font-family: Arial, sans-serif;
378
- ">
379
- تصميم وإعداد <b>نوف الناصر</b>
380
- </div>
381
-
382
-
383
- <div class="folium-map" id="map_cc9d49da2956bd2e26ad30ca5f657983" ></div>
384
-
385
- </body>
386
- <script>
387
-
388
-
389
- var map_cc9d49da2956bd2e26ad30ca5f657983 = L.map(
390
- "map_cc9d49da2956bd2e26ad30ca5f657983",
391
- {
392
- center: [25.34605801799998, 49.62204583399992],
393
- crs: L.CRS.EPSG3857,
394
- ...{
395
- "zoom": 13,
396
- "zoomControl": true,
397
- "preferCanvas": false,
398
- }
399
-
400
- }
401
- );
402
- L.control.scale().addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
403
-
404
-
405
-
406
-
407
-
408
- var tile_layer_e41a6a7b97504fec3e14e3b99ce92359 = L.tileLayer(
409
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
410
- {
411
- "minZoom": 0,
412
- "maxZoom": 19,
413
- "maxNativeZoom": 19,
414
- "noWrap": false,
415
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
416
- "subdomains": "abc",
417
- "detectRetina": false,
418
- "tms": false,
419
- "opacity": 1,
420
- }
421
-
422
- );
423
-
424
-
425
- tile_layer_e41a6a7b97504fec3e14e3b99ce92359.addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
426
-
427
-
428
- var tile_layer_bdb0b32b42dec6378ff69eaa98647174 = L.tileLayer(
429
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
430
- {
431
- "minZoom": 0,
432
- "maxZoom": 18,
433
- "maxNativeZoom": 18,
434
- "noWrap": false,
435
- "attribution": "\u0026copy; Esri",
436
- "subdomains": "abc",
437
- "detectRetina": false,
438
- "tms": false,
439
- "opacity": 1,
440
- }
441
-
442
- );
443
-
444
-
445
- tile_layer_bdb0b32b42dec6378ff69eaa98647174.addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
446
-
447
-
448
- var locate_control_46440b4ae330583c2ab32511df007b5f = L.control.locate(
449
- {"flyTo": true}
450
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
451
-
452
-
453
-
454
- var marker_fb2191f21c32271d2d4297f4b5026f6d = L.marker(
455
- [25.33065875, 49.6145303099999],
456
- {
457
- }
458
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
459
-
460
-
461
- var icon_1b269ddd783fcfbae61c1d4160a77aaf = L.AwesomeMarkers.icon(
462
- {
463
- "markerColor": "beige",
464
- "iconColor": "white",
465
- "icon": "info-sign",
466
- "prefix": "glyphicon",
467
- "extraClasses": "fa-rotate-0",
468
- }
469
- );
470
-
471
-
472
- var popup_ca39e9712e74d347751112aed562a165 = L.popup({
473
- "maxWidth": 320,
474
- });
475
-
476
-
477
-
478
- var html_6865433007a294ba5ede57a9a62f901c = $(`<div id="html_6865433007a294ba5ede57a9a62f901c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مقهى قيصر شوب لتقديم المشروبات</b><br> السجل التجاري: 2251501469<br> المنطقة: الهفوف<br> الحارة: النسيم<br> <a href="https://www.google.com/maps?q=25.33065875,49.6145303099999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
479
- popup_ca39e9712e74d347751112aed562a165.setContent(html_6865433007a294ba5ede57a9a62f901c);
480
-
481
-
482
-
483
- marker_fb2191f21c32271d2d4297f4b5026f6d.bindPopup(popup_ca39e9712e74d347751112aed562a165)
484
- ;
485
-
486
-
487
-
488
-
489
- marker_fb2191f21c32271d2d4297f4b5026f6d.bindTooltip(
490
- `<div>
491
- مقهى قيصر شوب لتقديم المشروبات
492
- </div>`,
493
- {
494
- "sticky": true,
495
- }
496
- );
497
-
498
-
499
- marker_fb2191f21c32271d2d4297f4b5026f6d.setIcon(icon_1b269ddd783fcfbae61c1d4160a77aaf);
500
-
501
-
502
- var marker_6bacb8c0a06ef27950f2a0211450070c = L.marker(
503
- [25.33742436, 49.6143082299999],
504
- {
505
- }
506
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
507
-
508
-
509
- var icon_ae60ffcbeb1e6d97581f4e64a50045bf = L.AwesomeMarkers.icon(
510
- {
511
- "markerColor": "darkpurple",
512
- "iconColor": "white",
513
- "icon": "info-sign",
514
- "prefix": "glyphicon",
515
- "extraClasses": "fa-rotate-0",
516
- }
517
- );
518
-
519
-
520
- var popup_9d8d941f3255aedf82da5b00dfd12df2 = L.popup({
521
- "maxWidth": 320,
522
- });
523
-
524
-
525
-
526
- var html_e09c2f7692e7eae77b0a12817082e035 = $(`<div id="html_e09c2f7692e7eae77b0a12817082e035" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم تكة عشره لتقديم الوجبات</b><br> السجل التجاري: 2251505151<br> المنطقة: الهفوف<br> الحارة: المزروع الثاني<br> <a href="https://www.google.com/maps?q=25.33742436,49.6143082299999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
527
- popup_9d8d941f3255aedf82da5b00dfd12df2.setContent(html_e09c2f7692e7eae77b0a12817082e035);
528
-
529
-
530
-
531
- marker_6bacb8c0a06ef27950f2a0211450070c.bindPopup(popup_9d8d941f3255aedf82da5b00dfd12df2)
532
- ;
533
-
534
-
535
-
536
-
537
- marker_6bacb8c0a06ef27950f2a0211450070c.bindTooltip(
538
- `<div>
539
- مطعم تكة عشره لتقديم الوجبات
540
- </div>`,
541
- {
542
- "sticky": true,
543
- }
544
- );
545
-
546
-
547
- marker_6bacb8c0a06ef27950f2a0211450070c.setIcon(icon_ae60ffcbeb1e6d97581f4e64a50045bf);
548
-
549
-
550
- var marker_0d55312e8ec4092f26a47f43f0eef031 = L.marker(
551
- [25.3522697999999, 49.6114362799999],
552
- {
553
- }
554
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
555
-
556
-
557
- var icon_6672060e4dc2af30f16e3b65fd4881ea = L.AwesomeMarkers.icon(
558
- {
559
- "markerColor": "black",
560
- "iconColor": "white",
561
- "icon": "info-sign",
562
- "prefix": "glyphicon",
563
- "extraClasses": "fa-rotate-0",
564
- }
565
- );
566
-
567
-
568
- var popup_fbb9b7f5d54f78b05b6cb0a488c7016d = L.popup({
569
- "maxWidth": 320,
570
- });
571
-
572
-
573
-
574
- var html_b17b4ed7b5b33618447159df15da0fe4 = $(`<div id="html_b17b4ed7b5b33618447159df15da0fe4" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم مصعب عبدالله بن عيسى العديل لتقديم الوجبات</b><br> السجل التجاري: 2251492732<br> المنطقة: الهفوف<br> الحارة: الرويضة<br> <a href="https://www.google.com/maps?q=25.3522697999999,49.6114362799999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
575
- popup_fbb9b7f5d54f78b05b6cb0a488c7016d.setContent(html_b17b4ed7b5b33618447159df15da0fe4);
576
-
577
-
578
-
579
- marker_0d55312e8ec4092f26a47f43f0eef031.bindPopup(popup_fbb9b7f5d54f78b05b6cb0a488c7016d)
580
- ;
581
-
582
-
583
-
584
-
585
- marker_0d55312e8ec4092f26a47f43f0eef031.bindTooltip(
586
- `<div>
587
- مطعم مصعب عبدالله بن عيسى العديل لتقديم الوجبات
588
- </div>`,
589
- {
590
- "sticky": true,
591
- }
592
- );
593
-
594
-
595
- marker_0d55312e8ec4092f26a47f43f0eef031.setIcon(icon_6672060e4dc2af30f16e3b65fd4881ea);
596
-
597
-
598
- var marker_1dfcc8e485953a20b5b7ba4f778abe09 = L.marker(
599
- [25.35897362, 49.6298698499999],
600
- {
601
- }
602
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
603
-
604
-
605
- var icon_3b39ebe7f9236215f4d181ac9d5e3e37 = L.AwesomeMarkers.icon(
606
- {
607
- "markerColor": "darkblue",
608
- "iconColor": "white",
609
- "icon": "info-sign",
610
- "prefix": "glyphicon",
611
- "extraClasses": "fa-rotate-0",
612
- }
613
- );
614
-
615
-
616
- var popup_ec7a1d40e8d8acf953c17c89d8e517e1 = L.popup({
617
- "maxWidth": 320,
618
- });
619
-
620
-
621
-
622
- var html_3115a78307a3fec87a3ad34d904f8b0a = $(`<div id="html_3115a78307a3fec87a3ad34d904f8b0a" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>بوفية نور النجوم لتقديم الوجبات</b><br> السجل التجاري: 2251493134<br> المنطقة: الهفوف<br> الحارة: الملك فهد<br> <a href="https://www.google.com/maps?q=25.35897362,49.6298698499999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
623
- popup_ec7a1d40e8d8acf953c17c89d8e517e1.setContent(html_3115a78307a3fec87a3ad34d904f8b0a);
624
-
625
-
626
-
627
- marker_1dfcc8e485953a20b5b7ba4f778abe09.bindPopup(popup_ec7a1d40e8d8acf953c17c89d8e517e1)
628
- ;
629
-
630
-
631
-
632
-
633
- marker_1dfcc8e485953a20b5b7ba4f778abe09.bindTooltip(
634
- `<div>
635
- بوفية نور النجوم لتقديم الوجبات
636
- </div>`,
637
- {
638
- "sticky": true,
639
- }
640
- );
641
-
642
-
643
- marker_1dfcc8e485953a20b5b7ba4f778abe09.setIcon(icon_3b39ebe7f9236215f4d181ac9d5e3e37);
644
-
645
-
646
- var marker_052ea5e7145df0e89ecfce1c3ef35b45 = L.marker(
647
- [25.35096356, 49.6400845],
648
- {
649
- }
650
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
651
-
652
-
653
- var icon_10961e1564d9b55082377afa5ccf7499 = L.AwesomeMarkers.icon(
654
- {
655
- "markerColor": "darkblue",
656
- "iconColor": "white",
657
- "icon": "info-sign",
658
- "prefix": "glyphicon",
659
- "extraClasses": "fa-rotate-0",
660
- }
661
- );
662
-
663
-
664
- var popup_6a310c7619d13ecddbd62ae20e162be0 = L.popup({
665
- "maxWidth": 320,
666
- });
667
-
668
-
669
-
670
- var html_82a8002b0e65ca56da98a14910817312 = $(`<div id="html_82a8002b0e65ca56da98a14910817312" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة روائع الابتكار لتقنية المعلومات</b><br> السجل التجاري: 2251114910<br> المنطقة: الهفوف<br> الحارة: الملك فهد<br> <a href="https://www.google.com/maps?q=25.35096356,49.6400845" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
671
- popup_6a310c7619d13ecddbd62ae20e162be0.setContent(html_82a8002b0e65ca56da98a14910817312);
672
-
673
-
674
-
675
- marker_052ea5e7145df0e89ecfce1c3ef35b45.bindPopup(popup_6a310c7619d13ecddbd62ae20e162be0)
676
- ;
677
-
678
-
679
-
680
-
681
- marker_052ea5e7145df0e89ecfce1c3ef35b45.bindTooltip(
682
- `<div>
683
- مؤسسة روائع الابتكار لتقنية المعلومات
684
- </div>`,
685
- {
686
- "sticky": true,
687
- }
688
- );
689
-
690
-
691
- marker_052ea5e7145df0e89ecfce1c3ef35b45.setIcon(icon_10961e1564d9b55082377afa5ccf7499);
692
-
693
-
694
- map_cc9d49da2956bd2e26ad30ca5f657983.fitBounds(
695
- [[25.33065875, 49.6145303099999], [25.33742436, 49.6143082299999], [25.3522697999999, 49.6114362799999], [25.35897362, 49.6298698499999], [25.35096356, 49.6400845]],
696
- {"padding": [30, 30]}
697
- );
698
-
699
-
700
- var layer_control_34ba0fb27438c47e00e863008fbf39e4_layers = {
701
- base_layers : {
702
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_e41a6a7b97504fec3e14e3b99ce92359,
703
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_bdb0b32b42dec6378ff69eaa98647174,
704
- },
705
- overlays : {
706
- },
707
- };
708
- let layer_control_34ba0fb27438c47e00e863008fbf39e4 = L.control.layers(
709
- layer_control_34ba0fb27438c47e00e863008fbf39e4_layers.base_layers,
710
- layer_control_34ba0fb27438c47e00e863008fbf39e4_layers.overlays,
711
- {
712
- "position": "topright",
713
- "collapsed": false,
714
- "autoZIndex": true,
715
- }
716
- ).addTo(map_cc9d49da2956bd2e26ad30ca5f657983);
717
-
718
-
719
- </script>
720
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
entag/50.html DELETED
@@ -1,822 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
-
5
- <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
6
- <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js"></script>
7
- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
8
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css"/>
11
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css"/>
12
- <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"/>
13
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css"/>
14
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css"/>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css"/>
16
-
17
- <meta name="viewport" content="width=device-width,
18
- initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
19
- <style>
20
- #map_1839d0970395bfa8028662b9773533b8 {
21
- position: relative;
22
- width: 100.0%;
23
- height: 100.0%;
24
- left: 0.0%;
25
- top: 0.0%;
26
- }
27
- .leaflet-container { font-size: 1rem; }
28
- </style>
29
-
30
- <style>html, body {
31
- width: 100%;
32
- height: 100%;
33
- margin: 0;
34
- padding: 0;
35
- }
36
- </style>
37
-
38
- <style>#map {
39
- position:absolute;
40
- top:0;
41
- bottom:0;
42
- right:0;
43
- left:0;
44
- }
45
- </style>
46
-
47
- <script>
48
- L_NO_TOUCH = false;
49
- L_DISABLE_3D = false;
50
- </script>
51
-
52
-
53
- <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.js"></script>
54
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-locatecontrol/0.66.2/L.Control.Locate.min.css"/>
55
- </head>
56
- <body>
57
-
58
-
59
- <style>
60
- .stats-box {
61
- position: fixed;
62
- bottom: 14px;
63
- right: 14px;
64
- width: 300px;
65
- background: rgba(255,255,255,0.92);
66
- border-radius: 14px;
67
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
68
- z-index: 9999;
69
- font-family: Arial, sans-serif;
70
- overflow: hidden;
71
- }
72
- .stats-head {
73
- padding:10px 12px;
74
- font-weight:700;
75
- font-size:14px;
76
- border-bottom:1px solid rgba(0,0,0,0.08);
77
- direction:rtl;
78
- display:flex;
79
- justify-content:space-between;
80
- align-items:center;
81
- gap:10px;
82
- }
83
- .stats-title {
84
- white-space:nowrap;
85
- overflow:hidden;
86
- text-overflow:ellipsis;
87
- max-width: 210px;
88
- }
89
- .toggle {
90
- cursor:pointer;
91
- background:rgba(0,0,0,0.06);
92
- border-radius:10px;
93
- padding:4px 8px;
94
- font-size:12px;
95
- }
96
- .stats-body {
97
- padding:10px 12px;
98
- direction:rtl;
99
- font-size:13px;
100
- line-height:1.8;
101
- }
102
- .legend {
103
- max-height: 180px;
104
- overflow:auto;
105
- padding-right: 2px;
106
- margin-top: 8px;
107
- }
108
- .stats-fab {
109
- position: fixed;
110
- bottom: 14px;
111
- right: 14px;
112
- z-index: 9999;
113
- display:none;
114
- cursor:pointer;
115
- background: rgba(255,255,255,0.92);
116
- padding: 10px 12px;
117
- border-radius: 14px;
118
- box-shadow: 0 2px 14px rgba(0,0,0,0.2);
119
- font-family: Arial, sans-serif;
120
- font-size: 13px;
121
- direction: rtl;
122
- }
123
- hr {
124
- border:none;
125
- border-top:1px solid rgba(0,0,0,0.08);
126
- margin:10px 0;
127
- }
128
- </style>
129
-
130
- <div id="statsFab" class="stats-fab">إظهار الإحصاءات</div>
131
-
132
- <div id="statsBox" class="stats-box">
133
- <div class="stats-head">
134
- <span class="stats-title">اسامه عمر عبده حمدي - 50</span>
135
- <span class="toggle" id="hideStats">إخفاء</span>
136
- </div>
137
- <div class="stats-body" id="statsBody">
138
- <b>عدد المواقع:</b> 7<br>
139
- <b>عدد الحارات:</b> 5<br>
140
- <b>الأكثر:</b> <b>النايفية</b>: 3 | <b>الحي الثالث</b>: 1 | <b>الربوة</b>: 1
141
- <hr>
142
- <b>تلوين حسب الحارة</b>
143
- <div class="legend">
144
-
145
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
146
- <span style="width:12px;height:12px;border-radius:50%;
147
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
148
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">النايفية</span>
149
- <span style="font-size:12px;color:#666;">(3)</span>
150
- </div>
151
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
152
- <span style="width:12px;height:12px;border-radius:50%;
153
- background:#f5f5dc;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
154
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الحي الثالث</span>
155
- <span style="font-size:12px;color:#666;">(1)</span>
156
- </div>
157
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
158
- <span style="width:12px;height:12px;border-radius:50%;
159
- background:#ced4da;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
160
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الربوة</span>
161
- <span style="font-size:12px;color:#666;">(1)</span>
162
- </div>
163
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
164
- <span style="width:12px;height:12px;border-radius:50%;
165
- background:#0d6efd;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
166
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">اليرموك</span>
167
- <span style="font-size:12px;color:#666;">(1)</span>
168
- </div>
169
- <div style="display:flex;gap:6px;align-items:center;margin:4px 0;">
170
- <span style="width:12px;height:12px;border-radius:50%;
171
- background:#8ce99a;display:inline-block;border:1px solid rgba(0,0,0,0.2);"></span>
172
- <span style="font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;">الريان</span>
173
- <span style="font-size:12px;color:#666;">(1)</span>
174
- </div>
175
-
176
- </div>
177
- </div>
178
- </div>
179
-
180
- <script>
181
- (function(){
182
- const box = document.getElementById('statsBox');
183
- const fab = document.getElementById('statsFab');
184
- const hide = document.getElementById('hideStats');
185
-
186
- hide.addEventListener('click', function(){
187
- box.style.display = 'none';
188
- fab.style.display = 'block';
189
- });
190
-
191
- fab.addEventListener('click', function(){
192
- box.style.display = 'block';
193
- fab.style.display = 'none';
194
- });
195
- })();
196
- </script>
197
-
198
-
199
- <style>
200
- .leaflet-control.est-search-control {
201
- background: rgba(255,255,255,0.92);
202
- box-shadow: 0 2px 14px rgba(0,0,0,0.20);
203
- border-radius: 14px;
204
- padding: 10px 10px;
205
- width: 320px;
206
- direction: rtl;
207
- font-family: Arial, sans-serif;
208
- }
209
- .est-search-control input {
210
- width: 100%;
211
- border: 1px solid rgba(0,0,0,0.15);
212
- border-radius: 10px;
213
- padding: 10px 12px;
214
- font-size: 13px;
215
- outline: none;
216
- }
217
- .est-search-meta {
218
- margin-top: 6px;
219
- font-size: 12px;
220
- color: #666;
221
- display:flex;
222
- justify-content:space-between;
223
- gap:8px;
224
- }
225
- .est-results {
226
- margin-top: 8px;
227
- max-height: 180px;
228
- overflow: auto;
229
- border-top: 1px solid rgba(0,0,0,0.08);
230
- padding-top: 6px;
231
- }
232
- .est-item {
233
- cursor: pointer;
234
- padding: 8px 10px;
235
- border-radius: 10px;
236
- font-size: 13px;
237
- line-height: 1.4;
238
- }
239
- .est-item:hover {
240
- background: rgba(0,0,0,0.06);
241
- }
242
- .est-badge {
243
- font-size: 12px;
244
- color: #333;
245
- }
246
- .est-clear {
247
- cursor:pointer;
248
- user-select:none;
249
- font-size:12px;
250
- color:#0b6efd;
251
- }
252
- </style>
253
-
254
- <script>
255
- (function(){
256
- const map = map_1839d0970395bfa8028662b9773533b8;
257
- // items: list of objects (title, lat, lon, markerVar)
258
- const items = [{"title": "مطعم دانه محمد عتيق الشمري لتقديم الوجبات", "lat": 28.30256807, "lon": 46.12183625, "markerVar": "marker_902fd9bba7db1708e3663d25da080bd9"}, {"title": "مدارس فرسان الابداع الأهلية", "lat": 28.4074809299999, "lon": 45.9549551599999, "markerVar": "marker_5aec73d66dc521216fc6f8ae377b87de"}, {"title": "مطعم عائشه عويد العنزي البخاري", "lat": 28.26435151, "lon": 45.94292525, "markerVar": "marker_7052e05f44428ba45029693cd995f37d"}, {"title": "مكتب قمة الاختيار للعقارات", "lat": 28.35154031, "lon": 45.9633957599999, "markerVar": "marker_d25420e12779c139cdba7826a43b9976"}, {"title": "مطاعم بستان الذرة للوجبات السريعة", "lat": 28.35845365, "lon": 45.96249104, "markerVar": "marker_7e40a21001e7ff2d0d081d8e079daded"}, {"title": "منتجع بريق الماس للترفية", "lat": 28.3650591801679, "lon": 45.9540241825071, "markerVar": "marker_e79793eab1c2b47736079c9ba3946a10"}, {"title": "مؤسسة مجد البركة للاتصالات", "lat": 28.3645633, "lon": 45.9618972199999, "markerVar": "marker_d66923b34ed4018b0a27b185e557505c"}];
259
-
260
- function norm(s){
261
- if(!s) return "";
262
- s = (""+s).toLowerCase();
263
-
264
- // إزالة التشكيل
265
- s = s.replace(/[\u064B-\u065F]/g, "");
266
- // تطبيع عربي
267
- s = s.replace(/[إأآا]/g, "ا")
268
- .replace(/ى/g, "ي")
269
- .replace(/ة/g, "ه")
270
- .replace(/ؤ/g, "و")
271
- .replace(/ئ/g, "ي")
272
- .replace(/ـ/g, "");
273
- // مسافات
274
- s = s.replace(/\s+/g, " ").trim();
275
- return s;
276
- }
277
-
278
- const SearchControl = L.Control.extend({
279
- options: { position: 'bottomleft' },
280
- onAdd: function(){
281
- const div = L.DomUtil.create('div', 'leaflet-control est-search-control');
282
- div.innerHTML = `
283
- <input id="estQ" type="text" placeholder="ابحث باسم المنشأة (جزء من الاسم)..." />
284
- <div class="est-search-meta">
285
- <span id="estCount" class="est-badge"></span>
286
- <span id="estClear" class="est-clear">مسح</span>
287
- </div>
288
- <div id="estResults" class="est-results"></div>
289
- `;
290
- L.DomEvent.disableClickPropagation(div);
291
- L.DomEvent.disableScrollPropagation(div);
292
- return div;
293
- }
294
- });
295
-
296
- map.addControl(new SearchControl());
297
-
298
- function renderResults(hits){
299
- const results = document.getElementById('estResults');
300
- const count = document.getElementById('estCount');
301
- results.innerHTML = "";
302
-
303
- if(!hits.length){
304
- count.textContent = "لا توجد نتائج";
305
- return;
306
- }
307
-
308
- count.textContent = "النتائج: " + hits.length;
309
-
310
- for(const h of hits.slice(0, 50)){
311
- const el = document.createElement('div');
312
- el.className = 'est-item';
313
- el.textContent = h.title;
314
- el.onclick = function(){
315
- try {
316
- const mv = window[h.markerVar];
317
- if(mv && mv.getLatLng){
318
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
319
- if(mv.openPopup) mv.openPopup();
320
- } else {
321
- map.setView([h.lat, h.lon], Math.max(map.getZoom(), 17), {animate:true});
322
- }
323
- } catch(e) {}
324
- };
325
- results.appendChild(el);
326
- }
327
- }
328
-
329
- function search(q){
330
- const nq = norm(q);
331
- if(!nq) return [];
332
- const hits = [];
333
- for(const it of items){
334
- if(norm(it.title).includes(nq)) hits.push(it);
335
- }
336
- return hits;
337
- }
338
-
339
- setTimeout(function(){
340
- const input = document.getElementById('estQ');
341
- const clearBtn = document.getElementById('estClear');
342
-
343
- input.addEventListener('input', function(){
344
- renderResults(search(this.value));
345
- });
346
-
347
- input.addEventListener('keydown', function(e){
348
- if(e.key === 'Enter'){
349
- const hits = search(this.value);
350
- renderResults(hits);
351
- if(hits.length){
352
- try {
353
- const mv = window[hits[0].markerVar];
354
- if(mv && mv.getLatLng){
355
- map.setView(mv.getLatLng(), Math.max(map.getZoom(), 17), {animate:true});
356
- if(mv.openPopup) mv.openPopup();
357
- }
358
- } catch(e) {}
359
- }
360
- }
361
- });
362
-
363
- clearBtn.addEventListener('click', function(){
364
- input.value = "";
365
- document.getElementById('estResults').innerHTML = "";
366
- document.getElementById('estCount').textContent = "";
367
- });
368
- }, 0);
369
- })();
370
- </script>
371
-
372
-
373
- <div style="
374
- position: fixed;
375
- bottom: 8px; left: 8px;
376
- background: rgba(255,255,255,0.85);
377
- padding: 6px 10px;
378
- border-radius: 10px;
379
- font-size: 13px;
380
- direction: rtl;
381
- z-index: 9999;
382
- box-shadow: 0 1px 8px rgba(0,0,0,0.15);
383
- font-family: Arial, sans-serif;
384
- ">
385
- تصميم وإعداد <b>نوف الناصر</b>
386
- </div>
387
-
388
-
389
- <div class="folium-map" id="map_1839d0970395bfa8028662b9773533b8" ></div>
390
-
391
- </body>
392
- <script>
393
-
394
-
395
- var map_1839d0970395bfa8028662b9773533b8 = L.map(
396
- "map_1839d0970395bfa8028662b9773533b8",
397
- {
398
- center: [28.34485956430969, 45.98021783750097],
399
- crs: L.CRS.EPSG3857,
400
- ...{
401
- "zoom": 13,
402
- "zoomControl": true,
403
- "preferCanvas": false,
404
- }
405
-
406
- }
407
- );
408
- L.control.scale().addTo(map_1839d0970395bfa8028662b9773533b8);
409
-
410
-
411
-
412
-
413
-
414
- var tile_layer_5a4d2a6928d31a901e7361ebaa187522 = L.tileLayer(
415
- "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
416
- {
417
- "minZoom": 0,
418
- "maxZoom": 19,
419
- "maxNativeZoom": 19,
420
- "noWrap": false,
421
- "attribution": "\u0026copy; \u003ca href=\"https://www.openstreetmap.org/copyright\"\u003eOpenStreetMap\u003c/a\u003e contributors",
422
- "subdomains": "abc",
423
- "detectRetina": false,
424
- "tms": false,
425
- "opacity": 1,
426
- }
427
-
428
- );
429
-
430
-
431
- tile_layer_5a4d2a6928d31a901e7361ebaa187522.addTo(map_1839d0970395bfa8028662b9773533b8);
432
-
433
-
434
- var tile_layer_4b44963cafdf360d7ea035c3efd164ee = L.tileLayer(
435
- "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
436
- {
437
- "minZoom": 0,
438
- "maxZoom": 18,
439
- "maxNativeZoom": 18,
440
- "noWrap": false,
441
- "attribution": "\u0026copy; Esri",
442
- "subdomains": "abc",
443
- "detectRetina": false,
444
- "tms": false,
445
- "opacity": 1,
446
- }
447
-
448
- );
449
-
450
-
451
- tile_layer_4b44963cafdf360d7ea035c3efd164ee.addTo(map_1839d0970395bfa8028662b9773533b8);
452
-
453
-
454
- var locate_control_f566a85ebc7c9455085a2e6a91d51a3f = L.control.locate(
455
- {"flyTo": true}
456
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
457
-
458
-
459
-
460
- var marker_902fd9bba7db1708e3663d25da080bd9 = L.marker(
461
- [28.30256807, 46.12183625],
462
- {
463
- }
464
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
465
-
466
-
467
- var icon_d3cb5305f0db71366568af361a2ecf49 = L.AwesomeMarkers.icon(
468
- {
469
- "markerColor": "beige",
470
- "iconColor": "white",
471
- "icon": "info-sign",
472
- "prefix": "glyphicon",
473
- "extraClasses": "fa-rotate-0",
474
- }
475
- );
476
-
477
-
478
- var popup_04d9cc00e931a4d398c5fd0aa3cc7994 = L.popup({
479
- "maxWidth": 320,
480
- });
481
-
482
-
483
-
484
- var html_a517941b068e4b2db64d2ba5a667a184 = $(`<div id="html_a517941b068e4b2db64d2ba5a667a184" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم دانه محمد عتيق الشمري لتقديم الوجبات</b><br> السجل التجاري: 2511132182<br> المنطقة: القيصومه<br> الحارة: الحي الثالث<br> <a href="https://www.google.com/maps?q=28.30256807,46.12183625" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
485
- popup_04d9cc00e931a4d398c5fd0aa3cc7994.setContent(html_a517941b068e4b2db64d2ba5a667a184);
486
-
487
-
488
-
489
- marker_902fd9bba7db1708e3663d25da080bd9.bindPopup(popup_04d9cc00e931a4d398c5fd0aa3cc7994)
490
- ;
491
-
492
-
493
-
494
-
495
- marker_902fd9bba7db1708e3663d25da080bd9.bindTooltip(
496
- `<div>
497
- مطعم دانه محمد عتيق الشمري لتقديم الوجبات
498
- </div>`,
499
- {
500
- "sticky": true,
501
- }
502
- );
503
-
504
-
505
- marker_902fd9bba7db1708e3663d25da080bd9.setIcon(icon_d3cb5305f0db71366568af361a2ecf49);
506
-
507
-
508
- var marker_5aec73d66dc521216fc6f8ae377b87de = L.marker(
509
- [28.4074809299999, 45.9549551599999],
510
- {
511
- }
512
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
513
-
514
-
515
- var icon_d2bfb073cd66236639b88b43bf193d61 = L.AwesomeMarkers.icon(
516
- {
517
- "markerColor": "lightgray",
518
- "iconColor": "white",
519
- "icon": "info-sign",
520
- "prefix": "glyphicon",
521
- "extraClasses": "fa-rotate-0",
522
- }
523
- );
524
-
525
-
526
- var popup_babdb708d1872ae3c779adbfe43cccf6 = L.popup({
527
- "maxWidth": 320,
528
- });
529
-
530
-
531
-
532
- var html_367ec5ddbeb5c80b15ad3c38b20d32d5 = $(`<div id="html_367ec5ddbeb5c80b15ad3c38b20d32d5" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مدارس فرسان الابداع الأهلية</b><br> السجل التجاري: 2511008122<br> المنطقة: حفر الباطن<br> الحارة: الربوة<br> <a href="https://www.google.com/maps?q=28.4074809299999,45.9549551599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
533
- popup_babdb708d1872ae3c779adbfe43cccf6.setContent(html_367ec5ddbeb5c80b15ad3c38b20d32d5);
534
-
535
-
536
-
537
- marker_5aec73d66dc521216fc6f8ae377b87de.bindPopup(popup_babdb708d1872ae3c779adbfe43cccf6)
538
- ;
539
-
540
-
541
-
542
-
543
- marker_5aec73d66dc521216fc6f8ae377b87de.bindTooltip(
544
- `<div>
545
- مدارس فرسان الابداع الأهلية
546
- </div>`,
547
- {
548
- "sticky": true,
549
- }
550
- );
551
-
552
-
553
- marker_5aec73d66dc521216fc6f8ae377b87de.setIcon(icon_d2bfb073cd66236639b88b43bf193d61);
554
-
555
-
556
- var marker_7052e05f44428ba45029693cd995f37d = L.marker(
557
- [28.26435151, 45.94292525],
558
- {
559
- }
560
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
561
-
562
-
563
- var icon_5242889099f81b278155ada08a1afa4c = L.AwesomeMarkers.icon(
564
- {
565
- "markerColor": "blue",
566
- "iconColor": "white",
567
- "icon": "info-sign",
568
- "prefix": "glyphicon",
569
- "extraClasses": "fa-rotate-0",
570
- }
571
- );
572
-
573
-
574
- var popup_9e185b8a32cdbb9447a965b34b2da40f = L.popup({
575
- "maxWidth": 320,
576
- });
577
-
578
-
579
-
580
- var html_d1fdd4eb06707dc76ff2a5dc31460951 = $(`<div id="html_d1fdd4eb06707dc76ff2a5dc31460951" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطعم عائشه عويد العنزي البخاري</b><br> السجل التجاري: 2511107196<br> المنطقة: حفر الباطن<br> الحارة: اليرموك<br> <a href="https://www.google.com/maps?q=28.26435151,45.94292525" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
581
- popup_9e185b8a32cdbb9447a965b34b2da40f.setContent(html_d1fdd4eb06707dc76ff2a5dc31460951);
582
-
583
-
584
-
585
- marker_7052e05f44428ba45029693cd995f37d.bindPopup(popup_9e185b8a32cdbb9447a965b34b2da40f)
586
- ;
587
-
588
-
589
-
590
-
591
- marker_7052e05f44428ba45029693cd995f37d.bindTooltip(
592
- `<div>
593
- مطعم عائشه عويد العنزي البخاري
594
- </div>`,
595
- {
596
- "sticky": true,
597
- }
598
- );
599
-
600
-
601
- marker_7052e05f44428ba45029693cd995f37d.setIcon(icon_5242889099f81b278155ada08a1afa4c);
602
-
603
-
604
- var marker_d25420e12779c139cdba7826a43b9976 = L.marker(
605
- [28.35154031, 45.9633957599999],
606
- {
607
- }
608
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
609
-
610
-
611
- var icon_1d54dd317fae685c725d1f969ed54364 = L.AwesomeMarkers.icon(
612
- {
613
- "markerColor": "lightgreen",
614
- "iconColor": "white",
615
- "icon": "info-sign",
616
- "prefix": "glyphicon",
617
- "extraClasses": "fa-rotate-0",
618
- }
619
- );
620
-
621
-
622
- var popup_8100343bacaa80ed65678fce326d15d3 = L.popup({
623
- "maxWidth": 320,
624
- });
625
-
626
-
627
-
628
- var html_801fd9f2070992b93cd5e3bf3f070351 = $(`<div id="html_801fd9f2070992b93cd5e3bf3f070351" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مكتب قمة الاختيار للعقارات</b><br> السجل التجاري: 2511102189<br> المنطقة: حفر الباطن<br> الحارة: الريان<br> <a href="https://www.google.com/maps?q=28.35154031,45.9633957599999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
629
- popup_8100343bacaa80ed65678fce326d15d3.setContent(html_801fd9f2070992b93cd5e3bf3f070351);
630
-
631
-
632
-
633
- marker_d25420e12779c139cdba7826a43b9976.bindPopup(popup_8100343bacaa80ed65678fce326d15d3)
634
- ;
635
-
636
-
637
-
638
-
639
- marker_d25420e12779c139cdba7826a43b9976.bindTooltip(
640
- `<div>
641
- مكتب قمة الاختيار للعقارات
642
- </div>`,
643
- {
644
- "sticky": true,
645
- }
646
- );
647
-
648
-
649
- marker_d25420e12779c139cdba7826a43b9976.setIcon(icon_1d54dd317fae685c725d1f969ed54364);
650
-
651
-
652
- var marker_7e40a21001e7ff2d0d081d8e079daded = L.marker(
653
- [28.35845365, 45.96249104],
654
- {
655
- }
656
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
657
-
658
-
659
- var icon_647d9cdc6e6764950ca91a35ce805e55 = L.AwesomeMarkers.icon(
660
- {
661
- "markerColor": "beige",
662
- "iconColor": "white",
663
- "icon": "info-sign",
664
- "prefix": "glyphicon",
665
- "extraClasses": "fa-rotate-0",
666
- }
667
- );
668
-
669
-
670
- var popup_ba8ab08130c4e06dc557f0231b57517e = L.popup({
671
- "maxWidth": 320,
672
- });
673
-
674
-
675
-
676
- var html_ed09dffc5bb8265d90f723d73b5fb6ab = $(`<div id="html_ed09dffc5bb8265d90f723d73b5fb6ab" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مطاعم بستان الذرة للوجبات السريعة</b><br> السجل التجاري: 2511122983<br> المنطقة: حفر الباطن<br> الحارة: النايفية<br> <a href="https://www.google.com/maps?q=28.35845365,45.96249104" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
677
- popup_ba8ab08130c4e06dc557f0231b57517e.setContent(html_ed09dffc5bb8265d90f723d73b5fb6ab);
678
-
679
-
680
-
681
- marker_7e40a21001e7ff2d0d081d8e079daded.bindPopup(popup_ba8ab08130c4e06dc557f0231b57517e)
682
- ;
683
-
684
-
685
-
686
-
687
- marker_7e40a21001e7ff2d0d081d8e079daded.bindTooltip(
688
- `<div>
689
- مطاعم بستان الذرة للوجبات السريعة
690
- </div>`,
691
- {
692
- "sticky": true,
693
- }
694
- );
695
-
696
-
697
- marker_7e40a21001e7ff2d0d081d8e079daded.setIcon(icon_647d9cdc6e6764950ca91a35ce805e55);
698
-
699
-
700
- var marker_e79793eab1c2b47736079c9ba3946a10 = L.marker(
701
- [28.3650591801679, 45.9540241825071],
702
- {
703
- }
704
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
705
-
706
-
707
- var icon_3db8f3286efd49981348e87c74813f0d = L.AwesomeMarkers.icon(
708
- {
709
- "markerColor": "beige",
710
- "iconColor": "white",
711
- "icon": "info-sign",
712
- "prefix": "glyphicon",
713
- "extraClasses": "fa-rotate-0",
714
- }
715
- );
716
-
717
-
718
- var popup_58e25b0637a79a64100549fd7bb5beca = L.popup({
719
- "maxWidth": 320,
720
- });
721
-
722
-
723
-
724
- var html_929137db560cc733b087e56e88e2a624 = $(`<div id="html_929137db560cc733b087e56e88e2a624" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>منتجع بريق الماس للترفية</b><br> السجل التجاري: 2511114238<br> المنطقة: حفر الباطن<br> الحارة: النايفية<br> <a href="https://www.google.com/maps?q=28.3650591801679,45.9540241825071" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
725
- popup_58e25b0637a79a64100549fd7bb5beca.setContent(html_929137db560cc733b087e56e88e2a624);
726
-
727
-
728
-
729
- marker_e79793eab1c2b47736079c9ba3946a10.bindPopup(popup_58e25b0637a79a64100549fd7bb5beca)
730
- ;
731
-
732
-
733
-
734
-
735
- marker_e79793eab1c2b47736079c9ba3946a10.bindTooltip(
736
- `<div>
737
- منتجع بريق الماس للترفية
738
- </div>`,
739
- {
740
- "sticky": true,
741
- }
742
- );
743
-
744
-
745
- marker_e79793eab1c2b47736079c9ba3946a10.setIcon(icon_3db8f3286efd49981348e87c74813f0d);
746
-
747
-
748
- var marker_d66923b34ed4018b0a27b185e557505c = L.marker(
749
- [28.3645633, 45.9618972199999],
750
- {
751
- }
752
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
753
-
754
-
755
- var icon_44126d6a3ac038779d23d593f9038b3a = L.AwesomeMarkers.icon(
756
- {
757
- "markerColor": "beige",
758
- "iconColor": "white",
759
- "icon": "info-sign",
760
- "prefix": "glyphicon",
761
- "extraClasses": "fa-rotate-0",
762
- }
763
- );
764
-
765
-
766
- var popup_42ed93a58bdbd8a61548e857e3af15cd = L.popup({
767
- "maxWidth": 320,
768
- });
769
-
770
-
771
-
772
- var html_9cb81a5d204f80ac00718bbea9ba722c = $(`<div id="html_9cb81a5d204f80ac00718bbea9ba722c" style="width: 100.0%; height: 100.0%;"> <div style="direction:rtl;font-family:Arial;line-height:1.7;"> <b>مؤسسة مجد البركة للاتصالات</b><br> السجل التجاري: 2511103245<br> المنطقة: حفر الباطن<br> الحارة: النايفية<br> <a href="https://www.google.com/maps?q=28.3645633,45.9618972199999" target="_blank">فتح في خرائط جوجل</a> </div> </div>`)[0];
773
- popup_42ed93a58bdbd8a61548e857e3af15cd.setContent(html_9cb81a5d204f80ac00718bbea9ba722c);
774
-
775
-
776
-
777
- marker_d66923b34ed4018b0a27b185e557505c.bindPopup(popup_42ed93a58bdbd8a61548e857e3af15cd)
778
- ;
779
-
780
-
781
-
782
-
783
- marker_d66923b34ed4018b0a27b185e557505c.bindTooltip(
784
- `<div>
785
- مؤسسة مجد البركة للاتصالات
786
- </div>`,
787
- {
788
- "sticky": true,
789
- }
790
- );
791
-
792
-
793
- marker_d66923b34ed4018b0a27b185e557505c.setIcon(icon_44126d6a3ac038779d23d593f9038b3a);
794
-
795
-
796
- map_1839d0970395bfa8028662b9773533b8.fitBounds(
797
- [[28.30256807, 46.12183625], [28.4074809299999, 45.9549551599999], [28.26435151, 45.94292525], [28.35154031, 45.9633957599999], [28.35845365, 45.96249104], [28.3650591801679, 45.9540241825071], [28.3645633, 45.9618972199999]],
798
- {"padding": [30, 30]}
799
- );
800
-
801
-
802
- var layer_control_e6b7a047b1aec71a8fc3f27993c914af_layers = {
803
- base_layers : {
804
- "\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0639" : tile_layer_5a4d2a6928d31a901e7361ebaa187522,
805
- "\u0623\u0642\u0645\u0627\u0631 \u0635\u0646\u0627\u0639\u064a\u0629 (Esri)" : tile_layer_4b44963cafdf360d7ea035c3efd164ee,
806
- },
807
- overlays : {
808
- },
809
- };
810
- let layer_control_e6b7a047b1aec71a8fc3f27993c914af = L.control.layers(
811
- layer_control_e6b7a047b1aec71a8fc3f27993c914af_layers.base_layers,
812
- layer_control_e6b7a047b1aec71a8fc3f27993c914af_layers.overlays,
813
- {
814
- "position": "topright",
815
- "collapsed": false,
816
- "autoZIndex": true,
817
- }
818
- ).addTo(map_1839d0970395bfa8028662b9773533b8);
819
-
820
-
821
- </script>
822
- </html>