जगहों की जानकारी देने वाली यूआई किट की कॉम्पोनेंट लाइब्रेरी की मदद से, डेवलपर अपने ऐप्लिकेशन और वेब पेजों पर, Places का कॉन्टेंट देखने के लिए Google Maps का भरोसेमंद और आसान उपयोगकर्ता अनुभव दे सकते हैं. इसके लिए, उन्हें उसी डेटा का इस्तेमाल करना होगा जो Places API को काम करने में मदद करता है. इसमें यूज़र इंटरफ़ेस (यूआई) के अलग-अलग कॉम्पोनेंट का एक सेट शामिल होता है. इनका इस्तेमाल अलग-अलग, एक साथ या Google Maps Platform के अन्य एपीआई के साथ किया जा सकता है. इससे कम लागत और कोड में, जगहों की जानकारी देने वाला बेहतर अनुभव मिलता है.
जगहों की जानकारी देने वाली यूआई किट में, जगहों की जानकारी का डेटा रेंडर करने के लिए यहां दिए गए एचटीएमएल एलिमेंट शामिल हैं:
जगह की जानकारी देने वाले एलिमेंट (जगह की जानकारी और जगह की जानकारी देने वाला कॉम्पैक्ट एलिमेंट) से, किसी चुनी गई जगह की जानकारी मिलती है. जैसे, उसके खुले होने का समय, वेबसाइट, और समीक्षाएं.
जगह की खोज से जुड़े एलिमेंट (आस-पास की जगहें खोजने और टेक्स्ट से जगहें खोजने की सुविधा) की मदद से, आस-पास की जगहें खोजने या टेक्स्ट से जगहें खोजने की क्वेरी के जवाब में, जगहों की सूची रेंडर की जाती है.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2025-08-11 (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,["The Places UI Kit component library lets you bring the familiar Google Maps user experience\nfor Places to your apps and web pages, using the same data that powers the Places API. It\nincludes a set of individual UI components that can be used independently, together, or in\nconjunction with other Google Maps Platform APIs to deliver a Places-rich experience with\nminimal cost and code.\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 List](/maps/documentation/javascript/places-ui-kit/place-list), also known as Place Search, renders a list of places in response to either a Places [Text Search](/maps/documentation/javascript/place-search) or a Places [Nearby Search](/maps/documentation/javascript/nearby-search).\n- [Elevation](/maps/documentation/javascript/places-ui-kit/elevation) 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\n| 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\nNext step: [Get\nstarted with the Places UI Kit](/maps/documentation/javascript/places-ui-kit/get-started)"]]