حمّل المشروع كاملاً من هنا:
https://github.com/drnourhomsi/GoogleMapsApi

اذا كنت مبتدئ تماماً بالجافاسكريبت يرجى متابعة هذا الدرس أولاً
السلسلة كاملة:
الدرس:
00:00:00 ماذا سنتعلم في هذا الدرس
00:02:30 تجهيز بيئة العمل
00:05:30 ادراج خريطة جوجل
00:10:00 التحكم بخريطة جوجل
00:15:00 بناء هيكلية الموقع
00:18:00 استدعاء بيانات API
00:29:00 استدعاء بيانات البلدان Fetch Countries API
00:36:00 اسناد الأحداث addEventListener
00:44:00 استدعاء بيانات الفنادق Fetch Hotels Api
00:48:00 وضع العلامات على خريطة جوجل
00:59:00 وضع أسماء العلامات على خريطة جوجل
01:03:00 تبديل علامة جوجل بأيقونة
01:06:00 توسيع الخريطة لتحيط بالعلامات
01:13:00 البحث بالفلترة Array.filter
01:26:00 استدعاء البيانات بالضغط
01:33:00 خاتمة

------------------------------------------------------------------------
nourhomsi.com