خرائط الحي الخامسالشكل القديم شات

 ملاحظة: أي مكان تحفظه في المفضلة يتم تخزينه **محليًا على جهازك فقط** ولن يُشارك مع أي شخص آخر.

---

1️⃣ الخريطة الرئيسية

• تستخدم Leaflet لعرض خريطة تفاعلية داخل الصفحة.
• الخريطة مبدئيًا تركز على إحداثيات 30.04254, 31.58206 بمستوى تكبير 15.
• يوجد طبقتين للخريطة:
  • “خريطة عادية” (OpenStreetMap)
  • “قمر صناعي” (Esri Satellite)
• يمكن للزائر التبديل بينهما من الزاوية اليمنى العليا.

---

2️⃣ الأزرار العلوية

• 🔄 الرجوع: يعيد الخريطة إلى الموقع الأساسي (startLat, startLng) ويزيل أي علامات تم إضافتها.
• ⭐ المفضلة: يفتح صندوق يحتوي على الأماكن التي حفظتها.
• 📍 موقعي: يحدد موقعك الحالي ويضع علامة عليه على الخريطة.

---

3️⃣ القائمة المنسدلة للأحياء

• الزائر يمكنه الانتقال سريعًا لأي حي من القائمة.
• عند اختيار أي حي:
  • الخريطة تنتقل تلقائيًا لموقع الحي وتكبيره.
  • إذا لم يكن للحي إحداثيات، لن يحدث أي شيء.

---

4️⃣ النقر على الخريطة

• عند الضغط على أي مكان:
  1. يحصل الكود على الإحداثيات (lat, lng).
  2. يستخدم خدمة OpenStreetMap Nominatim للحصول على العنوان.
  3. يظهر نافذة منبثقة (Popup) تحتوي على:
     • عنوان المكان
     • خريطة Google صغيرة داخل النافذة
     • أزرار:
       • 🚗 الاتجاهات: يفتح Google Maps مع الاتجاهات إلى هذا المكان.
       • ⭐ حفظ: يمكنك حفظ المكان في المفضلة باسم تختاره.
       • 📤 مشاركة: نسخ رابط Google Maps للمكان.
       • ❌ إغلاق: لإغلاق النافذة المنبثقة.

---

5️⃣ صندوق المفضلة

• يعرض جميع الأماكن التي حفظتها سابقًا.
• لكل مكان:
  • زر 📍 اذهب: ينتقل للخريطة ويعرض الموقع.
  • زر 🗑️ حذف: لإزالة المكان من المفضلة.
• يمكن إغلاق الصندوق بزر ❌ في الأسفل.

---

6️⃣ التوافق مع الموبايل

• النافذة المنبثقة (popup) بحجم 80% من الشاشة تقريبًا على الأجهزة الكبيرة.
• على الأجهزة الصغيرة جدًا (أقل من 480px عرض) تقلل الارتفاع إلى 70% لضمان عرض جيد.

---

7️⃣ إضافة أماكن جديدة

• عند الضغط على أي مكان، يمكن حفظه في المفضلة.
• يمكن اختيار اسم خاص للمكان، وإذا لم يتم كتابته، يستخدم العنوان الافتراضي.

---

باختصار:
الزائر يستطيع استكشاف الأحياء، الانتقال لأي حي بسرعة، حفظ أماكنه، مشاركة أي موقع، معرفة موقعه الحالي، والتحكم في نوع الخريطة.

---