الانتقال إلى المحتوى

اعرض مسارك وملاحظاتك على موقعك الإلكتروني

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

ارسم وشارك مجانًا، دون الحاجة إلى حساب.

توضح معاينة التضمين كيف يمكن أن تظهر خريطة مخصصة على موقع إلكتروني.
توضح معاينة التضمين كيف يمكن أن تظهر خريطة مخصصة على موقع إلكتروني.

أنشئ الخريطة التي تحتاجها.

وضّح للزوّار وجهتهم

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

انسخ رمز التضمين

افتح «تضمين» في محرر الخرائط، واختر منصة موقعك الإلكتروني، ثم انسخ رمز iframe.

أضف الخريطة إلى صفحتك

الصق الرمز في كتلة HTML على موقعك الإلكتروني، ثم انشر الصفحة وتحقق من عرضها على هاتف.

تعرض الخريطة المضمّنة التقليدية دبوسًا، لكن ذلك لا يساعد الضيف على العثور على المدخل الجانبي، أو الزائر على اتباع الطريق من المحطة، أو العميل على معرفة الأماكن التي توصل إليها. يتيح لك Draw on a Map رسم هذه التفاصيل أولًا، ثم تضمين الخريطة المكتملة، دون الحاجة إلى مفتاح API أو حساب.

إنشاء الخريطة ونسخ رمز التضمين

  1. افتح Draw on a Map وابحث عن موقعك.
  2. ارسم المسار أو المنطقة أو الأسهم، أو أضف الملاحظات.
  3. اضبط مستوى التكبير وحرّك الخريطة إلى الموضع الذي تريد أن يراه الزوّار أولًا، إذ تفتح الخريطة المضمّنة على هذا العرض.
  4. اختر زر تضمين (</>) في شريط الأدوات العلوي.
  5. اختر المكان الذي ستلصق فيه الرمز: HTML أو WordPress أو Wix أو Squarespace. يعرض مربع الحوار خطوات المنصة التي تختارها.
  6. اضبط الارتفاع واختر نسخ الرمز.
  7. الصق الرمز في صفحتك، ثم انشرها وتحقق من عرضها على جهاز كمبيوتر وهاتف.

في WordPress، الصق الرمز في كتلة HTML مخصصة. وفي Wix، أضف Embed Code → Embed HTML. أما في Squarespace، فأضف كتلة Code واضبطها على HTML.

شكل الرمز

<iframe
  src="https://drawonamap.com/embed/#..."
  title="خريطة مضمنة من Draw on a Map"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>

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

تعرض الخرائط المضمّنة المجانية عبارة «مدعوم من Draw on a Map». ولإزالتها، احفظ الخريطة واشترك في Pro.

إبقاء الخريطة المضمّنة محدّثة

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

يُخزّن الرمز المنسوخ من خريطة غير محفوظة الرسم في الرابط، ولا يتغير عند تعديل الخريطة. بعد أي تعديل، افتح تضمين من جديد وانسخ الرمز الجديد، ثم استبدل به عنصر iframe القديم.

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

إذا لم تظهر الخريطة

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

أفكار لخرائط المواقع الإلكترونية

  • الفعاليات وحفلات الزفاف: حدّد المدخل الصحيح وموقف حافلة النقل ومواقف السيارات على خريطة واحدة.
  • الإيجارات والسفر: ارسم مسار المشي من المحطة إلى الشقة أو الطريق المختصر إلى الشاطئ.
  • شركات الخدمات: ارسم المنطقة التي تغطيها. وإذا احتاج الزوّار إلى التحقق من عناوينهم، فإن أداة Service Area Widget المدفوعة تحول تلك الحدود إلى أداة للتحقق من العناوين على موقعك.

أنشئ خريطة موقعك الإلكتروني

أدلة ذات صلة