ספריית הרכיבים של Places UI Kit מאפשרת לכם להוסיף לאפליקציות ולדפי האינטרנט שלכם את חוויית המשתמש המוכרת של מפות Google למקומות, באמצעות אותם נתונים שמפעילים את Places API. הוא כולל רכיב ממשק משתמש נפרד שאפשר להשתמש בו באופן עצמאי, ביחד או בשילוב עם ממשקי API אחרים של הפלטפורמה של מפות Google, כדי לספק חוויה עשירה של מקומות בעלות מינימלית ובמינימום קוד.
ערכת Places UI Kit כוללת את רכיבי ה-HTML הבאים לעיבוד נתוני מקומות:
- Place Details Elements מציגים פרטים כמו שעות פתיחה, אתר וביקורות על מקום נבחר.
- רכיבים מתקדמים של פרטי מקומות מרחיבים את הרכיבים של פרטי המקומות, ומאפשרים להגדיר לחצני פעולות ולהחיל אפשרויות חיפוש וסינון על ביקורות ומדיה.
- רכיבי חיפוש מקומות מציגים רשימה של מקומות בתגובה לשאילתת חיפוש בסביבה או חיפוש טקסט.
- רכיבים מתקדמים של חיפוש מקומות מרחיבים את הרכיבים של חיפוש מקומות, ומאפשרים להגדיר כפתורי פעולה ולהחיל אפשרויות חיפוש וסינון על ביקורות ומדיה.
- רכיב מתקדם של רשימת מקומות מציג אוסף של מקומות ברשימה לפי קבוצה של מזהי מקומות, וגם תומך בלחצנים בהתאמה אישית ובסינון.
- רכיב בסיסי של השלמה אוטומטית למקומות מציג שדה להזנת טקסט, מספק חיזויים של מקומות ברשימת בחירה בממשק המשתמש ומחזיר מזהה מקום של המקום שנבחר.
תכונות ויכולות עיקריות
- הטמיעו את חוויית המשתמש המהימנה של Google עם כמות מינימלית של קוד.
- הוספת ממשק המשתמש של מפות Google למקומות באפליקציות שלכם בעלות נמוכה יותר מאשר Places API.
- בוחרים את אפשרויות הנתונים והתצוגה שהכי מתאימות לצרכים שלכם.
Places UI Kit Essentials ו-Pro
ל-Places UI Kit יש שתי רמות: Essentials ו-Pro. רמת Essentials של Places UI Kit כוללת את הרכיבים Place Details, Basic Place Autocomplete ו-Place Search. הרמה Pro כוללת את הרכיבים Advanced Place Details, Advanced Place Search ו-Advanced Place List, שמספקים את אותה פונקציונליות כמו הרכיבים ברמה Essentials, אבל עם יותר אפשרויות להתאמה אישית ותכונות מתקדמות.
בטבלה הבאה מפורטת השוואה בין רמות Essentials ו-Pro של Places UI Kit:
| פונקציה | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| עם תכנות מינימלי | ||
| התאמה אישית של הסגנון | ||
| הגדרת התוכן | ||
| פרטי מקומות | ||
| תמונות וסקירות | ||
| הגדרות של תמונות וביקורות | ||
| הגדרות הכפתורים | ||
| רשימות מקומות בהתאמה אישית |
חיוב
הרכיבים הבאים מחויבים לפי מק"ט Places UI Kit Pro:
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
החיוב על שאילתות ב-Places UI Kit הוא לפי יצירת מופע של רכיב, ולא על סמך נתוני Places API שכלולים בתשובה. אין עלות נוספת שקשורה לקריאות ל-API שנדרשות כדי לספק את התשובה. לדוגמה, חיפוש בסביבה ב-Places UI Kit לא יגרום לחיובים נוספים על החזרת תמונות של כל מקום.