اليوم ، يكاد يكون من المستحيل تخيل موقع ويب حديث بدون خريطة تساعد المستخدمين في العثور على المكان المناسب أو التنقل في المدينة. واحدة من الأدوات الأكثر شعبية لتضمين الخرائط على صفحات الويب هو أبي خرائط جوجل.
توفر واجهة برمجة تطبيقات خرائط جوجل للمطورين القدرة على تضمين الخرائط التفاعلية في مواقعهم ، وإنشاء المسارات تلقائيا ، وتحديد موقع المستخدمين ، وغير ذلك الكثير. لاستخدام واجهة برمجة تطبيقات خرائط جوجل ، تحتاج إلى الحصول على مفتاح واجهة برمجة تطبيقات يحدد تطبيقك ويسمح لك بالتفاعل مع الخرائط من خلال واجهة برمجة التطبيقات.
للبدء مع أبي خرائط جوجل ، تحتاج إلى إضافة برنامج نصي إلى صفحة الويب الخاصة بك التي سيتم تحميل أبي وتعطيك الوصول إلى وظائفه. وبالإضافة إلى ذلك ، سوف تحتاج إلى عنصر هتمل التي سيتم عرض الخريطة. يمكن أن يكون مجرد عنصر ديف مع معرف معين.
بعد تكوين واجهة برمجة التطبيقات وتنزيلها ، يمكنك استخدام وظائفها لإنشاء خريطة وإضافة علامات وعناصر تحكم وعناصر أخرى مختلفة إليها. يمكنك أيضا تخصيص مظهر وسلوك الخريطة ، بما في ذلك التكبير والتصغير والتحرك.
- ربط واجهة برمجة تطبيقات خرائط جوجل على الموقع
- التسجيل لتلقي مفتاح واجهة برمجة التطبيقات
- سؤال وجواب
- كيف يمكنني إدراج خريطة خرائط جوجل على موقع الويب الخاص بي?
- ما هي المعلمات التي يمكن تحديدها عند تهيئة الخريطة عبر واجهة برمجة تطبيقات خرائط جوجل?
- هل من الممكن تخصيص مظهر الخريطة التي تم إنشاؤها باستخدام واجهة برمجة تطبيقات خرائط جوجل?
ربط واجهة برمجة تطبيقات خرائط جوجل على الموقع
لعرض الخريطة على موقعك ، يمكنك استخدام خدمة واجهة برمجة تطبيقات خرائط جوجل. للقيام بذلك ، اتبع الخطوات التالية:
- إنشاء مشروع في جوجل الغيمة. انتقل إلى موقع جوجل الغيمة وإنشاء مشروع جديد. للقيام بذلك ، سوف تحتاج إلى حساب جوجل.
- احصل على مفتاح واجهة برمجة التطبيقات. بعد إنشاء المشروع ، في صفحة إدارة المشروع ، ابحث عن علامة تبويب واجهة برمجة التطبيقات وأنشئ مفتاحا جديدا لواجهة برمجة تطبيقات خرائط جوجل. احفظ المفتاح المستلم-ستحتاج إليه لتوصيل البطاقة على الموقع.
- قم بتوصيل مفتاح واجهة برمجة التطبيقات على الموقع. الصق الكود التالي في علامة صفحة هتمل:
استبدل "مفتاحك" بمفتاح واجهة برمجة التطبيقات الذي تلقيته سابقا. الآن سوف يصل موقعك إلى وظائف واجهة برمجة تطبيقات خرائط جوجل.
مثال على إضافة خريطة إلى صفحة:
في التعليمات البرمجية أعلاه ، يتم إنشاء حاوية مع معرف "خريطة" التي سيتم عرض الخريطة. تقوم وظيفة الخريطة الأولية بتهيئة الخريطة وتعيين معلماتها (على سبيل المثال ، مستوى التكبير / التصغير ومركز الخريطة). في نهاية البرنامج النصي ، يتم توصيل واجهة برمجة تطبيقات خرائط جوجل ، مع تحديد مفتاح واجهة برمجة التطبيقات ووظيفة رد الاتصال في إينتماب.
يمكن وصف الإعدادات والوظائف الإضافية للخريطة داخل وظيفة الخريطة الداخلية.
يمكنك الآن توصيل واجهة برمجة تطبيقات خرائط جوجل على موقعك وعرض خرائط تفاعلية بوظائف ومظهر مختلفين.
التسجيل لتلقي مفتاح واجهة برمجة التطبيقات
للعمل مع واجهة برمجة تطبيقات خرائط جوجل ، تحتاج إلى التسجيل على موقع الويب الرسمي لمنصة غوغل كلاود والحصول على مفتاح واجهة برمجة التطبيقات. يوفر مفتاح واجهة برمجة التطبيقات الوصول إلى وظائف كل من خرائط جوجل وخدمات جوجل الأخرى.
- فيما يلي الخطوات التي تحتاج إلى اتباعها للتسجيل والحصول على مفتاح واجهة برمجة التطبيقات:
- انتقل إلى موقع جوجل سحابة منصة الرسمي.
- انقر على زر" تسجيل الدخول " في الزاوية العلوية اليمنى من الشاشة لتسجيل الدخول إلى حساب جوجل الخاص بك أو إنشاء حساب جديد.
- بعد الحصول على إذن ناجح ، قم بتسجيل الدخول إلى قسم" وحدة تحكم منصة غوغل كلاود".
- في صفحة وحدة التحكم ، ابحث عن قائمة المكتبة وافتحها في اللوحة اليمنى.
- في مربع البحث ، اكتب "خرائط جوجل جافا سكريبت أبي" وحدده من النتائج.
- انقر فوق الزر" تمكين " لتمكين واجهة برمجة التطبيقات.
- في القائمة الموجودة على اليسار ، حدد"بيانات الاعتماد".
- انقر فوق الزر" إنشاء بيانات اعتماد "وحدد" مفتاح واجهة برمجة التطبيقات " من القائمة المنسدلة.
في مربع الحوار الذي يظهر ، انسخ مفتاح واجهة برمجة التطبيقات الذي تم إنشاؤه واحفظه في مكان آمن.
مبارك! لقد سجلت بنجاح وحصلت على مفتاح أبي للعمل مع أبي خرائط جوجل. الآن يمكنك استخدام هذا المفتاح في تطبيق الويب الخاص بك لعرض الخريطة واستخدام وظائف خرائط جوجل الأخرى.
سؤال وجواب
كيف يمكنني إدراج خريطة خرائط جوجل على موقع الويب الخاص بي?
لإدراج خريطة خرائط جوجل على موقع الويب الخاص بك ، تحتاج إلى استخدام واجهة برمجة تطبيقات خرائط جوجل. أولا ، تحتاج إلى إنشاء مشروع والحصول على مفتاح أبي. ثم ، في شفرة هتمل للصفحة ، قم بإنشاء عنصر سيتم إدراج الخريطة فيه. بعد ذلك ، باستخدام واجهة برمجة تطبيقات جافا سكريبت ، تحتاج إلى تهيئة الخريطة وتحديد معلماتها ، مثل المركز ومستوى التكبير والعلامات. يمكنك إدراج خريطة على الموقع باستخدام الكود المناسب ، والذي سيحتوي على عنصر الخريطة واتصال البرنامج النصي لواجهة برمجة تطبيقات خرائط جوجل بمفتاح واجهة برمجة التطبيقات.
ما هي المعلمات التي يمكن تحديدها عند تهيئة الخريطة عبر واجهة برمجة تطبيقات خرائط جوجل?
عند تهيئة خريطة عبر واجهة برمجة تطبيقات خرائط جوجل ، يمكنك تحديد معلمات مختلفة. بعض منهم: مركز الخريطة (إحداثيات المكان الذي سيتم عرض الخريطة فيه) ، ومستوى التكبير / التصغير (يشير إلى مدى إمكانية تكبير الخريطة) ، ونوع الخريطة (على سبيل المثال ، خريطة عادية أو خريطة قمر صناعي أو هجين) ، وجود أدوات التحكم (على سبيل المثال ، أزرار التكبير / التصغير أو تبديل الخريطة إلى وضع ملء الشاشة), وجود علامات على الخريطة (تسمح لك بتحديد مواقع محددة على الخريطة).
هل من الممكن تخصيص مظهر الخريطة التي تم إنشاؤها باستخدام واجهة برمجة تطبيقات خرائط جوجل?