تخطَّ إلى المحتوى

Maps

تُمثل الخريطة إما موردًا واحدًا (مثل فندق أو مُقدِّم خدمات) أو مخزونًا (مثل نوع الغرفة، أو قاعة اجتماعات، أو منتجع صحي، إلخ) أو مجموعة مخزونات، مثل قائمة مُنسَّقة أو بحث محفوظ، وتُعرِض هذه التفاصيل عبر خريطة تفاعلية تحتوي على علامات قابلة للحجز.

يمكن للمستخدم التفاعل مع الخريطة بالطرق التالية:

خريطة مع علامات
خريطة مع علامات الخريطة
  • قم بتكبير الخريطة وتحريكها وسحبها لرؤية المخزون المتوفر.
  • انقر فوق علامة الخريطة لرؤية تفاصيل المخزون في شكلبطاقة.
خريطة مع بطاقة مفتوحة
خريطة مع مخزون قابل للحجز

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

يمكن إنشاء الخرائط بطريقتين:

الإجراءات
إجراءات نتائج البحث

الصورة أعلاه مأخوذة منيبحثويعرض لك بعض الأمور التي يمكنك فعلها بنتائج بحثك. ومن هذه الإجراءاتMake a mapانقر على هذا الزر وسيتم إعادة توجيهك إلى صفحة نموذج الخريطة حيث يمكنك البدء في تخصيص خريطتك.

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

يتيح لك النموذج تخصيص خريطتك بالطرق التالية:

  1. أعطها اسمًا لتتذكر ما تتحدث عنه الخريطة.
  2. اختر ما إذا كنت تريد السماح للمستخدم بالتحرك حول الخريطة.
  3. قم بتعيين الارتفاع الذي تريده للخريطة بالبكسل.
  4. اختر ما إذا كنت تريد السماح للمستخدم بتكبير وتصغير الخريطة.
  5. اختر نمط الخريطة الذي يتناسب مع موقع الويب الذي ستضمين الخريطة فيه.
  6. اختر لون العلامة.
  7. حدد واجهة البطاقة الأولية التي تريد أن يراها المستخدمون أولاً. افتراضيًا، تكون هي الواجهة الأصلية لتلك القائمة.
  8. يمكنك إضافة علاماتك الخاصة، ودوائرك، ومستطيلاتك، ومضلعاتك للإشارة إلى مواقع أخرى على الخريطة قد يجدها المستخدمون مثيرة للاهتمام.
  9. انقر على Save زر للاستمرار.

بعد حفظ خريطتك، سيتم إعادة توجيهك إلى صفحة الخرائط الخاصة بك، وستكون خريطتك الآن جاهزة للمشاركة مع العالم.

رسم خريطة
إدخال خريطة مع قائمة إجراءات مختصرة

يظهر لك أعلاه صورة تحتوي على جميع الإجراءات المتاحة لخريطتك:

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

سنتناول بعض هذه الخيارات بمزيد من التفصيل أدناه.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<wink-content-loader
layout="MAP"
id="64d7cbc8-61df-11ef-9722-42004e494300"
></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="YOUR CUSTOMIZATION ID GOES HERE"
></wink-app-loader>
</body>
</html>

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

  • يوضح لك السطر 3 كيفية تضمين أنماط Wink في موقعك.
  • تُظهر لك الأسطر من 6 إلى 9 كيفية استخداممُحمّل محتوى الوينكمكون الويب وطلب منه جلب لافتة إعلانية لكودك.
  • يوضح لك السطر 11 كيفية تضمين Javascript الخاص بنا في موقعك.
  • يوضح لك السطر 13 كيفية تضمينأداة تحميل تطبيقات وينكمكون الويب وأخبره بجلب تفضيلات تكوين مستوى الصفحة الخاصة بك.

يمكن للمطورين الذين يرغبون في إدارة الخرائط التوجه إلىالمطورون > واجهة برمجة التطبيقات > المخزون.