דלגו לתוכן

Maps

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

מפה עם סמנים
מפה עם סמני מפה
  • הגדלה, הזזה וגרירה של המפה כדי לראות את המלאי הזמין.
  • לחץ על סמן במפה כדי לראות פרטי מלאי בצורתכַּרְטִיס.
מפה עם כרטיס פתוח
מפה עם מלאי שניתן להזמין

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

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

פעולות
פעולות בתוצאות החיפוש

למעלה תמונה שנלקחה מלְחַפֵּשׂומראה לך כמה מהדברים שאתה יכול לעשות עם תוצאות החיפוש שלך. אחת מהפעולות הללו היאMake a map. לחץ על כפתור זה והוא יפנה אותך לדף טופס המפה שלנו, שם תוכל להתחיל להתאים אישית את המפה שלך.

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

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

  1. תן לזה שם כדי שתזכור על מה המפה.
  2. בחר אם ברצונך שהמשתמש יוכל לנוע במפה.
  3. הגדר את הגובה הרצוי, בפיקסלים, של המפה.
  4. בחר אם ברצונך שהמשתמש יוכל להגדיל ולהקטין את המפה.
  5. בחרו סגנון מפה שמתאים לאתר האינטרנט שבו תטמיעו את המפה.
  6. בחר צבע סמן.
  7. בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
  8. באפשרותך להוסיף סמנים, עיגולים, מלבנים ופוליגונים משלך כדי לציין מיקומים אחרים במפה שעשויים לעניין את המשתמשים שלך.
  9. לחץ על ה 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 > מלאי.