מפות

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

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

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

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

צור מפה

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

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

מפת סמן יחיד

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

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

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

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

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

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

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

שתף מפה

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

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

API

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

קריאה נוספת

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