Places Widgets

BasicPlaceAutocompleteElement क्लास

google.maps.places.BasicPlaceAutocompleteElement क्लास

BasicPlaceAutocompleteElement, HTMLElement सबक्लास है. यह Places Autocomplete API के लिए यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट उपलब्ध कराता है.

कस्टम एलिमेंट:
<gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-basic-place-autocomplete>

यह क्लास HTMLElement तक चलेगी.

यह क्लास BasicPlaceAutocompleteElementOptions को लागू करती है.

const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

BasicPlaceAutocompleteElement
BasicPlaceAutocompleteElement(options)
पैरामीटर: 
includedPrimaryTypes
टाइप:  Array<string> optional
इसमें प्राइमरी जगह का टाइप शामिल होता है. उदाहरण के लिए, "restaurant" या "gas_station".

किसी जगह की जानकारी सिर्फ़ तब दिखाई जाती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं दिया गया है, तो सभी Place टाइप दिखाए जाते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-basic-place-autocomplete>
includedRegionCodes
टाइप:  Array<string> optional
सिर्फ़ उन क्षेत्रों के नतीजे शामिल करें जिनके लिए, ज़्यादा से ज़्यादा 15 CLDR दो-वर्ण वाले क्षेत्र के कोड दिए गए हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर locationRestriction और includedRegionCodes, दोनों सेट किए जाते हैं, तो नतीजे इंटरसेक्शन वाले इलाके में दिखेंगे.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-basic-place-autocomplete>
locationBias
टाइप:  LocationBias optional
जगहें खोजते समय इस्तेमाल करने के लिए, एक सॉफ्ट बाउंड्री या हिंट.
locationRestriction
टाइप:  LocationRestriction optional
खोज के नतीजों को सीमित करने के लिए सीमाएं.
name
टाइप:  string optional
इनपुट एलिमेंट के लिए इस्तेमाल किया जाने वाला नाम. ज़्यादा जानकारी के लिए, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name पर जाएं. यह इनपुट के लिए, नाम एट्रिब्यूट की तरह ही काम करता है. ध्यान दें कि फ़ॉर्म सबमिट करते समय इसी नाम का इस्तेमाल किया जाएगा. ज़्यादा जानकारी के लिए, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form पर जाएं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete name="string"></gmp-basic-place-autocomplete>
origin
वह जगह जहां से दूरी का हिसाब लगाना है. अगर यह जानकारी नहीं दी जाती है, तो दूरी का हिसाब नहीं लगाया जाता. अगर ऊंचाई की जानकारी दी गई है, तो उसे कैलकुलेशन में इस्तेमाल नहीं किया जाता.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete origin="lat,lng"></gmp-basic-place-autocomplete>
  • <gmp-basic-place-autocomplete origin="lat,lng,altitude"></gmp-basic-place-autocomplete>
requestedLanguage
टाइप:  string optional
अगर हो सके, तो उस भाषा के लिए आइडेंटिफ़ायर जिसमें नतीजे दिखाए जाने चाहिए. चुनी गई भाषा में मिले नतीजों को बेहतर रैंकिंग दी जा सकती है. हालांकि, सुझाव सिर्फ़ इसी भाषा में नहीं दिए जाते. इस्तेमाल की जा सकने वाली भाषाओं की सूची देखें.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete requested-language="string"></gmp-basic-place-autocomplete>
requestedRegion
टाइप:  string optional
यह एक क्षेत्र का कोड होता है. इसका इस्तेमाल, नतीजों को फ़ॉर्मैट करने और उन्हें फ़िल्टर करने के लिए किया जाता है. इससे इस देश के लिए सुझावों को सीमित नहीं किया जाता. क्षेत्र के कोड में, दो वर्णों वाली ccTLD ("टॉप-लेवल डोमेन") वैल्यू डाली जा सकती है. ज़्यादातर ccTLD कोड, ISO 3166-1 कोड के जैसे ही होते हैं. हालांकि, कुछ अपवाद भी हैं. उदाहरण के लिए, यूनाइटेड किंगडम का ccTLD "uk" (.co.uk) है, जबकि इसका ISO 3166-1 कोड "gb" है. तकनीकी तौर पर, यह "ग्रेट ब्रिटेन और उत्तरी आयरलैंड का यूनाइटेड किंगडम" के लिए है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete requested-region="string"></gmp-basic-place-autocomplete>
unitSystem
टाइप:  UnitSystem optional
दूरी दिखाने के लिए इस्तेमाल किया जाने वाला यूनिट सिस्टम. अगर इसे तय नहीं किया जाता है, तो यूनिट सिस्टम का पता requestedRegion से लगाया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete unit-system="metric"></gmp-basic-place-autocomplete>
  • <gmp-basic-place-autocomplete unit-system="imperial"></gmp-basic-place-autocomplete>
prediction-item-icon
इस स्लॉट में सिर्फ़ एक <template> एलिमेंट इस्तेमाल किया जा सकता है. इसे अनुमान वाले आइटम के बगल में दिखने वाले आइकॉन के तौर पर रेंडर किया जाता है.
prediction-item
सुझावों के ड्रॉप-डाउन में मौजूद एक आइटम, जो एक सुझाव को दिखाता है.
prediction-item-icon
अनुमानों की सूची में, हर आइटम के बाईं ओर दिखने वाला आइकॉन.
prediction-item-main-text
यह prediction-item का एक हिस्सा है. यह अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें जगह का नाम होता है. जैसे, 'सिडनी'. इसके अलावा, इसमें सड़क का नाम और नंबर भी होता है. जैसे, '10 किंग स्ट्रीट'. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर सुझाव वाले आइटम में कोई और टेक्स्ट है, तो वह prediction-item-main-text से बाहर होता है. साथ ही, वह prediction-item से अपनी स्टाइल इनहेरिट करता है. यह डिफ़ॉल्ट रूप से स्लेटी रंग का होता है. अतिरिक्त टेक्स्ट आम तौर पर पता होता है.
prediction-item-match
जवाब में शामिल वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच किए गए इस टेक्स्ट को बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच किया गया टेक्स्ट, prediction-item में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि prediction-item-main-text का हिस्सा हो.
prediction-item-selected
जब उपयोगकर्ता कीबोर्ड के ज़रिए किसी आइटम पर जाता है. ध्यान दें: चुने गए आइटम पर, इस पार्ट स्टाइल और अनुमानित आइटम की पार्ट स्टाइल, दोनों का असर पड़ेगा.
prediction-list
यह विज़ुअल एलिमेंट है. इसमें Place Autocomplete सेवा से मिले सुझावों की सूची होती है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन सूची के तौर पर दिखती है.
background-color
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.
gmp-error
function(errorEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है.
gmp-select
function(placeSelectEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब कोई उपयोगकर्ता जगह के बारे में अनुमानित जानकारी चुनता है. इसमें Place ऑब्जेक्ट होता है.

BasicPlaceAutocompleteElementOptions इंटरफ़ेस

google.maps.places.BasicPlaceAutocompleteElementOptions इंटरफ़ेस

BasicPlaceAutocompleteElement बनाने के विकल्प.

includedPrimaryTypes optional
टाइप:  Array<string> optional
includedRegionCodes optional
टाइप:  Array<string> optional
locationBias optional
टाइप:  LocationBias optional
locationRestriction optional
टाइप:  LocationRestriction optional
name optional
टाइप:  string optional
origin optional
requestedLanguage optional
टाइप:  string optional
requestedRegion optional
टाइप:  string optional
unitSystem optional
टाइप:  UnitSystem optional

PlaceAutocompleteElement क्लास

google.maps.places.PlaceAutocompleteElement क्लास

PlaceAutocompleteElement, HTMLElement सबक्लास है. यह Places Autocomplete API के लिए यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट उपलब्ध कराता है.

PlaceAutocompleteElement, उपयोगकर्ता की ऑटोकंप्लीट खोज के क्वेरी और चुनने के चरणों को ग्रुप करने के लिए, AutocompleteSessionTokens का इस्तेमाल अपने-आप करता है.

PlacePrediction.toPlace से मिले Place पर Place.fetchFields को किया गया पहला कॉल, PlacePrediction को फ़ेच करने के लिए इस्तेमाल किए गए सेशन टोकन को अपने-आप शामिल कर लेगा.

सेशन के काम करने के तरीके के बारे में ज़्यादा जानने के लिए, https://developers.google.com/maps/documentation/places/web-service/place-session-tokens पर जाएं.

कस्टम एलिमेंट:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceAutocompleteElementOptions को लागू करती है.

const {PlaceAutocompleteElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceAutocompleteElement
PlaceAutocompleteElement(options)
पैरामीटर: 
includedPrimaryTypes
टाइप:  Array<string> optional
इसमें प्राइमरी जगह का टाइप शामिल होता है. उदाहरण के लिए, "restaurant" या "gas_station".

किसी जगह की जानकारी सिर्फ़ तब दिखाई जाती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं दिया गया है, तो सभी Place टाइप दिखाए जाते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
टाइप:  Array<string> optional
सिर्फ़ उन क्षेत्रों के नतीजे शामिल करें जिनके लिए, ज़्यादा से ज़्यादा 15 CLDR दो-वर्ण वाले क्षेत्र के कोड दिए गए हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर locationRestriction और includedRegionCodes, दोनों सेट किए जाते हैं, तो नतीजे इंटरसेक्शन वाले इलाके में दिखेंगे.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete included-region-codes="c1 c2 c3..."></gmp-place-autocomplete>
locationBias
टाइप:  LocationBias optional
जगहें खोजते समय इस्तेमाल करने के लिए, एक सॉफ्ट बाउंड्री या हिंट.
locationRestriction
टाइप:  LocationRestriction optional
खोज के नतीजों को सीमित करने के लिए सीमाएं.
name
टाइप:  string optional
इनपुट एलिमेंट के लिए इस्तेमाल किया जाने वाला नाम. ज़्यादा जानकारी के लिए, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name पर जाएं. यह इनपुट के लिए, नाम एट्रिब्यूट की तरह ही काम करता है. ध्यान दें कि फ़ॉर्म सबमिट करते समय इसी नाम का इस्तेमाल किया जाएगा. ज़्यादा जानकारी के लिए, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form पर जाएं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete name="string"></gmp-place-autocomplete>
origin
वह जगह जहां से दूरी का हिसाब लगाना है. अगर यह जानकारी नहीं दी जाती है, तो दूरी का हिसाब नहीं लगाया जाता. अगर ऊंचाई की जानकारी दी गई है, तो उसे कैलकुलेशन में इस्तेमाल नहीं किया जाता.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete origin="lat,lng"></gmp-place-autocomplete>
  • <gmp-place-autocomplete origin="lat,lng,altitude"></gmp-place-autocomplete>
requestedLanguage
टाइप:  string optional
अगर हो सके, तो उस भाषा के लिए आइडेंटिफ़ायर जिसमें नतीजे दिखाए जाने चाहिए. चुनी गई भाषा में मिले नतीजों को बेहतर रैंकिंग दी जा सकती है. हालांकि, सुझाव सिर्फ़ इसी भाषा में नहीं दिए जाते. इस्तेमाल की जा सकने वाली भाषाओं की सूची देखें.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete requested-language="string"></gmp-place-autocomplete>
requestedRegion
टाइप:  string optional
यह एक क्षेत्र का कोड होता है. इसका इस्तेमाल, नतीजों को फ़ॉर्मैट करने और उन्हें फ़िल्टर करने के लिए किया जाता है. इससे इस देश के लिए सुझावों को सीमित नहीं किया जाता. क्षेत्र के कोड में, दो वर्णों वाली ccTLD ("टॉप-लेवल डोमेन") वैल्यू डाली जा सकती है. ज़्यादातर ccTLD कोड, ISO 3166-1 कोड के जैसे ही होते हैं. हालांकि, कुछ अपवाद भी हैं. उदाहरण के लिए, यूनाइटेड किंगडम का ccTLD "uk" (.co.uk) है, जबकि इसका ISO 3166-1 कोड "gb" है. तकनीकी तौर पर, यह "ग्रेट ब्रिटेन और उत्तरी आयरलैंड का यूनाइटेड किंगडम" के लिए है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete requested-region="string"></gmp-place-autocomplete>
unitSystem
टाइप:  UnitSystem optional
दूरी दिखाने के लिए इस्तेमाल किया जाने वाला यूनिट सिस्टम. अगर इसे तय नहीं किया जाता है, तो यूनिट सिस्टम का पता requestedRegion से लगाया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete unit-system="metric"></gmp-place-autocomplete>
  • <gmp-place-autocomplete unit-system="imperial"></gmp-place-autocomplete>
prediction-item
सुझावों के ड्रॉप-डाउन में मौजूद एक आइटम, जो एक सुझाव को दिखाता है.
prediction-item-icon
अनुमानों की सूची में, हर आइटम के बाईं ओर दिखने वाला आइकॉन.
prediction-item-main-text
यह prediction-item का एक हिस्सा है. यह अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें जगह का नाम होता है. जैसे, 'सिडनी'. इसके अलावा, इसमें सड़क का नाम और नंबर भी होता है. जैसे, '10 किंग स्ट्रीट'. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर सुझाव वाले आइटम में कोई और टेक्स्ट है, तो वह prediction-item-main-text से बाहर होता है. साथ ही, वह prediction-item से अपनी स्टाइल इनहेरिट करता है. यह डिफ़ॉल्ट रूप से स्लेटी रंग का होता है. अतिरिक्त टेक्स्ट आम तौर पर पता होता है.
prediction-item-match
जवाब में शामिल वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच किए गए इस टेक्स्ट को बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच किया गया टेक्स्ट, prediction-item में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि prediction-item-main-text का हिस्सा हो.
prediction-item-selected
जब उपयोगकर्ता कीबोर्ड के ज़रिए किसी आइटम पर जाता है. ध्यान दें: चुने गए आइटम पर, इस पार्ट स्टाइल और अनुमानित आइटम की पार्ट स्टाइल, दोनों का असर पड़ेगा.
prediction-list
यह विज़ुअल एलिमेंट है. इसमें Place Autocomplete सेवा से मिले सुझावों की सूची होती है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन सूची के तौर पर दिखती है.
background-color
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.
gmp-error
function(errorEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है.
gmp-select
function(placePredictionSelectEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब कोई उपयोगकर्ता जगह के बारे में अनुमानित जानकारी चुनता है. इसमें PlacePrediction ऑब्जेक्ट होता है, जिसे Place ऑब्जेक्ट में बदला जा सकता है.

PlaceAutocompleteElementOptions इंटरफ़ेस

google.maps.places.PlaceAutocompleteElementOptions इंटरफ़ेस

PlaceAutocompleteElement बनाने के विकल्प. हर प्रॉपर्टी के ब्यौरे के लिए, PlaceAutocompleteElement क्लास में उसी नाम की प्रॉपर्टी देखें.

includedPrimaryTypes optional
टाइप:  Array<string> optional
includedRegionCodes optional
टाइप:  Array<string> optional
locationBias optional
टाइप:  LocationBias optional
locationRestriction optional
टाइप:  LocationRestriction optional
name optional
टाइप:  string optional
origin optional
requestedLanguage optional
टाइप:  string optional
requestedRegion optional
टाइप:  string optional
unitSystem optional
टाइप:  UnitSystem optional

PlacePredictionSelectEvent क्लास

google.maps.places.PlacePredictionSelectEvent क्लास

यह इवेंट तब बनाया जाता है, जब उपयोगकर्ता PlaceAutocompleteElement की मदद से, अनुमानित जगह का कोई आइटम चुनता है. event.placePrediction की मदद से, चुने गए आइटम को ऐक्सेस करें.

PlacePrediction.toPlace को कॉल करके, placePrediction को Place में बदलें.

यह क्लास Event तक चलेगी.

const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

placePrediction
टाइप:  PlacePrediction
इसे PlacePrediction.toPlace पर कॉल करके Place में बदलें.

PlaceAutocompleteRequestErrorEvent क्लास

google.maps.places.PlaceAutocompleteRequestErrorEvent क्लास

नेटवर्क अनुरोध में कोई समस्या होने पर, PlaceAutocompleteElement इस इवेंट को ट्रिगर करता है.

यह क्लास Event तक चलेगी.

const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceContextualElement क्लास

google.maps.places.PlaceContextualElement क्लास

यह एक ऐसा विजेट है जो कॉन्टेक्स्ट टोकन का इस्तेमाल करके, Google Maps से मिले जवाब के कॉन्टेक्स्ट के हिसाब से व्यू दिखाता है.

कस्टम एलिमेंट:
<gmp-place-contextual context-token="string"></gmp-place-contextual>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceContextualElementOptions को लागू करती है.

const {PlaceContextualElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceContextualElement
PlaceContextualElement([options])
पैरामीटर: 
contextToken
टाइप:  string optional
कॉन्टेक्स्ट टोकन.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-contextual context-token="string"></gmp-place-contextual>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PlaceContextualElementOptions इंटरफ़ेस

google.maps.places.PlaceContextualElementOptions इंटरफ़ेस

PlaceContextualElement के लिए विकल्प.

contextToken optional
टाइप:  string optional
यह कॉन्टेक्स्ट टोकन, 'Google Maps से जानकारी लेना' सुविधा के जवाब से मिलता है.

PlaceContextualListConfigElement class

google.maps.places.PlaceContextualListConfigElement क्लास

यह एक एचटीएमएल एलिमेंट है. यह प्लेस कॉन्टेक्स्टुअल एलिमेंट के लिस्ट व्यू के लिए विकल्पों को कॉन्फ़िगर करता है.

कस्टम एलिमेंट:
<gmp-place-contextual-list-config layout="compact" map-hidden map-mode="none"></gmp-place-contextual-list-config>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceContextualListConfigElementOptions को लागू करती है.

const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceContextualListConfigElement
PlaceContextualListConfigElement([options])
पैरामीटर: 
layout
टाइप:  PlaceContextualListLayout optional
लेआउट.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-contextual-list-config layout="compact"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config layout="vertical"></gmp-place-contextual-list-config>
mapHidden
टाइप:  boolean optional
क्या मैप को छिपाया गया है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-contextual-list-config map-hidden></gmp-place-contextual-list-config>
mapMode
टाइप:  PlaceContextualListMapMode optional
जगहों की सूची के लिए, जगह के कॉन्टेक्स्ट के हिसाब से एलिमेंट में इस्तेमाल किया गया मैप मोड.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-contextual-list-config map-mode="none"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config map-mode="roadmap"></gmp-place-contextual-list-config>
  • <gmp-place-contextual-list-config map-mode="hybrid"></gmp-place-contextual-list-config>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PlaceContextualListConfigElementOptions इंटरफ़ेस

google.maps.places.PlaceContextualListConfigElementOptions इंटरफ़ेस

PlaceContextualListConfigElement के लिए विकल्प.

layout optional
टाइप:  PlaceContextualListLayout optional
डिफ़ॉल्ट: PlaceContextualListLayout.VERTICAL
लेआउट.
mapHidden optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
अगर मैप को छिपाना है, तो वैल्यू 'सही' होगी.
mapMode optional
टाइप:  PlaceContextualListMapMode optional
डिफ़ॉल्ट: PlaceContextualListMapMode.ROADMAP
जगहों की सूची के लिए, जगह के कॉन्टेक्स्ट के हिसाब से एलिमेंट में इस्तेमाल किया गया मैप मोड.

PlaceContextualListLayout कॉन्स्टेंट

google.maps.places.PlaceContextualListLayout कॉन्स्टेंट

उन लेआउट की सूची जिन्हें सूची वाले व्यू के लिए, जगह के हिसाब से कॉन्टेक्स्ट देने वाला एलिमेंट इस्तेमाल कर सकता है.

const {PlaceContextualListLayout} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

COMPACT कॉम्पैक्ट लिस्ट लेआउट: इसमें लिस्ट आइटम को एक लाइन में लिंक के तौर पर रेंडर किया जाता है. साथ ही, ज़्यादा आइटम को ड्रॉपडाउन लिस्ट में दिखाया जाता है.
VERTICAL वर्टिकल लिस्ट लेआउट: लिस्ट आइटम को वर्टिकल लिस्ट में कार्ड के तौर पर रेंडर किया जाता है.

PlaceContextualListMapMode constants

google.maps.places.PlaceContextualListMapMode कॉन्स्टेंट

जगहों की सूची के लिए, जगह के कॉन्टेक्स्ट के हिसाब से एलिमेंट में इस्तेमाल किया गया मैप मोड.

const {PlaceContextualListMapMode} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

HYBRID सैटलाइट पर मुख्य सड़कों की पारदर्शी लेयर या 3D में फ़ोटोरियलिस्टिक इमेज.
NONE कोई मैप नहीं.
ROADMAP सामान्य 2D स्ट्रीट मैप.

PlaceDetailsElement class

google.maps.places.PlaceDetailsElement क्लास

किसी जगह की पूरी जानकारी, फ़ुल लेआउट में दिखाता है. रेंडर की जाने वाली जगह की जानकारी देने के लिए, PlaceDetailsPlaceRequestElement या PlaceDetailsLocationRequestElement जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement, PlaceStandardContentElement या PlaceAllContentElement जोड़ें.

उदाहरण:

 <gmp-place-details>
  <gmp-place-details-place-request
    place="PLACE_ID"
  ></gmp-place-details-place-request>
  <gmp-place-content-config>
    <gmp-place-media lightbox-preferred></gmp-place-media>
  </gmp-place-content-config>
</gmp-place-details>

इस एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.

कस्टम एलिमेंट:
<gmp-place-details></gmp-place-details>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceDetailsElementOptions को लागू करती है.

const {PlaceDetailsElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceDetailsElement
PlaceDetailsElement([options])
पैरामीटर: 
place
टाइप:  Place optional
सिर्फ़ पढ़ने के लिए. जगह की जानकारी वाला ऑब्जेक्ट, जिसमें आईडी, जगह की जानकारी, और मौजूदा समय में रेंडर की गई जगह का व्यूपोर्ट शामिल होता है.
--gmp-button-border-color
"Maps में खोलें" बटन के बॉर्डर का रंग.
--gmp-button-border-radius
"Maps में खोलें" बटन के बॉर्डर की त्रिज्या.
--gmp-button-border-width
"Maps में खोलें" बटन के बॉर्डर की चौड़ाई.
--gmp-collage-border-radius-outer
मीडिया कोलाज के बाहरी कोनों के बॉर्डर की त्रिज्या.
--gmp-dialog-border-radius
Google Maps के डिसक्लोज़र डायलॉग के बॉर्डर की त्रिज्या.
--gmp-mat-color-disabled-surface
इस रंग का इस्तेमाल, बंद की गई सुविधाओं या मौजूद न होने की जानकारी देने के लिए किया जाता है. इसका इस्तेमाल समीक्षा के खाली स्टार के लिए किया जाता है.
--gmp-mat-color-info
जानकारी देने वाले यूआई एलिमेंट का रंग. इस कुकी का इस्तेमाल व्हीलचेयर आइकॉन के लिए किया जाता है.
--gmp-mat-color-negative
नेगेटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, "अभी बंद है" स्टेटस में "बंद है" टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-neutral-container
न्यूट्रल फ़िल किए गए यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए कंटेनर का रंग. इस कुकी का इस्तेमाल इमेज प्लेसहोल्डर और समीक्षा पब्लिश होने की तारीख वाले बैज के लिए किया जाता है.
--gmp-mat-color-on-neutral-container
न्यूट्रल कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, समीक्षा पब्लिश होने की तारीख वाले बैज और ईवी चार्जर की उपलब्धता वाले बैज के लिए किया जाता है. ऐसा तब किया जाता है, जब ये बैज उपलब्ध नहीं होते.
--gmp-mat-color-on-positive-container
पॉज़िटिव कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, ईवी चार्जर की उपलब्धता बताने वाले बैज के लिए किया जाता है. हालांकि, ऐसा तब ही किया जाता है, जब यह बैज उपलब्ध हो.
--gmp-mat-color-on-secondary-container
सेकंडरी कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, "Maps में खोलें" बटन पर मौजूद टेक्स्ट और आइकॉन के लिए किया जाता है.
--gmp-mat-color-on-surface
किसी भी सर्फ़ेस कलर के हिसाब से टेक्स्ट और आइकॉन का रंग. इसका इस्तेमाल सामान्य टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-on-surface-variant
यह रंग, टेक्स्ट और आइकॉन के लिए इस्तेमाल किया जाता है. यह किसी भी सर्फ़ेस कलर के मुकाबले कम अहम होता है. इसका इस्तेमाल ऐसे टेक्स्ट के लिए किया जाता है जिस पर कम ज़ोर दिया गया हो.
--gmp-mat-color-outline-decorative
नॉन-इंटरैक्टिव एलिमेंट की आउटलाइन का रंग. इसका इस्तेमाल एलिमेंट के बॉर्डर के लिए किया जाता है.
--gmp-mat-color-positive
पॉज़िटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, "अभी खुला है" स्टेटस में "खुला है" टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-positive-container
ऐसे यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए कंटेनर का रंग जो पॉज़िटिव भावनाएं दिखाते हैं. इस कुकी का इस्तेमाल, ईवी चार्जर की उपलब्धता बताने वाले बैज के लिए किया जाता है. हालांकि, ऐसा तब ही किया जाता है, जब यह बैज उपलब्ध हो.
--gmp-mat-color-primary
सरफ़ेस के रंग के हिसाब से इंटरैक्टिव टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, समीक्षाओं की संख्या, Google Maps के डिसक्लोज़र डायलॉग में मौजूद लिंक, वेबसाइट के लिंक, होम पेज पर मौजूद टैब में मौजूद आइकॉन, और टैब बार के टाइटल पर (होवर / फ़ोकस / टेक्स्ट का रंग) के लिए किया जाता है.
--gmp-mat-color-secondary-container
टोनल बटन जैसे रिसेसिव कॉम्पोनेंट के लिए, सर्फ़ेस के मुकाबले कम प्रमुखता वाला फ़िल कलर. इस कुकी का इस्तेमाल "Maps में खोलें" बटन के बैकग्राउंड के लिए किया जाता है.
--gmp-mat-color-surface
बैकग्राउंड के लिए रंग. इस कुकी का इस्तेमाल, एलिमेंट के बैकग्राउंड और Google Maps के डिसक्लोज़र डायलॉग के लिए किया जाता है.
--gmp-mat-font-body-medium
इस कुकी का इस्तेमाल, Google Maps में मौजूद 'जानकारी' डायलॉग बॉक्स में, जगह के पते, रेटिंग, टाइप, कीमत, अभी खुला है या नहीं, खुलने का समय, समीक्षा, फ़ोन नंबर, वेबसाइट, प्लस कोड, मुख्य सुविधाएं, और मुख्य टेक्स्ट के लिए किया जाता है.
--gmp-mat-font-body-small
'इसके बारे में जानकारी' टैब में, सुविधाओं की सूची में मौजूद मुख्य टेक्स्ट के लिए इस्तेमाल किया जाता है.
--gmp-mat-font-display-small
इसका इस्तेमाल, जगह के नाम और 'इसके बारे में' टैब में मौजूद हर सुविधा के हेडिंग के टेक्स्ट के लिए किया जाता है.
--gmp-mat-font-family
सभी टेक्स्ट के लिए इस्तेमाल की जाने वाली बेस फ़ॉन्ट फ़ैमिली.
--gmp-mat-font-headline-medium
इसका इस्तेमाल, Google Maps के खुलासे वाले डायलॉग में हेडिंग टेक्स्ट के लिए किया जाता है.
--gmp-mat-font-label-large
इस कुकी का इस्तेमाल, टैब के टाइटल, "Maps में खोलें" बटन, फ़ोटो गैलरी में समीक्षा करने वाले व्यक्ति की जानकारी देने वाले टेक्स्ट, समीक्षा सेक्शन में समीक्षा करने वाले व्यक्ति की जानकारी देने वाले टेक्स्ट, और Google Maps के डिसक्लोज़र डायलॉग में मौजूद लिंक के लिए किया जाता है.
--gmp-mat-font-label-medium
इस कुकी का इस्तेमाल, फ़ोटो की संख्या वाले बैज और समीक्षा पब्लिश करने की तारीख वाले बैज के लिए किया जाता है.
--gmp-mat-font-title-small
इस कुकी का इस्तेमाल, 'इसके बारे में जानकारी' टैब में मौजूद हर सेक्शन के टाइटल के लिए किया जाता है.
--gmp-mat-spacing-extra-large
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-extra-small
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-large
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-medium
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-small
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-two-extra-large
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-star-rating-color
रेटिंग में भरे हुए स्टार का रंग.
background-color
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है.
font-size
यह एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ईएम में इंटरनल तौर पर तय किया जाता है. यह डिफ़ॉल्ट रूप से 16px पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.
gmp-error
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है.
gmp-load
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है.

PlaceDetailsElementOptions इंटरफ़ेस

google.maps.places.PlaceDetailsElementOptions इंटरफ़ेस

PlaceDetailsElement के लिए विकल्प.

PlaceDetailsCompactElement class

google.maps.places.PlaceDetailsCompactElement क्लास

यह किसी जगह की जानकारी को छोटे लेआउट में दिखाता है. रेंडर की जाने वाली जगह की जानकारी देने के लिए, PlaceDetailsPlaceRequestElement या PlaceDetailsLocationRequestElement जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement, PlaceStandardContentElement या PlaceAllContentElement जोड़ें.

उदाहरण:

 <gmp-place-details-compact>
  <gmp-place-details-place-request
    place="PLACE_ID"
  ></gmp-place-details-place-request>
  <gmp-place-content-config>
    <gmp-place-media lightbox-preferred></gmp-place-media>
  </gmp-place-content-config>
</gmp-place-details-compact>

इस एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.

कस्टम एलिमेंट:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceDetailsCompactElementOptions को लागू करती है.

const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceDetailsCompactElement
PlaceDetailsCompactElement([options])
पैरामीटर: 
orientation
टाइप:  PlaceDetailsOrientation optional
डिफ़ॉल्ट: PlaceDetailsOrientation.VERTICAL
एलिमेंट का ओरिएंटेशन वैरिएंट (वर्टिकल या हॉरिज़ॉन्टल).
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-details-compact orientation="vertical"></gmp-place-details-compact>
  • <gmp-place-details-compact orientation="horizontal"></gmp-place-details-compact>
place
टाइप:  Place optional
सिर्फ़ पढ़ने के लिए. जगह की जानकारी वाला ऑब्जेक्ट, जिसमें आईडी, जगह की जानकारी, और मौजूदा समय में रेंडर की गई जगह का व्यूपोर्ट शामिल होता है.
truncationPreferred
टाइप:  boolean
डिफ़ॉल्ट: false
अगर यह वैल्यू सही है, तो जगह के नाम और पते को रैप करने के बजाय, एक लाइन में फ़िट करने के लिए छोटा कर दिया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-details-compact truncation-preferred></gmp-place-details-compact>
--gmp-button-border-color
"Maps में खोलें" बटन के बॉर्डर का रंग.
--gmp-button-border-radius
"Maps में खोलें" बटन के बॉर्डर की त्रिज्या.
--gmp-button-border-width
"Maps में खोलें" बटन के बॉर्डर की चौड़ाई.
--gmp-dialog-border-radius
Google Maps के डिसक्लोज़र डायलॉग के बॉर्डर की त्रिज्या.
--gmp-mat-color-info
जानकारी देने वाले यूआई एलिमेंट का रंग. इस कुकी का इस्तेमाल व्हीलचेयर आइकॉन के लिए किया जाता है.
--gmp-mat-color-negative
नेगेटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, "अभी बंद है" स्टेटस में "बंद है" टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-neutral-container
न्यूट्रल फ़िल किए गए यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए कंटेनर का रंग. इसका इस्तेमाल इमेज प्लेसहोल्डर के लिए किया जाता है.
--gmp-mat-color-on-secondary-container
सेकंडरी कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, "Maps में खोलें" बटन पर मौजूद टेक्स्ट और आइकॉन के लिए किया जाता है.
--gmp-mat-color-on-surface
किसी भी सर्फ़ेस कलर के हिसाब से टेक्स्ट और आइकॉन का रंग. इसका इस्तेमाल सामान्य टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-on-surface-variant
यह रंग, टेक्स्ट और आइकॉन के लिए इस्तेमाल किया जाता है. यह किसी भी सर्फ़ेस कलर के मुकाबले कम अहम होता है. इसका इस्तेमाल ऐसे टेक्स्ट के लिए किया जाता है जिस पर कम ज़ोर दिया गया हो.
--gmp-mat-color-outline-decorative
नॉन-इंटरैक्टिव एलिमेंट की आउटलाइन का रंग. इसका इस्तेमाल एलिमेंट के बॉर्डर के लिए किया जाता है.
--gmp-mat-color-positive
पॉज़िटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, "अभी खुला है" स्टेटस में "खुला है" टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-primary
सरफ़ेस के रंग के हिसाब से इंटरैक्टिव टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, समीक्षाओं की संख्या के साथ-साथ Google Maps के डिसक्लोज़र डायलॉग में मौजूद लिंक के लिए किया जाता है.
--gmp-mat-color-secondary-container
टोनल बटन जैसे रिसेसिव कॉम्पोनेंट के लिए, सर्फ़ेस के मुकाबले कम प्रमुखता वाला फ़िल कलर. इस कुकी का इस्तेमाल "Maps में खोलें" बटन के बैकग्राउंड के लिए किया जाता है.
--gmp-mat-color-surface
बैकग्राउंड के लिए रंग. इस कुकी का इस्तेमाल, एलिमेंट के बैकग्राउंड और Google Maps के डिसक्लोज़र डायलॉग के लिए किया जाता है.
--gmp-mat-font-body-medium
इस कुकी का इस्तेमाल, Google Maps के खुलासे वाले डायलॉग में मुख्य टेक्स्ट के लिए किया जाता है.
--gmp-mat-font-body-small
इस कुकी का इस्तेमाल जगह के पते, रेटिंग, टाइप, कीमत, और अभी खुला है या नहीं, यह बताने के लिए किया जाता है.
--gmp-mat-font-family
सभी टेक्स्ट के लिए इस्तेमाल की जाने वाली बेस फ़ॉन्ट फ़ैमिली.
--gmp-mat-font-headline-medium
इसका इस्तेमाल, Google Maps के खुलासे वाले डायलॉग में हेडिंग टेक्स्ट के लिए किया जाता है.
--gmp-mat-font-label-large
इस कुकी का इस्तेमाल, "Maps में खोलें" बटन के साथ-साथ Google Maps के डिसक्लोज़र डायलॉग और फ़ोटो गैलरी में समीक्षा करने वाले व्यक्ति के एट्रिब्यूशन टेक्स्ट में मौजूद लिंक के लिए किया जाता है.
--gmp-mat-font-label-medium
इस कुकी का इस्तेमाल, फ़ोटो की संख्या वाले बैज के लिए किया जाता है.
--gmp-mat-font-title-small
इस कुकी का इस्तेमाल जगह के नाम के लिए किया जाता है.
--gmp-mat-spacing-extra-small
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-large
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-medium
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-small
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-star-rating-color
रेटिंग में भरे हुए स्टार का रंग.
--gmp-thumbnail-border-radius
जगह के थंबनेल इमेज का बॉर्डर रेडियस.
background-color
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है.
font-size
यह एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ईएम में इंटरनल तौर पर तय किया जाता है. यह डिफ़ॉल्ट रूप से 16px पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.
gmp-error
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है.
gmp-load
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है.

PlaceDetailsCompactElementOptions इंटरफ़ेस

google.maps.places.PlaceDetailsCompactElementOptions इंटरफ़ेस

PlaceDetailsCompactElement के लिए विकल्प.

orientation optional
टाइप:  PlaceDetailsOrientation optional
truncationPreferred optional
टाइप:  boolean optional

PlaceDetailsOrientation कॉन्स्टेंट

google.maps.places.PlaceDetailsOrientation कॉन्स्टेंट

PlaceDetailsCompactElement के लिए ओरिएंटेशन वैरिएंट.

const {PlaceDetailsOrientation} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

HORIZONTAL हॉरिज़ॉन्टल ओरिएंटेशन.
VERTICAL वर्टिकल ओरिएंटेशन.

PlaceDetailsPlaceRequestElement class

google.maps.places.PlaceDetailsPlaceRequestElement क्लास

यह फ़ंक्शन, किसी जगह के ऑब्जेक्ट, आईडी या संसाधन के नाम के आधार पर डेटा लोड करने के लिए PlaceDetailsCompactElement या PlaceDetailsElement को कॉन्फ़िगर करता है. इस एलिमेंट को PlaceDetailsCompactElement या PlaceDetailsElement के चाइल्ड एलिमेंट के तौर पर जोड़ें, ताकि चुनी गई जगह के लिए डेटा लोड किया जा सके. उदाहरण के लिए:

 <gmp-place-details>
  <gmp-place-details-place-request
    place="PLACE_ID"
  ></gmp-place-details-place-request>
</gmp-place-details>

कस्टम एलिमेंट:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceDetailsPlaceRequestElementOptions को लागू करती है.

const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceDetailsPlaceRequestElement
PlaceDetailsPlaceRequestElement([options])
पैरामीटर: 
place
टाइप:  Place optional
डिफ़ॉल्ट: null
जगह का ऑब्जेक्ट, आईडी या संसाधन का नाम, ताकि Place Details Compact एलिमेंट में जानकारी रेंडर की जा सके. यह प्रॉपर्टी, एट्रिब्यूट को संसाधन के नाम के तौर पर दिखाती है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PlaceDetailsPlaceRequestElementOptions interface

google.maps.places.PlaceDetailsPlaceRequestElementOptions इंटरफ़ेस

PlaceDetailsPlaceRequestElement के लिए विकल्प.

place optional
टाइप:  Place|string optional

PlaceDetailsLocationRequestElement class

google.maps.places.PlaceDetailsLocationRequestElement क्लास

यह कुकी, किसी जगह के आधार पर डेटा लोड करने के लिए PlaceDetailsCompactElement या PlaceDetailsElement को कॉन्फ़िगर करती है. इस एलिमेंट को PlaceDetailsCompactElement या PlaceDetailsElement के चाइल्ड एलिमेंट के तौर पर जोड़ें, ताकि चुनी गई जगह के लिए डेटा लोड किया जा सके. उदाहरण के लिए:

 <gmp-place-details>
  <gmp-place-details-location-request
    location="37.6207665,-122.4284806"
  ></gmp-place-details-location-request>
</gmp-place-details>

कस्टम एलिमेंट:
<gmp-place-details-location-request location="lat,lng"></gmp-place-details-location-request>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceDetailsLocationRequestElementOptions को लागू करती है.

const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceDetailsLocationRequestElement
PlaceDetailsLocationRequestElement([options])
पैरामीटर: 
location
डिफ़ॉल्ट: null
जगह की जानकारी देने वाले एलिमेंट में, जानकारी दिखाने के लिए जगह की जानकारी. यह LatLngAltitude के बराबर होता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-details-location-request location="lat,lng"></gmp-place-details-location-request>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PlaceDetailsLocationRequestElementOptions इंटरफ़ेस

google.maps.places.PlaceDetailsLocationRequestElementOptions इंटरफ़ेस

PlaceDetailsLocationRequestElement के लिए विकल्प.

location optional
वह जगह जहां के लिए जगह की जानकारी रेंडर करनी है.

PlaceSearchElement क्लास

google.maps.places.PlaceSearchElement क्लास

इस सुविधा की मदद से, किसी जगह की खोज के नतीजों को सूची में दिखाया जाता है. नतीजे रेंडर करने के अनुरोध के लिए, PlaceTextSearchRequestElement या PlaceNearbySearchRequestElement जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement, PlaceStandardContentElement या PlaceAllContentElement जोड़ें.

उदाहरण:

 <gmp-place-search>
  <gmp-place-text-search-request
    text-query="QUERY"
  ></gmp-place-text-search-request>
  <gmp-place-content-config>
    <gmp-place-media lightbox-preferred></gmp-place-media>
  </gmp-place-content-config>
</gmp-place-search>

जगहें ढूंढने की सुविधा देने वाले एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.

कस्टम एलिमेंट:
<gmp-place-search attribution-position="top" orientation="vertical" selectable truncation-preferred></gmp-place-search>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceSearchElementOptions को लागू करती है.

const {PlaceSearchElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceSearchElement
PlaceSearchElement([options])
पैरामीटर: 
attributionPosition
टाइप:  PlaceSearchAttributionPosition optional
डिफ़ॉल्ट: PlaceSearchAttributionPosition.TOP
एट्रिब्यूशन लोगो और कानूनी जानकारी वाले बटन की जगह.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-search attribution-position="top"></gmp-place-search>
  • <gmp-place-search attribution-position="bottom"></gmp-place-search>
orientation
टाइप:  PlaceSearchOrientation optional
डिफ़ॉल्ट: PlaceSearchOrientation.VERTICAL
एलिमेंट का ओरिएंटेशन वैरिएंट (वर्टिकल या हॉरिज़ॉन्टल).
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-search orientation="vertical"></gmp-place-search>
  • <gmp-place-search orientation="horizontal"></gmp-place-search>
places
टाइप:  Array<Place>
सिर्फ़ पढ़ने के लिए. Place ऑब्जेक्ट का कलेक्शन. इसमें फ़िलहाल रेंडर की गई जगहों के आईडी, जगहें, और व्यूपोर्ट शामिल होते हैं.
selectable
टाइप:  boolean optional
डिफ़ॉल्ट: false
सूची में मौजूद आइटम चुने जा सकते हैं या नहीं. अगर वैल्यू सही है, तो सूची में मौजूद आइटम ऐसे बटन होंगे जिन पर क्लिक करने से gmp-select इवेंट ट्रिगर होगा. कीबोर्ड से नेविगेट करने और चुनने की सुविधा भी उपलब्ध है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-search selectable></gmp-place-search>
truncationPreferred
टाइप:  boolean optional
डिफ़ॉल्ट: false
अगर यह वैल्यू सही है, तो कॉन्टेंट की कुछ लाइनों को रैप करने के बजाय, एक लाइन में फ़िट करने के लिए छोटा कर दिया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-search truncation-preferred></gmp-place-search>
--gmp-button-border-color
"Maps में खोलें" बटन के बॉर्डर का रंग.
--gmp-button-border-radius
"Maps में खोलें" बटन के लिए बॉर्डर की रेडियस.
--gmp-button-border-width
"Maps में खोलें" बटन के बॉर्डर की चौड़ाई.
--gmp-card-border-radius
जगह की जानकारी देने वाले कार्ड के बॉर्डर की रेडियस.
--gmp-dialog-border-radius
Google Maps के डिसक्लोज़र डायलॉग के लिए बॉर्डर रेडियस.
--gmp-mat-color-info
जानकारी देने वाले यूआई एलिमेंट का रंग. इसका इस्तेमाल, सुलभता वाले दरवाज़े के आइकॉन के लिए किया जाता है.
--gmp-mat-color-negative
नेगेटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, किसी जगह के खुले होने के समय के लिए "बंद है" लेबल के लिए किया जाता है.
--gmp-mat-color-neutral-container
न्यूट्रल फ़िल किए गए यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए कंटेनर का रंग. इस कुकी का इस्तेमाल, समीक्षा की तारीख वाले बैज और प्लेसहोल्डर शेप लोड करने के लिए किया जाता है.
--gmp-mat-color-on-neutral-container
न्यूट्रल कंटेनर पर मौजूद टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, समीक्षा की तारीख के टेक्स्ट और लोड होने से जुड़ी गड़बड़ी के टेक्स्ट के लिए किया जाता है.
--gmp-mat-color-on-secondary-container
सेकंडरी कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इसका इस्तेमाल बटन के टेक्स्ट और आइकॉन के लिए किया जाता है.
--gmp-mat-color-on-surface
सरफ़ेस के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इसका इस्तेमाल हेडिंग और डायलॉग कॉन्टेंट के लिए किया जाता है.
--gmp-mat-color-on-surface-variant
यह रंग, टेक्स्ट और आइकॉन के लिए इस्तेमाल किया जाता है. यह रंग, सर्फ़ेस कलर के मुकाबले कम अहमियत वाला होता है. इस कुकी का इस्तेमाल जगह की जानकारी के लिए किया जाता है.
--gmp-mat-color-outline-decorative
नॉन-इंटरैक्टिव एलिमेंट की आउटलाइन का रंग. इसका इस्तेमाल कंटेनर के बॉर्डर के लिए किया जाता है.
--gmp-mat-color-positive
पॉज़िटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, किसी जगह के खुले रहने के समय के लिए "खुला है" लेबल दिखाने के लिए किया जाता है.
--gmp-mat-color-primary
सरफ़ेस के रंग के हिसाब से इंटरैक्टिव टेक्स्ट और आइकॉन का रंग. इसका इस्तेमाल लिंक, लोड होने का इंडिकेटर, और खास जानकारी वाले आइकॉन के लिए किया जाता है.
--gmp-mat-color-secondary-container
किसी सतह पर फ़िल किए गए रंग का कम दिखना. इस कुकी का इस्तेमाल बटन के बैकग्राउंड के लिए किया जाता है.
--gmp-mat-color-surface
बैकग्राउंड के लिए रंग. इस कुकी का इस्तेमाल कंटेनर और डायलॉग के बैकग्राउंड के लिए किया जाता है.
--gmp-mat-font-body-small
इस कुकी का इस्तेमाल जगह की जानकारी के लिए किया जाता है.
--gmp-mat-font-family
सभी टेक्स्ट के लिए बेस फ़ॉन्ट फ़ैमिली.
--gmp-mat-font-headline-medium
इसका इस्तेमाल डायलॉग हेडिंग के लिए किया जाता है.
--gmp-mat-font-label-large
इसका इस्तेमाल बटन के कॉन्टेंट के लिए किया जाता है.
--gmp-mat-font-title-medium
इस कुकी का इस्तेमाल जगह के नाम के लिए किया जाता है.
--gmp-mat-spacing-extra-small
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-large
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-medium
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-mat-spacing-small
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग.
--gmp-star-rating-color
स्टार रेटिंग में भरे गए स्टार का रंग.
--gmp-thumbnail-border-radius
जगह की थंबनेल इमेज के लिए बॉर्डर रेडियस.
background-color
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है.
font-size
इससे एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन का साइज़ बदल जाता है. यह डिफ़ॉल्ट रूप से 16px पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.
gmp-error
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है.
gmp-load
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है.
gmp-select
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब सूची से कोई जगह चुनी जाती है. इसमें Place ऑब्जेक्ट होता है. इसमें चुनी गई जगह का आईडी, जगह, और व्यूपोर्ट होता है.

PlaceSearchElementOptions इंटरफ़ेस

google.maps.places.PlaceSearchElementOptions इंटरफ़ेस

PlaceSearchElement के लिए विकल्प.

attributionPosition optional
टाइप:  PlaceSearchAttributionPosition optional
orientation optional
टाइप:  PlaceSearchOrientation optional
selectable optional
टाइप:  boolean optional
truncationPreferred optional
टाइप:  boolean optional

PlaceSearchAttributionPosition कॉन्स्टेंट

google.maps.places.PlaceSearchAttributionPosition कॉन्स्टेंट

PlaceSearchElement के लिए एट्रिब्यूशन की स्थितियां.

const {PlaceSearchAttributionPosition} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

BOTTOM PlaceSearchElement के सबसे नीचे एट्रिब्यूशन
TOP PlaceSearchElement के सबसे ऊपर एट्रिब्यूशन

PlaceSearchOrientation कॉन्स्टेंट

google.maps.places.PlaceSearchOrientation कॉन्स्टेंट

PlaceSearchElement के लिए ओरिएंटेशन वैरिएंट.

const {PlaceSearchOrientation} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

HORIZONTAL हॉरिज़ॉन्टल ओरिएंटेशन.
VERTICAL वर्टिकल ओरिएंटेशन.

PlaceSelectEvent क्लास

google.maps.places.PlaceSelectEvent क्लास

यह इवेंट तब ट्रिगर होता है, जब जगहों की सूची से कोई जगह चुनी जाती है. event.place की मदद से, चुने गए आइटम को ऐक्सेस करें.

यह क्लास Event तक चलेगी.

const {PlaceSelectEvent} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

place
टाइप:  Place
चुनी गई जगह.

PlaceNearbySearchRequestElement क्लास

google.maps.places.PlaceNearbySearchRequestElement क्लास

यह कुकी, आस-पास की जगहों की खोज के अनुरोध के आधार पर नतीजे लोड करने के लिए, PlaceSearchElement को कॉन्फ़िगर करती है. सर्च एलिमेंट को लोड करने के लिए, locationRestriction प्रॉपर्टी ज़रूरी है. अगर locationRestriction एट्रिब्यूट सेट नहीं किया गया है, तो कॉन्फ़िगर की गई अन्य सभी प्रॉपर्टी को अनदेखा कर दिया जाएगा. नतीजे लोड करने के लिए, इस एलिमेंट को PlaceSearchElement के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए:

 <gmp-place-search>
  <gmp-place-nearby-search-request
    location-restriction="RADIUS@LAT,LNG"
  ></gmp-place-nearby-search-request>
  <gmp-place-content-config>
    <gmp-place-media lightbox-preferred></gmp-place-media>
  </gmp-place-content-config>
</gmp-place-search>

कस्टम एलिमेंट:
<gmp-place-nearby-search-request excluded-primary-types="excluded-primary-type1 excluded-primary-type2..." excluded-types="excluded-type1 excluded-type2..." included-primary-types="included-primary-type1 included-primary-type2..." included-types="included-type1 included-type2..." location-restriction="radius@lat,lng" max-result-count="number" rank-preference="preference"></gmp-place-nearby-search-request>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceNearbySearchRequestElementOptions को लागू करती है.

const {PlaceNearbySearchRequestElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceNearbySearchRequestElement
PlaceNearbySearchRequestElement([options])
पैरामीटर: 
excludedPrimaryTypes
टाइप:  Array<string> optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request excluded-primary-types="excluded-primary-type1 excluded-primary-type2..."></gmp-place-nearby-search-request>
excludedTypes
टाइप:  Array<string> optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request excluded-types="excluded-type1 excluded-type2..."></gmp-place-nearby-search-request>
includedPrimaryTypes
टाइप:  Array<string> optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request included-primary-types="included-primary-type1 included-primary-type2..."></gmp-place-nearby-search-request>
includedTypes
टाइप:  Array<string> optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request included-types="included-type1 included-type2..."></gmp-place-nearby-search-request>
locationRestriction
टाइप:  Circle|CircleLiteral optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request location-restriction="radius@lat,lng"></gmp-place-nearby-search-request>
maxResultCount
टाइप:  number optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request max-result-count="number"></gmp-place-nearby-search-request>
rankPreference
टाइप:  SearchNearbyRankPreference optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-nearby-search-request rank-preference="preference"></gmp-place-nearby-search-request>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PlaceNearbySearchRequestElementOptions इंटरफ़ेस

google.maps.places.PlaceNearbySearchRequestElementOptions इंटरफ़ेस

PlaceNearbySearchRequestElement के लिए विकल्प.

excludedPrimaryTypes optional
टाइप:  Array<string> optional
शामिल नहीं किए गए मुख्य जगहों के टाइप. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.excludedPrimaryTypes और SearchNearbyRequest.excludedPrimaryTypes देखें.
excludedTypes optional
टाइप:  Array<string> optional
शामिल नहीं किए गए प्लेस टाइप. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.excludedTypes और SearchNearbyRequest.excludedTypes देखें.
includedPrimaryTypes optional
टाइप:  Array<string> optional
इसमें मुख्य जगह के टाइप शामिल हैं. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.includedPrimaryTypes और SearchNearbyRequest.includedPrimaryTypes देखें.
includedTypes optional
टाइप:  Array<string> optional
शामिल की गई जगहों के टाइप. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.includedTypes और SearchNearbyRequest.includedTypes देखें.
locationRestriction optional
टाइप:  Circle|CircleLiteral optional
वह क्षेत्र जिसमें खोजना है. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.locationRestriction और SearchNearbyRequest.locationRestriction देखें.
maxResultCount optional
टाइप:  number optional
ज़्यादा से ज़्यादा कितने नतीजे दिखाने हैं. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.maxResultCount और SearchNearbyRequest.maxResultCount देखें.
rankPreference optional
टाइप:  SearchNearbyRankPreference optional
जवाब में नतीजों को किस तरह रैंक किया जाएगा. ज़्यादा जानकारी के लिए, PlaceNearbySearchRequestElement.rankPreference और SearchNearbyRankPreference देखें.

PlaceTextSearchRequestElement क्लास

google.maps.places.PlaceTextSearchRequestElement क्लास

यह PlaceSearchElement को कॉन्फ़िगर करता है, ताकि टेक्स्ट खोज के अनुरोध के आधार पर नतीजे लोड किए जा सकें. सर्च एलिमेंट को लोड करने के लिए, textQuery प्रॉपर्टी ज़रूरी है. अगर textQuery एट्रिब्यूट सेट नहीं किया गया है, तो कॉन्फ़िगर की गई अन्य सभी प्रॉपर्टी को अनदेखा कर दिया जाएगा. नतीजे लोड करने के लिए, इस एलिमेंट को PlaceSearchElement के चाइल्ड के तौर पर जोड़ें. उदाहरण के लिए:

 <gmp-place-search>
  <gmp-place-text-search-request
    text-query="QUERY"
  ></gmp-place-text-search-request>
  <gmp-place-content-config>
    <gmp-place-media lightbox-preferred></gmp-place-media>
  </gmp-place-content-config>
</gmp-place-search>

कस्टम एलिमेंट:
<gmp-place-text-search-request ev-connector-types="ev-connector-type1 ev-connector-type2..." ev-minimum-charging-rate-kw="rate" included-type="type" is-open-now="true" location-bias="lat,lng" location-restriction="swlat,swlng|nelat,nelng" max-result-count="number" min-rating="number" price-levels="price-level1 price-level2..." rank-preference="preference" text-query="string" use-strict-type-filtering></gmp-place-text-search-request>

यह क्लास HTMLElement तक चलेगी.

यह क्लास PlaceTextSearchRequestElementOptions को लागू करती है.

const {PlaceTextSearchRequestElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PlaceTextSearchRequestElement
PlaceTextSearchRequestElement([options])
पैरामीटर: 
evConnectorTypes
टाइप:  Array<EVConnectorType> optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request ev-connector-types="ev-connector-type1 ev-connector-type2..."></gmp-place-text-search-request>
evMinimumChargingRateKw
टाइप:  number optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request ev-minimum-charging-rate-kw="rate"></gmp-place-text-search-request>
includedType
टाइप:  string optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request included-type="type"></gmp-place-text-search-request>
isOpenNow
टाइप:  boolean optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request is-open-now="true"></gmp-place-text-search-request>
locationBias
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request location-bias="lat,lng"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="lat,lng[,altitude]"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="swlat,swlng|nelat,nelng"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="radius@lat,lng"></gmp-place-text-search-request>
  • <gmp-place-text-search-request location-bias="IP_BIAS"></gmp-place-text-search-request>
locationRestriction
टाइप:  LatLngBounds|LatLngBoundsLiteral optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request location-restriction="swlat,swlng|nelat,nelng"></gmp-place-text-search-request>
maxResultCount
टाइप:  number optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request max-result-count="number"></gmp-place-text-search-request>
minRating
टाइप:  number optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request min-rating="number"></gmp-place-text-search-request>
priceLevels
टाइप:  Array<PriceLevel> optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request price-levels="price-level1 price-level2..."></gmp-place-text-search-request>
rankPreference
टाइप:  SearchByTextRankPreference optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request rank-preference="preference"></gmp-place-text-search-request>
textQuery
टाइप:  string optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request text-query="string"></gmp-place-text-search-request>
useStrictTypeFiltering
टाइप:  boolean optional
डिफ़ॉल्ट: null
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request use-strict-type-filtering></gmp-place-text-search-request>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • typestring केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • optionsboolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PlaceTextSearchRequestElementOptions इंटरफ़ेस

google.maps.places.PlaceTextSearchRequestElementOptions इंटरफ़ेस

PlaceTextSearchRequestElement के लिए विकल्प.

evConnectorTypes optional
टाइप:  Array<EVConnectorType> optional
पसंदीदा ईवी कनेक्टर टाइप की सूची. ज़्यादा जानकारी के लिए, SearchByTextRequest.evSearchOptions और PlaceTextSearchRequestElement.evConnectorTypes देखें.
evMinimumChargingRateKw optional
टाइप:  number optional
किलोवॉट में, चार्जिंग की कम से कम ज़रूरी दर. ज़्यादा जानकारी के लिए, SearchByTextRequest.evSearchOptions और PlaceTextSearchRequestElement.evMinimumChargingRateKw देखें.
includedType optional
टाइप:  string optional
जगह की जानकारी का अनुरोध किस तरह का है. ज़्यादा जानकारी के लिए, SearchByTextRequest.includedType और PlaceTextSearchRequestElement.includedType देखें.
isOpenNow optional
टाइप:  boolean optional
इस कुकी का इस्तेमाल, खोज के नतीजों को सिर्फ़ उन जगहों तक सीमित करने के लिए किया जाता है जो फ़िलहाल खुली हैं. ज़्यादा जानकारी के लिए, SearchByTextRequest.isOpenNow और PlaceTextSearchRequestElement.isOpenNow देखें.
locationBias optional
खोज के लिए जगह के हिसाब से पक्षपात. ज़्यादा जानकारी के लिए, SearchByTextRequest.locationBias और PlaceTextSearchRequestElement.locationBias देखें.
locationRestriction optional
टाइप:  LatLngBounds|LatLngBoundsLiteral optional
खोज के लिए जगह से जुड़ी पाबंदी. ज़्यादा जानकारी के लिए, SearchByTextRequest.locationRestriction और PlaceTextSearchRequestElement.locationRestriction देखें.
maxResultCount optional
टाइप:  number optional
ज़्यादा से ज़्यादा कितने नतीजे दिखाने हैं. ज़्यादा जानकारी के लिए, SearchByTextRequest.maxResultCount और PlaceTextSearchRequestElement.maxResultCount देखें.
minRating optional
टाइप:  number optional
उन नतीजों को फ़िल्टर करके हटा दें जिनकी औसत उपयोगकर्ता रेटिंग, इस सीमा से कम है. ज़्यादा जानकारी के लिए, SearchByTextRequest.minRating और PlaceTextSearchRequestElement.minRating देखें.
priceLevels optional
टाइप:  Array<PriceLevel> optional
इस कुकी का इस्तेमाल, खोज के नतीजों को उन जगहों तक सीमित करने के लिए किया जाता है जिन्हें कीमत के कुछ लेवल के तौर पर मार्क किया गया है. ज़्यादा जानकारी के लिए, SearchByTextRequest.priceLevels और PlaceTextSearchRequestElement.priceLevels देखें.
rankPreference optional
टाइप:  SearchByTextRankPreference optional
जवाब में नतीजों को किस तरह रैंक किया जाएगा. ज़्यादा जानकारी के लिए, SearchByTextRequest.rankPreference और PlaceTextSearchRequestElement.rankPreference देखें.
textQuery optional
टाइप:  string optional
टेक्स्ट की मदद से खोज करने के लिए टेक्स्ट क्वेरी. ज़्यादा जानकारी के लिए, SearchByTextRequest.textQuery और PlaceTextSearchRequestElement.textQuery देखें.
useStrictTypeFiltering optional
टाइप:  boolean optional
इस कुकी का इस्तेमाल, SearchByTextRequest.includedType के लिए टाइप के हिसाब से फ़िल्टर करने की सुविधा को सेट करने के लिए किया जाता है. ज़्यादा जानकारी के लिए, SearchByTextRequest.useStrictTypeFiltering और PlaceTextSearchRequestElement.useStrictTypeFiltering देखें.

Autocomplete क्लास

google.maps.places.Autocomplete क्लास

यह एक ऐसा विजेट है जो उपयोगकर्ता के टेक्स्ट इनपुट के आधार पर, जगह के सुझाव देता है. यह text टाइप के इनपुट एलिमेंट से अटैच होता है. साथ ही, उस फ़ील्ड में टेक्स्ट डालने पर सूचना देता है. अनुमानों की सूची को ड्रॉप-डाउन सूची के तौर पर दिखाया जाता है. साथ ही, टेक्स्ट डालने पर इसे अपडेट किया जाता है.

यह क्लास MVCObject तक चलेगी.

const {Autocomplete} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

Autocomplete
Autocomplete(inputField[, opts])
पैरामीटर: 
  • inputFieldHTMLInputElement वह <input> टेक्स्ट फ़ील्ड जिसमें Autocomplete को अटैच किया जाना चाहिए.
  • optsAutocompleteOptions optional विकल्प.
यह फ़ंक्शन, Autocomplete का एक नया इंस्टेंस बनाता है. यह इंस्टेंस, दिए गए विकल्पों के साथ, तय किए गए इनपुट टेक्स्ट फ़ील्ड से जुड़ता है.
getBounds
getBounds()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  LatLngBounds|undefined बाइसिंग की सीमाएं.
उन सीमाओं को दिखाता है जिनके हिसाब से अनुमान लगाए जाते हैं.
getFields
getFields()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  Array<string>|undefined
यह फ़ंक्शन, जानकारी को सही तरीके से वापस पाने पर, ज़्यादा जानकारी वाले रिस्पॉन्स में शामिल किए जाने वाले फ़ील्ड दिखाता है. फ़ील्ड की सूची देखने के लिए, PlaceResult देखें.
getPlace
getPlace()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  PlaceResult उपयोगकर्ता ने जिस जगह को चुना है.
अगर उपयोगकर्ता ने किसी जगह की जानकारी को चुना है और वह जानकारी मिल गई है, तो यह फ़ंक्शन उस जगह की जानकारी दिखाता है. ऐसा न होने पर, यह Place ऑब्जेक्ट का स्टब दिखाता है. इसमें name प्रॉपर्टी, इनपुट फ़ील्ड की मौजूदा वैल्यू पर सेट होती है.
setBounds
setBounds(bounds)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
इस पैरामीटर का इस्तेमाल करके, वह इलाका सेट किया जाता है जहां से जगह की जानकारी वाले नतीजे दिखाने हैं. नतीजे इस इलाके के हिसाब से दिखाए जाते हैं, लेकिन सिर्फ़ इसी इलाके के हिसाब से नहीं दिखाए जाते.
setComponentRestrictions
setComponentRestrictions(restrictions)
पैरामीटर: 
  • restrictionsComponentRestrictions optional इस्तेमाल से जुड़ी पाबंदियां.
रिटर्न वैल्यू:  कोई नहीं
कॉम्पोनेंट पर पाबंदियां सेट करता है. कॉम्पोनेंट की पाबंदियों का इस्तेमाल, अनुमानों को सिर्फ़ पैरंट कॉम्पोनेंट तक सीमित करने के लिए किया जाता है. उदाहरण के लिए, देश.
setFields
setFields(fields)
पैरामीटर: 
  • fieldsArray<string> optional
रिटर्न वैल्यू:  कोई नहीं
इस विकल्प का इस्तेमाल करके, उन फ़ील्ड को सेट किया जाता है जिन्हें जगह की जानकारी के जवाब में शामिल करना है. ऐसा तब किया जाता है, जब जानकारी को सही तरीके से वापस पा लिया जाता है. फ़ील्ड की सूची देखने के लिए, PlaceResult देखें.
setOptions
setOptions(options)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
setTypes
setTypes(types)
पैरामीटर: 
  • typesArray<string> optional शामिल किए जाने वाले सुझावों के टाइप.
रिटर्न वैल्यू:  कोई नहीं
इससे यह तय किया जाता है कि किस तरह के अनुमान दिखाए जाएं. साथ काम करने वाले टाइप के बारे में जानने के लिए, डेवलपर गाइड देखें. अगर कोई टाइप नहीं दिया गया है, तो सभी टाइप दिखाए जाएंगे.
इनहेरिट किया गया: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
place_changed
function()
आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता की चुनी गई जगह के लिए PlaceResult उपलब्ध कराया जाता है.
अगर उपयोगकर्ता, कंट्रोल की ओर से सुझाए गए किसी प्लेस का नाम नहीं डालता है और Enter कुंजी दबाता है या अगर जगह की जानकारी के लिए किया गया अनुरोध पूरा नहीं होता है, तो PlaceResult में name प्रॉपर्टी में उपयोगकर्ता का इनपुट शामिल होता है. इसमें कोई अन्य प्रॉपर्टी तय नहीं की जाती है.

AutocompleteOptions इंटरफ़ेस

google.maps.places.AutocompleteOptions इंटरफ़ेस

Autocomplete ऑब्जेक्ट पर सेट किए जा सकने वाले विकल्प.

bounds optional
टाइप:  LatLngBounds|LatLngBoundsLiteral optional
वह इलाका जिसमें जगहों को खोजना है.
componentRestrictions optional
टाइप:  ComponentRestrictions optional
कॉम्पोनेंट से जुड़ी पाबंदियां. कॉम्पोनेंट की पाबंदियों का इस्तेमाल, अनुमानों को सिर्फ़ पैरंट कॉम्पोनेंट तक सीमित करने के लिए किया जाता है. उदाहरण के लिए, देश.
fields optional
टाइप:  Array<string> optional
जगह की जानकारी को सही तरीके से वापस पाने पर, जानकारी के जवाब में शामिल किए जाने वाले फ़ील्ड. इनके लिए बिल भेजा जाएगा. अगर ['ALL'] को पास किया जाता है, तो सभी उपलब्ध फ़ील्ड वापस कर दिए जाएंगे और उनके लिए बिल भेजा जाएगा. हमारा सुझाव है कि प्रोडक्शन डिप्लॉयमेंट के लिए, इसका इस्तेमाल न करें. फ़ील्ड की सूची देखने के लिए, PlaceResult देखें. नेस्ट किए गए फ़ील्ड को डॉट-पाथ (उदाहरण के लिए, "geometry.location") के साथ तय किया जा सकता है. डिफ़ॉल्ट रूप से, यह ['ALL'] होता है.
placeIdOnly optional
टाइप:  boolean optional
सिर्फ़ जगह के आईडी वापस पाने हैं या नहीं. place_changed इवेंट ट्रिगर होने पर उपलब्ध PlaceResult में सिर्फ़ place_id, types, और name फ़ील्ड होंगे. साथ ही, इसमें Autocomplete सेवा से मिले place_id, types, और description फ़ील्ड होंगे. यह सुविधा डिफ़ॉल्ट रूप से बंद होती है.
strictBounds optional
टाइप:  boolean optional
यह एक बूलियन वैल्यू है. इससे पता चलता है कि ऑटोकंप्लीट विजेट को सिर्फ़ उन जगहों की जानकारी दिखानी चाहिए जो क्वेरी भेजे जाने के समय, ऑटोकंप्लीट विजेट की सीमाओं के अंदर हैं. strictBounds को false (यह डिफ़ॉल्ट वैल्यू है) पर सेट करने से, नतीजे बाउंड्री के अंदर मौजूद जगहों के हिसाब से मिलेंगे. हालांकि, ऐसा ज़रूरी नहीं है कि नतीजे सिर्फ़ बाउंड्री के अंदर मौजूद जगहों के हिसाब से ही मिलें.
types optional
टाइप:  Array<string> optional
अनुमानों के टाइप जिन्हें दिखाना है. साथ काम करने वाले टाइप के बारे में जानने के लिए, डेवलपर गाइड देखें. अगर कोई टाइप नहीं दिया गया है, तो सभी टाइप दिखाए जाएंगे.

google.maps.places.SearchBox क्लास

यह एक ऐसा विजेट है जो उपयोगकर्ता के टेक्स्ट इनपुट के आधार पर क्वेरी के सुझाव देता है. यह text टाइप के इनपुट एलिमेंट से अटैच होता है. साथ ही, उस फ़ील्ड में टेक्स्ट डालने पर सूचना देता है. अनुमानों की सूची को ड्रॉप-डाउन सूची के तौर पर दिखाया जाता है. साथ ही, टेक्स्ट डालने पर इसे अपडेट किया जाता है.

यह क्लास MVCObject तक चलेगी.

const {SearchBox} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

SearchBox
SearchBox(inputField[, opts])
पैरामीटर: 
यह फ़ंक्शन, SearchBox का एक नया इंस्टेंस बनाता है. यह इंस्टेंस, दिए गए विकल्पों के साथ, तय किए गए इनपुट टेक्स्ट फ़ील्ड से जुड़ता है.
getBounds
getBounds()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  LatLngBounds|undefined
उन सीमाओं को दिखाता है जिनके हिसाब से क्वेरी के सुझावों को पक्षपाती बनाया जाता है.
getPlaces
getPlaces()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  Array<PlaceResult>|undefined
यह फ़ंक्शन, उपयोगकर्ता की चुनी गई क्वेरी दिखाता है. इसका इस्तेमाल places_changed इवेंट के साथ किया जाता है.
setBounds
setBounds(bounds)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
यह क्वेरी के अनुमानों को पक्षपात से बचाने के लिए, क्षेत्र सेट करता है. नतीजे सिर्फ़ इस इलाके के हिसाब से दिखाए जाएंगे. हालांकि, ऐसा नहीं है कि नतीजे सिर्फ़ इसी इलाके के हिसाब से दिखाए जाएं.
इनहेरिट किया गया: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
places_changed
function()
आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता कोई क्वेरी चुनता है. नई जगहों की जानकारी पाने के लिए, getPlaces का इस्तेमाल किया जाना चाहिए.

SearchBoxOptions इंटरफ़ेस

google.maps.places.SearchBoxOptions इंटरफ़ेस

SearchBox ऑब्जेक्ट पर सेट किए जा सकने वाले विकल्प.

bounds optional
टाइप:  LatLngBounds|LatLngBoundsLiteral optional
वह इलाका जिसके हिसाब से क्वेरी के अनुमानों को प्राथमिकता दी जानी चाहिए. अनुमान, इन सीमाओं को टारगेट करने वाली क्वेरी के हिसाब से लगाए जाते हैं. हालांकि, ऐसा ज़रूरी नहीं है कि अनुमान सिर्फ़ इन्हीं सीमाओं के हिसाब से लगाए जाएं.