Places UI Kit
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
ספריית הרכיבים של ערכת ממשק המשתמש של Places מאפשרת לכם להוסיף לאפליקציות ולדפי האינטרנט שלכם את חוויית המשתמש המוכרת של Places במפות Google, באמצעות אותם נתונים שמפעילים את Places API. היא כוללת קבוצה של רכיבי ממשק משתמש נפרדים שאפשר להשתמש בהם בנפרד, ביחד ובשילוב עם ממשקי API אחרים של Google Maps Platform כדי לספק חוויה עשירה במידע על מקומות בעלות מינימלית ועם מינימום קוד.
ערכת הכלים של ממשק המשתמש של Places כוללת את רכיבי ה-HTML הבאים לעיבוד נתונים של Places:
רכיבים של פרטי מקום
(Place Details ו-Place Details Compact) מציגים פרטים כמו שעות פתיחה, אתר וביקורות על מקום נבחר.
רכיבים של חיפוש מקומות
(חיפוש מקומות בסביבה וחיפוש טקסט של מקומות) מציגים רשימה של מקומות בתגובה לשאילתת חיפוש בסביבה או חיפוש טקסט.
רכיב בסיסי של השלמה אוטומטית של מקומות
מציג שדה לקלט טקסט, מספק תחזיות של מקומות ברשימת בחירה בממשק המשתמש ומחזיר מזהה מקום עבור המקום שנבחר.
גובה פני השטח (ניסיוני)
מעבד נתוני גובה פני השטח כערך מספרי עבור נקודה אחת, או כתרשים חזותי עבור
נתיב.
תכונות ויכולות עיקריות
- אפשר לשלב את החוויה המהימנה של Google באמצעות קוד מינימלי.
- להוסיף לאפליקציות שלכם את ממשק המשתמש של מפות Google למקומות בעלות נמוכה יותר מאשר Places API.
- בוחרים את הנתונים ואת אפשרויות התצוגה שהכי מתאימים לצרכים שלכם.
חיוב
החיוב על בקשות ל-Places UI Kit תמיד מתבצע לפי
תעריף Places UI Kit API, בלי קשר לשיטת החיפוש שבה נעשה שימוש או לסוגי הנתונים שמוחזרים. לדוגמה, חיפוש בסביבה באמצעות ערכת ממשק משתמש של Places לא יחויב בחיובים נוספים על חיפוש בסביבה באמצעות Places API Nearby Search Pro. באופן דומה, בקשה לפרטי מקום בערכת ה-UI של Places עשויה להחזיר תמונות, מחיר ודירוג של מקום נבחר, אבל תחויבו רק על הבקשה לפרטי מקום בערכת ה-UI של Places.
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-08-29 (שעון UTC).
[null,null,["עדכון אחרון: 2025-08-29 (שעון UTC)."],[[["\u003cp\u003eThe Places UI Kit offers pre-built UI components for integrating Google Maps Places functionality into your apps and web pages.\u003c/p\u003e\n"],["\u003cp\u003eIt includes components like Place Details, Place List, and Elevation for displaying place information and elevation data.\u003c/p\u003e\n"],["\u003cp\u003eThis kit is cost-effective compared to the Places API and allows customization of data and display options.\u003c/p\u003e\n"],["\u003cp\u003eThis product or feature is currently in the Experimental (pre-GA) phase, which means it has limited support and potential for incompatibility.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/places/android-sdk/places-ui-kit-overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/places/ios-sdk/places-ui-kit-overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/places-ui-kit/overview \"View this page for the JavaScript platform docs.\")\n\n\nThe Places UI Kit component library lets you bring the familiar Google Maps user experience for\nPlaces to your apps and web pages, using the same data that powers the Places API. It includes a\nset of individual UI components that can be used independently, together, and in conjunction with\nother Google Maps Platform APIs to deliver a Places-rich experience with minimal cost and code.\n\n\nThe Places UI Kit includes the following HTML elements for rendering Places data:\n- [Place Details Elements](/maps/documentation/javascript/places-ui-kit/place-details) (Place Details and Place Details Compact) render details such as opening hours, website, and reviews for a selected place.\n- [Place Search Elements](/maps/documentation/javascript/places-ui-kit/place-list) (Place Nearby Search and Place Text Search) render a list of places in response to either a nearby search or text search query.\n- [Basic Place Autocomplete Element](/maps/documentation/javascript/places-ui-kit/basic-autocomplete) renders a text input field, supplies place predictions in a UI pick list, and returns a place ID for the selected place.\n- [Elevation](/maps/documentation/javascript/places-ui-kit/elevation) (experimental) renders elevation data as a numerical value for a single point, or as a visual plot for a path.\n| **Tip:** The Places UI Kit offers extensive visual customization options at no extra charge. See [Places UI Kit Custom Styling](/maps/documentation/javascript/places-ui-kit/custom-styling) for more information.\n\nKey features and capabilities\n - Incorporate Google's trusted experience starting with minimal code.\n - Bring Google Maps UI for Places to your apps at a lower cost than the Places API.\n - Choose the data and display options that best suit your needs.\n\nBilling\n- Places UI Kit requests are always billed at the [Places UI Kit API rate](/maps/billing-and-pricing/sku-details#places_ui-kit-request-ess-sku), regardless of which search method they use or what data types they return. For example, a Places UI Kit Nearby Search won't incur any additional charges for Places API Nearby Search Pro. Similarly, a Places UI Kit Place Details request may return photos, price, and rating for a selected place, but you will only be billed for the Places UI Kit Place Details request.\n\nNext step:\n[Get started with the Places UI Kit](/maps/documentation/javascript/places-ui-kit/get-started)"]]
