מפות

מפה מייצגת או ספק יחיד (למשל מלון או ספק חוויות) או מלאי (כלומר סוג חדר, חדר ישיבות, ספא וכו’) או אוסף מלאי כגון רשימה מובחרת או חיפוש שמור ומציגה את הפרטים הללו באמצעות מפה אינטראקטיבית המכילה סמני מפה שניתן להזמין דרכם. משתמש יכול לקיים אינטראקציה עם מפה בדרכים הבאות:

התקרב, הזז וגרור את המפה כדי לראות את המלאי הזמין.
לחץ על סמן במפה כדי לראות פרטי מלאי בצורת כרטיס.

מפה עם כרטיס פתוח — *מפה עם מלאי שניתן להזמין*

שאר המאמר מדריך אותך כיצד ליצור, להתאים אישית ולשתף את המפות שלך.

צור מפה

ניתן ליצור מפות בשתי דרכים:

מפת סמן יחיד: צור מפה ממשהו שמצאת בזמן חיפוש.
מפת סמנים מרובה: צור מפה מרשימה מובחרת או חיפוש שמור.

מפת סמן יחיד

מעל מופיעה תמונה שנלקחה מחיפוש ומציגה כמה מהדברים שניתן לעשות עם תוצאות החיפוש שלך. אחת מהפעולות היא צור מפה. לחץ על כפתור זה והוא יפנה אותך לדף טופס המפה שלנו שבו תוכל להתחיל להתאים אישית את המפה שלך.

מפת סמנים מרובה

גם רשימות מובחרות וגם חיפושים שמורים מגיעים עם פעולה שמאפשרת לך ליצור מפה. מפה זו תכיל סמני מפה לכל המלאי בתוך אותן רשימות.

התאם אישית מפה

הטופס מאפשר לך להתאים אישית את המפה שלך בדרכים הבאות:

תן לה שם כדי שתזכור על מה המפה.
בחר אם ברצונך לאפשר למשתמש לנוע במפה.
הגדר כמה גבוהה, בפיקסלים, ברצונך שהמפה תהיה.
בחר אם ברצונך לאפשר למשתמש להתקרב ולהתרחק מהמפה.
בחר סגנון מפה שמתאים לאתר שבו תטמיע את המפה.
בחר צבע לסמן.
בחר את הפנים הראשוני של הכרטיס שברצונך שמשתמשים יראו תחילה. כברירת מחדל, זו הפנים הטבעית של אותו מלאי.
תוכל להוסיף סמנים משלך, עיגולים, מלבנים ופוליגונים כדי לציין מיקומים אחרים במפה שעשויים לעניין את המשתמשים שלך.
לחץ על כפתור שמור כדי להמשיך.

לאחר ששמרת את המפה שלך, תועבר לדף המפות שלך והמפה שלך מוכנה כעת לשיתוף עם העולם.

שתף מפה

מעל מוצגת תמונה עם כל הפעולות הזמינות עבור המפה שלך:

עדכן מעדכן את תצורת המפה שלך.
הוסף ל-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 מראה כיצד להטמיע את קוד ה-Javascript שלנו באתר שלך.
שורה 13 מראה כיצד להטמיע את רכיב הווב wink-app-loader ולהורות לו להביא את העדפות התצורה ברמת הדף שלך.

API

מפתחים שרוצים לנהל מפות יכולים לגשת למפתחים > API > מלאי.

קריאה נוספת

למדו עוד על אוסף רכיבי הווב.
למדו עוד על תוסף WordPress של Wink.