[5] Get started with Google Maps Platform, Free Google Courses 2023 28691 مشاهدة
blogdetail

[5] Get started with Google Maps Platform, Free Google Courses 2023

Get Started with Google Maps Platform: دليلك الشامل لتعلم إنشاء الخرائط التفاعلية على الويب

أصبحت الخرائط الرقمية جزءًا أساسيًا من العديد من المواقع والتطبيقات الحديثة، سواء لعرض مواقع الشركات والفروع، أو مساعدة المستخدمين على الوصول إلى الأماكن، أو تقديم خدمات تعتمد على الموقع الجغرافي. ومع تطور تقنيات الويب، لم تعد الخريطة مجرد صورة ثابتة، بل أصبح من الممكن إنشاء خرائط تفاعلية يمكن للمستخدم التعامل معها واستكشافها مباشرة من داخل الموقع.

ويقدم كورس Get started with Google Maps Platform مقدمة عملية للتعرف على Google Maps Platform وإدارة المشروعات من خلال Google Cloud Console، ثم الانتقال إلى بناء أول خريطة تفاعلية على الويب باستخدام Maps JavaScript API. وتوضح صفحة Google الرسمية أن المسار يتضمن أربع أنشطة واختبارًا واحدًا، مع إمكانية الحصول على Badge عند اجتياز الاختبار بالشكل المطلوب. (Google for Developers)

ما هي Google Maps Platform ولماذا تستخدمها المواقع والتطبيقات؟

تعد Google Maps Platform مجموعة من الخدمات والأدوات التي تساعد المطورين على إضافة إمكانات مرتبطة بالخرائط والمواقع الجغرافية إلى مواقع الويب والتطبيقات.

ويمكن الاستفادة منها في إنشاء تجارب رقمية تعتمد على الخرائط، مثل عرض موقع متجر أو شركة، وإظهار أماكن متعددة على الخريطة، وإنشاء تطبيقات تتعامل مع المواقع والطرق والأماكن.

وتستخدم ملايين المواقع والتطبيقات Google Maps Platform لتوفير تجارب مرتبطة بالموقع الجغرافي للمستخدمين، وتوفر المنصة أدوات وخدمات مرتبطة بالخرائط والطرق والأماكن وغيرها. (Google for Developers)

وهذا يجعل تعلم أساسيات المنصة مفيدًا للمطورين الذين يريدون إضافة الخرائط إلى مشروعات الويب أو فهم كيفية دمج خدمات Google الجغرافية داخل التطبيقات.

التعرف على Google Cloud Console وإدارة المشروعات

من أول الموضوعات التي يتعرف عليها المتعلم في الكورس كيفية التعامل مع Google Cloud Console وإدارة المشروعات المرتبطة بـ Google Maps Platform.

وتعتبر Cloud Console بيئة مهمة لإدارة العديد من الإعدادات والخدمات السحابية، ومنها المشروعات التي تستخدم Google Maps Platform.

فبدل أن يبدأ المطور بكتابة الأكواد مباشرة، يحتاج أولًا إلى إعداد المشروع والخدمات التي سيستخدمها، ثم تفعيل واجهات البرمجة المناسبة وإعداد بيانات الوصول.

هذه الخطوة مهمة لأنها تربط بين الجانب البرمجي والجانب الإداري للمشروع، وتساعد المتعلم على فهم كيفية تجهيز البيئة اللازمة قبل بناء الخريطة.

كما أن معرفة طريقة إدارة المشروع تجعل التعامل مع خدمات Google المختلفة أكثر تنظيمًا، خصوصًا عندما يكبر المشروع ويحتاج إلى أكثر من خدمة أو واجهة برمجية.

تفعيل Google Maps Platform APIs وSDKs

يتضمن الكورس درسًا خاصًا بكيفية Enable Google Maps Platform APIs and SDKs داخل Google Cloud.

وتعد هذه الخطوة من الأساسيات عند بدء استخدام خدمات Google Maps Platform، لأن المطور يحتاج إلى تفعيل الخدمات التي سيعتمد عليها مشروعه.

وتوضح Google في دليل البدء الرسمي أن استخدام Google Maps Platform يتطلب إنشاء مشروع Cloud مع تفعيل الخدمات أو واجهات API وSDKs المطلوبة للمشروع. (Google for Developers)

ويتعلم الطالب من خلال هذه المرحلة أن الخدمات المختلفة ليست بالضرورة مفعلة تلقائيًا داخل كل مشروع، وإنما يجب اختيار وتفعيل ما يحتاج إليه التطبيق.

وهذا المفهوم مهم جدًا للمطورين لأنه يساعدهم على فهم العلاقة بين المشروع والخدمات البرمجية التي يعتمد عليها.

إنشاء وربط Billing Account بالمشروع

يتناول الكورس كذلك موضوع Create and attach a billing account، أي إنشاء حساب للفوترة وربطه بمشروع Google Cloud.

وتعتبر هذه الخطوة جزءًا من إعداد المشروع لاستخدام Google Maps Platform، وتوضح Google أن إعداد مشروع Cloud يتطلب تفعيل الفوترة، مع وجود أنظمة أرصدة وتجارب مجانية مؤهلة بحسب الحساب والخدمة والاستخدام. (Google for Developers)

ومن المهم عند التعامل مع الخدمات السحابية أن يفهم المطور طبيعة الفوترة والاستخدام، وأن يتابع إعدادات المشروع والاستهلاك وفقًا لسياسات الخدمة الحالية.

ولا يعني وجود حساب للفوترة بالضرورة أن كل استخدام للخدمات سيكون مدفوعًا، إذ تختلف الأسعار والحصص المجانية حسب الخدمة ونوع الاستخدام والحساب.

ولهذا فإن تعلم إعداد المشروع والفوترة يعتبر جزءًا مهمًا من أساسيات العمل مع Google Cloud.

إنشاء API Keys وتقييدها لحماية المشروع

من أهم الموضوعات التي يتناولها الكورس Generate and restrict API keys.

تستخدم مفاتيح API كوسيلة للتعرف على الطلبات المرتبطة بالمشروع، وتوضح Google أن مفتاح API يعمل كمعرف يساعد في المصادقة على الطلبات المرتبطة بالمشروع والاستخدام والفوترة. كما توصي بتقييد المفاتيح عند استخدامها في بيئة الإنتاج. (Google for Developers)

وتكمن أهمية تعلم هذه الخطوة في أن المطور لا يحتاج فقط إلى معرفة كيفية إنشاء المفتاح، بل يجب أن يفهم أيضًا أهمية التعامل معه بصورة آمنة.

وتساعد القيود المناسبة على تقليل الاستخدام غير المقصود للمفتاح وربطه بالخدمات والمواقع أو التطبيقات المناسبة وفقًا لإعدادات المشروع.

وهذه المعرفة تعتبر جزءًا مهمًا من أساسيات تطوير التطبيقات التي تعتمد على واجهات API.

إضافة خريطة إلى موقعك باستخدام JavaScript

الجزء العملي الأهم في الكورس هو التعرف على طريقة Add a map to your website (JavaScript).

من خلال Maps JavaScript API يمكن للمطور إضافة خريطة تفاعلية إلى صفحة ويب، بدل الاكتفاء بصورة ثابتة.

وتوضح Google أن الـ Codelab المرتبط بهذا المسار يعلّم أساسيات تحميل Maps JavaScript API وعرض أول خريطة والتعامل مع العلامات والتفاعل مع الخريطة. (Google for Developers)

وهذا يفتح أمام المتعلم مجموعة كبيرة من الإمكانات. فعلى سبيل المثال، يمكن إنشاء صفحة تعرض موقع شركة على الخريطة، أو عرض مجموعة من الفروع، أو وضع علامات على أماكن معينة.

وتعد هذه الخطوة مناسبة جدًا للمطورين الذين يريدون الانتقال من التعرف النظري على Google Maps Platform إلى تنفيذ تجربة فعلية داخل موقع ويب.

التعامل مع الخرائط والعلامات والتفاعل مع المستخدم

بعد إضافة الخريطة إلى الموقع، يمكن تطويرها لتصبح أكثر تفاعلية وفائدة للمستخدم.

فالـ Codelab الرسمي الخاص بإضافة الخريطة باستخدام JavaScript يتضمن موضوعات مثل استخدام العلامات Markers والعلامات المخصصة وتجميع العلامات، بالإضافة إلى التعامل مع تفاعل المستخدم مع الخريطة. (Google for Developers)

ويمكن استخدام العلامات لتحديد أماكن معينة على الخريطة، مثل الفروع أو المتاجر أو المعالم أو نقاط الخدمة.

كما يمكن إضافة تفاعلات تجعل الخريطة تستجيب لتصرفات المستخدم، وهو ما يحولها من عنصر بصري إلى جزء فعلي من تجربة الموقع.

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

اختبار Get started with Google Maps Platform والحصول على Badge

يتضمن المسار اختبارًا بعنوان Get started with Google Maps Platform quiz.

ووفقًا لصفحة Google الرسمية، يمكن للمتعلم الحصول على Get started with Google Maps Platform badge عند الإجابة بشكل صحيح عن ثلاثة أسئلة في الاختبار. (Google for Developers)

وتعتبر الـ Badge طريقة لإظهار إتمام المسار التعليمي والتعرف على المهارات التي تم تطويرها.

كما يمكن عرض الـ Badge ضمن الملف الشخصي للمطور، وهو ما يساعد على توثيق بعض الإنجازات التعليمية المرتبطة بالمنصة. وتوضح صفحة Google Developer Program الخاصة بالـ Badge أن المسار يتعلق بالتعرف على Google Maps Platform وإدارة المشروعات في Google Cloud Console وبناء خرائط ويب تفاعلية. (Google for Developers)

ومن الأفضل النظر إلى الشارة باعتبارها إضافة إلى التعلم العملي، وليس بديلًا عن تنفيذ المشروعات وتطوير المهارات.

من يمكنه دراسة Get started with Google Maps Platform؟

يعد الكورس مناسبًا بشكل خاص للمطورين والمبتدئين الذين يريدون التعرف على طريقة استخدام Google Maps Platform في مشروعات الويب.

كما يمكن أن يستفيد منه طلاب البرمجة وتطوير الويب وكل من يريد تعلم كيفية إضافة خرائط تفاعلية إلى مواقع الإنترنت.

وبما أن الجزء العملي يعتمد على JavaScript، فمن المفيد أن يمتلك المتعلم أساسيات في HTML وCSS وJavaScript قبل التعمق في تطبيقات الخرائط. ويذكر الـ Codelab الرسمي ضمن المتطلبات وجود معرفة أساسية بـ JavaScript وHTML وCSS، إلى جانب حساب Google Cloud وإعدادات Google Maps Platform المطلوبة. (Google for Developers)

ولا يشترط أن تكون خبيرًا في الخرائط أو الخدمات السحابية، لأن الهدف من المسار هو تقديم نقطة بداية واضحة تساعدك على فهم الخطوات الأساسية.

ابدأ الآن في تعلم Google Maps Platform وبناء الخرائط التفاعلية

يقدم Get started with Google Maps Platform مسارًا تدريبيًا عمليًا يساعدك على الانتقال من التعرف على Google Maps Platform إلى بناء أول خريطة تفاعلية على موقع ويب.

ويتضمن المسار تعلم تفعيل APIs وSDKs، وإنشاء وربط Billing Account، وإنشاء وتقييد API Keys، ثم إضافة خريطة باستخدام JavaScript، بالإضافة إلى اختبار للحصول على Badge عند تحقيق النتيجة المطلوبة. (Google for Developers)

للكورس اضغط هنا:

Get started with Google Maps Platform – الكورس الرسمي من Google

رابط Google Maps Platform الرسمي:

Google Maps Platform

رابط التطبيق العملي Add a map to your website (JavaScript):

Google Maps Platform JavaScript Codelab

ومن خلال البدء بهذا المسار، يمكن للمتعلم بناء أساس جيد في استخدام Google Maps Platform، ثم التوسع لاحقًا في APIs وSDKs الخاصة بالخرائط والأماكن والطرق وتطوير تطبيقات ويب أكثر تقدمًا. (Google for Developers)