الخرائط

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

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

خريطة مع بطاقة مفتوحة — *خريطة مع مخزون قابل للحجز*

يكمل هذا المقال شرح كيفية إنشاء الخرائط وتخصيصها ومشاركتها.

إنشاء خريطة

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

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

خريطة بعلامة واحدة

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

خريطة متعددة العلامات

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

تخصيص الخريطة

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

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

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

مشاركة الخريطة

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

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

نغطي بعض هذه الخيارات، بمزيد من التفصيل، أدناه.

التضمين

<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 توضح كيفية استخدام مكون الويب wink-content-loader وإخباره بجلب لافتة إعلانية لرمزك.
السطر 11 يوضح كيفية تضمين جافا سكريبت الخاص بنا في موقعك.
السطر 13 يوضح كيفية تضمين مكون الويب wink-app-loader وإخباره بجلب تفضيلات التكوين على مستوى الصفحة.

API

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

قراءة إضافية

تعرف على المزيد حول مجموعتنا من مكونات الويب.
تعرف على المزيد حول إضافة WordPress الخاصة بـ Wink.