Maps

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

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

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

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

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

إنشاء خريطة

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

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

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

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

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

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

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

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

أعطها اسمًا لتتذكر ما تتحدث عنه الخريطة.
اختر ما إذا كنت تريد السماح للمستخدم بالتحرك حول الخريطة.
قم بتعيين الارتفاع الذي تريده للخريطة بالبكسل.
اختر ما إذا كنت تريد السماح للمستخدم بتكبير وتصغير الخريطة.
اختر نمط الخريطة الذي يتناسب مع موقع الويب الذي ستضمين الخريطة فيه.
اختر لون العلامة.
حدد واجهة البطاقة الأولية التي تريد أن يراها المستخدمون أولاً. افتراضيًا، تكون هي الواجهة الأصلية لتلك القائمة.
يمكنك إضافة علاماتك الخاصة، ودوائرك، ومستطيلاتك، ومضلعاتك للإشارة إلى مواقع أخرى على الخريطة قد يجدها المستخدمون مثيرة للاهتمام.
انقر على 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 كيفية تضمينأداة تحميل تطبيقات وينكمكون الويب وأخبره بجلب تفضيلات تكوين مستوى الصفحة الخاصة بك.

واجهة برمجة التطبيقات

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

قراءة إضافية

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