ℹ️ التعرف على طريقة إدراج, مشاركة خريطة موقع جغرافي وتضمينه على صفحة موقع ويب او صفحة موقع مدونة باستخدام رمز تضمين خرائط جوجل google map .
 |
ادراج خرائط جوجل في صفحات المواقع |
🌍 الرئيسية / برامج تعليمية تطبيقية /
🎴 تضمين خرائط جوجل في صفحات الويب
. تقديم: التعرف على خرائط جوجل
. طريقة إضافة خرائط جوجل في صفحات الويب
▪️ منصة خرائط جوجل
ℹ️ تستضيف خدمة «منصة خرائط جوجل»
(Google Maps Platform) المعروفة سابقا بأسم :
«واجهة برمجة تطبيقات خرائط جوجل»
⬅️حوالي 17 من واجهات برمجة التطبيقات المختلفة، وتصنفها ضمنَ ثلاث فئات وهي:
- الخرائط
- الأماكن
- الطرق »
🏳️ أطلقت جوجل:«واجهة برمجة تطبيقات خرائط جوجل» في يونيو 2005، وتهدف الخدمة للسماح للمطورين بدمج خرائط جوجل في مواقعهم على الويب، وكانت خدمة مجانية حتّى يونيو 2018، عندما أعلنت جوجل أنَ الوصول إلى الخدمة يتطلب مفتاح API مرتبط بحساب منصة جوجل السحابية.
🏳️ يمكن تضمين خرائط جوجل في أي موقع ويب خارجي، عبر واجهة برمجة تطبيقات خرائط جوجل، ويُمكن إضافة البيانات الخاصّة بالموقع.
🏳️ يستخدم أكثر من مليون موقع ويب واجهة برمجة تطبيقات خرائط جوجل، ممَّا جعلها الأكثر استخدامًا في مجالها.
🏳️ اثناء تصفح الخريطة تعمل الخدمة على تنزيل مربعات الخرائط من الخادم وإدراجها في الصفحة، وعندما يبحث المُستخدم عن عنصر ما، أو شركة، تُنزل النتائج في الخلفية وتُدرج في لوحة جانبية، دون إعادة تحميل الصفحة، وذلك عبر إطار iframe وجافا سكريبت.
. يتطلب إصدار جوجل ستريت فيو لخرائط جوجل الكلاسيكيَّة برنامج أدوبي فلاش، وفي أكتوبر 2011 أعلنت جوجل عن :إصدار من الخرائط MapsGL بعرض أفضل وانتقال أكثر سلاسة.
▪️ يمكن للمستخدمين بعد تسجيل الدخول إلى حساب جوجل من حفظ المواقع على الخريطة بأستخدام «دبابيس» ملونة عند تصفح التطبيق، ويمكن تنظيمها في قوائم باسم المستخدم ومشاركتها مع مستخدمين اخرين كما تتوفر خرائط جوجل كتطبيق للهواتف المحمولة لأنظمة تشغيل اندرويد وأي أو إس، وكان اول إصدار للهاتف المحمول في سبتمبر 2008، وقد كانت ميزة تحديد الموقع قيد الاختبار على الهواتف المحمولة منذُ عام 2007.
💡 تسمح لنا خرائط Google بتضمين خريطة أو المزيد من الخرائط على أي صفحة ويب أو في مستند html بسيط ، لذلك علينا فقط تحديد المنطقة المطلوبة على الخريطة والضغط على زر "Link" الذي يبدو وكأنه سلسلة
💡. تحت الرابط لدينا خياران ، إما أن نستخدم الرابط لإرساله إلى الأصدقاء عبر: وسائل التواصل المتعددة أو نختار رمز التضمين , الذي يحتوي كود التضمين , أيضًا على بعض المعلمات التي يمكننا تعديلها كما نريد ، وهي حول العرض والارتفاع وسمك الحافة وما إلى ذلك التي يمكننا تعديلها في أي وقت
💡 إذا أردنا تغيير إطار الخريطة على الصفحة ، فكل ما علينا فعله هو وضع إطار لها في كود <div>، والذي يمكننا محاذاته على اليسار أو اليمين أو الوسط ، اعتمادًا على التخطيط على الصفحة.
💡 تضمين خرائط جوجل في صفحات الويب
🏷️ قد يكون وجود خريطة للمنطقة التي تتحدث عنها على موقع الويب الخاص بك مفيدًا للغاية لذلك تتيح خرائط جوجل خدمه تضمين خريطة باستخدام كود تضمين , تابع القراءة للتعرف اكثر ...
ℹ️ كيفية تضمين خريطة جوجل في صفحة الويب على الموقع
1. انتقل إلى الموقع الذي تريد مشاركته على الرابط التالي:
https://www.google.com/maps
💡. سيؤدي هذا إلى فتح خريطة داخل خرائط جوجل.
2. انقر فوق رمز القائمة ☰
💡. في يسار نافذة المتصفح.
3. انقر فوق مشاركة الخريطة أو تضمينها
💡. قد ترى "رابط إلى هذه الخريطة"
💡. يقع هذا الخيار في أسفل القائمة.
4. انقر فوق علامة التبويب تضمين خريطة .
5. حدد حجم الخريطة التي تريدها. بجانب حقل النص ، ستجد خيارات : صغيرة ، متوسطة ، كبير، أو حجم مخصص
🔅 انقر فوق السهم الصغير الذي يشير لأسفل لتغيير حجم الخريطة حسب الحجم المناسب لك.
6. انسخ النص
💡. يمكنك استخدام اختصارات لوحة المفاتيح Ctrl+C (Windows) أو ⌘ Cmd+C (Mac) لنسخ النص.
💡. على جهاز محمول ، يمكنك الضغط لفترة طويلة على النص ثم النقر على خيار "تحديد الكل" ثم "نسخ".
7. افتح HTML الخاص بك.
💡. يمكنك استخدام برنامج مثل Dreamweaver أو استخدام تطبيق بسيط لمعالجة النصوص مثل Notepad و TextEdit حيث تقوم بتحرير ملف HTML الخاص بك.
8. انتقل إلى المكان الذي تريد تضمين رمز خريطة Google فيه.
💡. في تطبيقات مثل Dreamweaver او اي برنامج تحرير النص، يمكنك تحرير كود التضمين لرؤية ما سيتم ترجمتة من التعليمات البرمجية على صفحة الويب ، لكي تستطيع من تحرير ومراجعة كود التضمين HTML
9. الصق كود تضمين خرائط جوجل
10. قم بالحفظ وتأكيد النشر لصفحه الويب
📑 استخدام نموذج مولد خرائط جوجل
كما يمكنك من خلال الرابط التالي من إجراء تضمين خرائط جوجل من هاتفك مباشرة عن طريق نموذج مولد خرائط جوجل، تابع الخطوات التالية للرابط.
⛓️ الرابط: https://embedgooglemaps.com/ar
💡 الخطوات:
1. اختر العنوان الذي تريد الارتباط به وأضف خريطة المكان إلى الموقع
2 . اختر نوع الخريطة: الأقمار الصناعية، أو التضاريس، ... اختر جيدا نوع الخريطة التي تناسب احتياجاتك من بين عناصر القائمة.
3. تحديد العرض والارتفاع لجعله ملائما لموقع الويب الخاص بك
4. بمجرد انتهاءك من هذه الاعدادات، انقر على زر “توليد الكود الخاص بي” أسفل نموذج توليد كود التضمين.
5. أخيرا، قم بلصق كود التضمين في مصدر التعليمات البرمجية لموقعك. يرجى ملاحظة أنه يمكنك تضمين خرائط جوجل في أجزاء مختلفة من صفحات موقع الويب الخاص بك، مثل صفحة مقال، صفحة اتصال/معلومات ، غيرة
👤 الخلاصة :
بعد ان تعرفنا على خطوات إضافة خرائط جوجل في صفحات الويب للمواقع والمدونات فيما يلي ملخص لفوائد تضمين خرائط جوجل في صفحات الويب:
💎 فوائد إدراج خرائط جوجل في صفحات المواقع الإلكترونية
👤 ان القيام بإدراج خرائط جوجل في صفحات الويب للمواقع والمدونات يسهل على الزوار من تحديد مكانك او مكان نشاطك وتوفير القيام بمجهودك إضافية للبحث عن عنوانك او عنوان تحديد الخدمات للنشاط وأيضا سيتذكرون الاتجاهات من خلال الخريطة البصرية التي قمت بادراجها في موقعك مما يخلق مع موقعك تفاعلات اكثر من الزوار او العملاء من حيث التواصل او الزيارة بكل يسر...
👤 قد يهمك أيضا
🔍 احصل على افضل التطبيقات التعليمية التي تمكنك من الحصول على دورات تعليمية في شتى المجالات والمستويات من الموبايل
↔️ احصل على تطبيقات تعلم اللغة الإنجليزية من الموبايل ودليل روابط منصات التحضير لاختبارات اللغة في :
TOFEL / IELTS
☁️ تعلم كيفية حفظ الملفات على السحابة وإدارة , تنظيم المجلدات سحابيا على جوجل درايف
✨ مجانا: احصل على احدث قوالب العمل الجاهزة ,المميزة (اكسل,الوورد,البوربوينت,اكثر.)
إرسال تعليق
شاركونا تعليقاتكم واقتراحاتكم