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

ממשק API

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

קריאה נוספת

למידע נוסף על הקולקציה שלנו שלרכיבי אינטרנט.
למידע נוסף על התוסף וורדפרס Wink.