जगहों की जानकारी देने वाली यूआई किट की कॉम्पोनेंट लाइब्रेरी की मदद से, डेवलपर अपने ऐप्लिकेशन और वेब पेजों पर, Places का कॉन्टेंट देखने के लिए Google Maps का भरोसेमंद और आसान उपयोगकर्ता अनुभव दे सकते हैं. इसके लिए, उसी डेटा का इस्तेमाल किया जाता है जिससे Places API काम करता है. इसमें एक यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट शामिल है. इसका इस्तेमाल अलग से, एक साथ या Google Maps Platform के अन्य एपीआई के साथ किया जा सकता है. इससे कम से कम लागत और कोड में, जगहों की जानकारी देने वाला बेहतर अनुभव मिलता है.
जगहों की जानकारी देने वाली यूआई किट में, जगहों का डेटा रेंडर करने के लिए ये एचटीएमएल एलिमेंट शामिल होते हैं:
- Place Details Elements, चुनी गई जगह के लिए, कारोबार के खुले होने का समय, वेबसाइट, और समीक्षाओं जैसी जानकारी रेंडर करते हैं.
- ऐडवांस प्लेस डीटेल एलिमेंट, प्लेस डीटेल एलिमेंट को बेहतर बनाते हैं. इनकी मदद से, ऐक्शन बटन कॉन्फ़िगर किए जा सकते हैं. साथ ही, समीक्षाओं और मीडिया के लिए, खोज और फ़िल्टर करने के विकल्प लागू किए जा सकते हैं.
- Place Search Elements, आस-पास की जगहों की जानकारी या टेक्स्ट से खोजें क्वेरी के जवाब में, जगहों की सूची दिखाते हैं.
- Advanced Place Search Elements, Place Search Elements को बेहतर बनाते हैं. इनकी मदद से, ऐक्शन बटन कॉन्फ़िगर किए जा सकते हैं. साथ ही, समीक्षाओं और मीडिया के लिए, खोजने और फ़िल्टर करने के विकल्प लागू किए जा सकते हैं.
- Advanced Place List Element, जगह के आईडी के सेट के आधार पर, सूची में जगहों का कलेक्शन रेंडर करता है. साथ ही, इसमें कस्टम बटन और फ़िल्टर करने की सुविधा भी मिलती है.
- किसी जगह के शुरुआती अक्षर लिखने पर पूरा नाम सुझाने की सुविधा वाला बुनियादी एलिमेंट, टेक्स्ट इनपुट फ़ील्ड को रेंडर करता है. साथ ही, यूज़र इंटरफ़ेस (यूआई) की पिक लिस्ट में, जगह के सुझाव देता है और चुनी गई जगह का आईडी दिखाता है.
मुख्य सुविधाएं और क्षमताएं
- सिर्फ़ कुछ कोड की मदद से, Google के भरोसेमंद अनुभव को शामिल करें.
- Places API की तुलना में कम कीमत पर, Places के लिए Google Maps के यूज़र इंटरफ़ेस (यूआई) को अपने ऐप्लिकेशन में जोड़ें.
- अपनी ज़रूरत के हिसाब से डेटा और डिसप्ले के विकल्प चुनें.
Places UI Kit Essentials and Pro
जगहों की जानकारी देने वाली यूआई किट के दो टियर हैं: Essentials और Pro. Places यूआई किट के Essentials टियर में, जगह की जानकारी, किसी जगह के शुरुआती अक्षर लिखने पर पूरा नाम सुझाने की बुनियादी सुविधा, और जगह खोजने की सुविधा वाले कॉम्पोनेंट मिलते हैं. Pro टियर में, Advanced Place Details, Advanced Place Search, और Advanced Place List कॉम्पोनेंट मिलते हैं. ये कॉम्पोनेंट, Essentials टियर के कॉम्पोनेंट की तरह ही काम करते हैं. हालांकि, इनमें कस्टमाइज़ेशन के ज़्यादा विकल्प और ऐडवांस सुविधाएं मिलती हैं.
नीचे दी गई टेबल में, जगहों की जानकारी देने वाली यूआई किट के Essentials और Pro टियर की तुलना की गई है:
| अनुमति | Places UI Kit Essentials | Places UI Kit Pro |
|---|---|---|
| लो कोड | ||
| स्टाइल को पसंद के मुताबिक बनाना | ||
| कॉन्टेंट कॉन्फ़िगरेशन | ||
| जगह की जानकारी | ||
| फ़ोटो और समीक्षाएं | ||
| फ़ोटो और समीक्षा के कॉन्फ़िगरेशन | ||
| बटन कॉन्फ़िगरेशन | ||
| पसंद के मुताबिक बनाई गई जगहों की सूचियां |
बिलिंग
यहां दिए गए एलिमेंट के लिए, जगहों की जानकारी देने वाली यूआई किट प्रो एसकेयू के तहत बिलिंग की जाती है:
AdvancedPlaceListElementAdvancedPlaceSearchElementAdvancedPlaceDetailsElementAdvancedPlaceDetailsCompactElement
जगहों की जानकारी देने वाली यूआई किट की क्वेरी के लिए, कॉम्पोनेंट के हर इंस्टैंस के हिसाब से बिलिंग की जाती है. यह बिलिंग, रिस्पॉन्स में शामिल Places API के डेटा के आधार पर नहीं की जाती. जवाब देने के लिए ज़रूरी एपीआई कॉल के लिए, कोई अतिरिक्त शुल्क नहीं लिया जाता. उदाहरण के लिए, जगहों की जानकारी देने वाली यूआई किट की मदद से, आस-पास की जगहों की जानकारी खोजने पर, हर जगह की फ़ोटो दिखाने के लिए कोई अतिरिक्त शुल्क नहीं लिया जाएगा.