Places Widgets

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").

किसी जगह की जानकारी सिर्फ़ तब दिखती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं बताया जाता है, तो सभी तरह की जगहों की जानकारी दिखती है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-place-autocomplete>
includedRegionCodes
टाइप:  Array<string> optional
सिर्फ़ उन इलाकों के नतीजे शामिल करें जिनके लिए दो वर्णों वाले CLDR रीजन कोड दिए गए हैं. ज़्यादा से ज़्यादा 15 कोड दिए जा सकते हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर 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>
placeholder
टाइप:  string
इनपुट एलिमेंट में दिखने वाला प्लेसहोल्डर टेक्स्ट.
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>
value
टाइप:  string
इनपुट एलिमेंट की वैल्यू.
prediction-item-icon
इस स्लॉट में, अनुमानित आइटम के बगल में दिखाए गए आइकॉन के तौर पर रेंडर करने के लिए, सिर्फ़ एक <template> एलिमेंट डाला जा सकता है.
input
ऑटोकंप्लीट एलिमेंट के लिए इनपुट एलिमेंट.
prediction-item
सुझावों के ड्रॉप-डाउन में मौजूद एक आइटम, जो किसी एक सुझाव को दिखाता है.
prediction-item-icon
अनुमानों की सूची में मौजूद हर आइटम की बाईं ओर दिखने वाला आइकॉन.
prediction-item-main-text
अनुमान-आइटम का एक हिस्सा, जो अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें 'सिडनी' जैसी जगह का नाम या '10 किंग स्ट्रीट' जैसी सड़क का नाम और नंबर शामिल होता है. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर prediction-item में कोई और टेक्स्ट है, तो वह prediction-item-main-text के बाहर होता है. साथ ही, उसकी स्टाइलिंग prediction-item से ली जाती है. डिफ़ॉल्ट रूप से, यह स्लेटी रंग का होता है. अतिरिक्त टेक्स्ट आम तौर पर एक पता होता है.
prediction-item-match
अनुमान का वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच होने वाले इस टेक्स्ट को बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच होने वाला टेक्स्ट, अनुमानित आइटम में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि यह prediction-item-main-text का हिस्सा हो.
prediction-item-selected
जब उपयोगकर्ता कीबोर्ड का इस्तेमाल करके किसी आइटम पर जाता है, तब वह आइटम हाइलाइट हो जाता है. ध्यान दें: चुने गए आइटम पर, इस पार्ट की स्टाइल और अनुमानित आइटम वाले पार्ट की स्टाइल, दोनों का असर पड़ेगा.
prediction-list
यह विज़ुअल एलिमेंट, किसी जगह के शुरुआती अक्षर लिखने पर पूरा नाम सुझाने की सेवा से मिले सुझावों की सूची दिखाता है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन मेन्यू के तौर पर दिखती है.
background-color
एलिमेंट के बैकग्राउंड का रंग बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह एलिमेंट के बॉर्डर रेडियस को बदल देता है.
color
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. डिफ़ॉल्ट रूप से, यह color-scheme: light dark पर सेट होता है.
font
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-family
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-size
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-style
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-weight
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
line-height
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|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
value optional
टाइप:  string 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 में बदलें.

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").

किसी जगह की जानकारी सिर्फ़ तब दिखती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं बताया जाता है, तो सभी तरह की जगहों की जानकारी दिखती है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..."></gmp-basic-place-autocomplete>
includedRegionCodes
टाइप:  Array<string> optional
सिर्फ़ उन इलाकों के नतीजे शामिल करें जिनके लिए दो वर्णों वाले CLDR रीजन कोड दिए गए हैं. ज़्यादा से ज़्यादा 15 कोड दिए जा सकते हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर 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> एलिमेंट डाला जा सकता है.
input
ऑटोकंप्लीट एलिमेंट के लिए इनपुट एलिमेंट.
prediction-item
सुझावों के ड्रॉप-डाउन में मौजूद एक आइटम, जो किसी एक सुझाव को दिखाता है.
prediction-item-icon
अनुमानों की सूची में मौजूद हर आइटम की बाईं ओर दिखने वाला आइकॉन.
prediction-item-main-text
अनुमान-आइटम का एक हिस्सा, जो अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें 'सिडनी' जैसी जगह का नाम या '10 किंग स्ट्रीट' जैसी सड़क का नाम और नंबर शामिल होता है. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर prediction-item में कोई और टेक्स्ट है, तो वह prediction-item-main-text के बाहर होता है. साथ ही, उसकी स्टाइलिंग prediction-item से ली जाती है. डिफ़ॉल्ट रूप से, यह स्लेटी रंग का होता है. अतिरिक्त टेक्स्ट आम तौर पर एक पता होता है.
prediction-item-match
अनुमान का वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच होने वाले इस टेक्स्ट को बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच होने वाला टेक्स्ट, अनुमानित आइटम में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि यह prediction-item-main-text का हिस्सा हो.
prediction-item-selected
जब उपयोगकर्ता कीबोर्ड का इस्तेमाल करके किसी आइटम पर जाता है, तब वह आइटम हाइलाइट हो जाता है. ध्यान दें: चुने गए आइटम पर, इस पार्ट की स्टाइल और अनुमानित आइटम वाले पार्ट की स्टाइल, दोनों का असर पड़ेगा.
prediction-list
यह विज़ुअल एलिमेंट, किसी जगह के शुरुआती अक्षर लिखने पर पूरा नाम सुझाने की सेवा से मिले सुझावों की सूची दिखाता है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन मेन्यू के तौर पर दिखती है.
background-color
एलिमेंट के बैकग्राउंड का रंग बदलता है.
border
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है.
border-radius
यह एलिमेंट के बॉर्डर रेडियस को बदल देता है.
color
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
color-scheme
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. डिफ़ॉल्ट रूप से, यह color-scheme: light dark पर सेट होता है.
font
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-family
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-size
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-style
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
font-weight
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
line-height
यह एलिमेंट के फ़ॉन्ट को बदल देता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|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

PlaceDetailsElement क्लास

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 में जाकर अपने प्रोजेक्ट के लिए जगहों की जानकारी देने वाली यूआई किट 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
सिर्फ़ पढ़ने का ऐक्सेस. Place ऑब्जेक्ट में, रेंडर की गई मौजूदा जगह का आईडी, जगह की जानकारी, और व्यूपोर्ट शामिल होता है.
--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 के डिसक्लोज़र डायलॉग में जगह के पते, रेटिंग, टाइप, कीमत, 'अभी खुला है' स्टेटस, कारोबार के खुले होने का समय, समीक्षा, फ़ोन नंबर, वेबसाइट, Plus Code, मुख्य सुविधाओं, और मुख्य टेक्स्ट के लिए किया जाता है.
--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
एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ems में तय किया जाता है. डिफ़ॉल्ट रूप से, यह 16px पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|EventListenerOptions optional विकल्प देखें.
रिटर्न वैल्यू:  void
addEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें.
gmp-error
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब बैकएंड को किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, गलत एपीआई पासकोड. यह इवेंट बबल नहीं होता.
gmp-load
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बबल नहीं होता.

PlaceDetailsElementOptions interface

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

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

PlaceDetailsCompactElement क्लास

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 में जाकर अपने प्रोजेक्ट के लिए जगहों की जानकारी देने वाली यूआई किट 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
सिर्फ़ पढ़ने का ऐक्सेस. Place ऑब्जेक्ट में, रेंडर की गई मौजूदा जगह का आईडी, जगह की जानकारी, और व्यूपोर्ट शामिल होता है.
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
एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ems में तय किया जाता है. डिफ़ॉल्ट रूप से, यह 16px पर सेट होता है.
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|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 क्लास

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

PlaceDetailsPlaceRequestElementOptions इंटरफ़ेस

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

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

place optional
टाइप:  Place|string optional

PlaceDetailsLocationRequestElement क्लास

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

PlaceDetailsLocationRequestElementOptions इंटरफ़ेस

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

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

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

PlaceSearchElement क्लास

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

यह कॉम्पोनेंट, Place Search के नतीजों को सूची के तौर पर दिखाता है. नतीजे रेंडर करने के अनुरोध की जानकारी देने के लिए, 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>

Place Search एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में जाकर अपने प्रोजेक्ट के लिए जगहों की जानकारी देने वाली यूआई किट 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
अगर इसकी वैल्यू true है, तो कॉन्टेंट की कुछ लाइनों को रैप करने के बजाय, उन्हें छोटा करके एक लाइन में फ़िट कर दिया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <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])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को कोई तय इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|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
वह क्षेत्र जिसमें खोज करनी है. यह Circle में बदल जाता है.
एचटीएमएल एट्रिब्यूट:
  • <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])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|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
टाइप:  LocationBias optional
डिफ़ॉल्ट: null
खोज के लिए जगह की जानकारी. यह LatLngAltitude | LatLngBounds | Circle | string में बदल जाता है.
एचटीएमएल एट्रिब्यूट:
  • <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
खोज के लिए जगह की जानकारी से जुड़ी पाबंदी. यह LatLngBounds में बदल जाता है.
एचटीएमएल एट्रिब्यूट:
  • <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
इसका इस्तेमाल, 'includedType' के लिए सख्त टाइप फ़िल्टरिंग सेट करने के लिए किया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-place-text-search-request use-strict-type-filtering></gmp-place-text-search-request>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|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
टाइप:  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 class

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

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

यह क्लास, MVCObject को एक्सटेंड करती है.

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

Autocomplete
Autocomplete(inputField[, opts])
पैरामीटर: 
  • inputField:  HTMLInputElement वह <input> टेक्स्ट फ़ील्ड जिससे Autocomplete को अटैच किया जाना चाहिए.
  • opts:  AutocompleteOptions optional विकल्प.
Autocomplete का एक नया इंस्टेंस बनाता है, जो दिए गए विकल्पों के साथ, इनपुट टेक्स्ट के लिए तय किए गए फ़ील्ड से अटैच होता है.
getBounds
getBounds()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  LatLngBounds|undefined बायसिंग बाउंड.
यह फ़ंक्शन, उन सीमाओं को दिखाता है जिनके लिए अनुमान पक्षपातपूर्ण हैं.
getFields
getFields()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  Array<string>|undefined
जानकारी सही तरीके से मिलने पर, जवाब में जगह की जानकारी के लिए शामिल किए जाने वाले फ़ील्ड दिखाता है. फ़ील्ड की सूची देखने के लिए, PlaceResult पर जाएं.
getPlace
getPlace()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  PlaceResult उपयोगकर्ता की चुनी गई जगह.
अगर उपयोगकर्ता की चुनी गई जगह की जानकारी मिल जाती है, तो यह वर्कफ़्लो उस जानकारी को दिखाता है. ऐसा न होने पर, यह एक स्टब Place ऑब्जेक्ट दिखाता है. इसमें name प्रॉपर्टी, इनपुट फ़ील्ड की मौजूदा वैल्यू पर सेट होती है.
setBounds
setBounds(bounds)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
इससे वह इलाका सेट किया जाता है जिसके अंदर मौजूद जगहों के नतीजे दिखाने हैं. नतीजे इस इलाके के हिसाब से दिखाए जाते हैं. हालांकि, ऐसा नहीं है कि सिर्फ़ इसी इलाके के नतीजे दिखाए जाएं.
setComponentRestrictions
setComponentRestrictions(restrictions)
पैरामीटर: 
  • restrictions:  ComponentRestrictions optional इस्तेमाल करने से जुड़ी पाबंदियां.
रिटर्न वैल्यू:  कोई नहीं
कॉम्पोनेंट से जुड़ी पाबंदियां सेट करता है. कॉम्पोनेंट से जुड़ी पाबंदियों का इस्तेमाल, अनुमानों को सिर्फ़ पैरंट कॉम्पोनेंट तक सीमित करने के लिए किया जाता है. उदाहरण के लिए, देश.
setFields
setFields(fields)
पैरामीटर: 
  • fields:  Array<string> optional
रिटर्न वैल्यू:  कोई नहीं
जानकारी मिलने पर, जवाब में जगह की जानकारी के लिए शामिल किए जाने वाले फ़ील्ड सेट करता है. फ़ील्ड की सूची देखने के लिए, PlaceResult पर जाएं.
setOptions
setOptions(options)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
setTypes
setTypes(types)
पैरामीटर: 
  • types:  Array<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 में, सिर्फ़ जगह का आईडी, types, और name फ़ील्ड होंगे. साथ ही, ऑटोकंप्लीट सेवा से मिले जगह का आईडी, 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
वह इलाका जिसके लिए क्वेरी के सुझावों को प्राथमिकता दी जानी चाहिए. सुझाव, इन सीमाओं को टारगेट करने वाली क्वेरी के लिए पक्षपातपूर्ण होते हैं. हालांकि, ये सिर्फ़ इन तक सीमित नहीं होते.

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])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|EventListenerOptions optional विकल्प देखें.
रिटर्न वैल्यू:  void
addEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें.

PlaceContextualElementOptions इंटरफ़ेस

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

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

contextToken optional
टाइप:  string optional
Google Maps से जानकारी लेने की सुविधा के जवाब में दिया गया कॉन्टेक्स्ट टोकन.

PlaceContextualListConfigElement क्लास

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

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

कस्टम एलिमेंट:
<gmp-place-contextual-list-config layout="compact" map-hidden></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>
addEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जिससे पता चलता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट हैंडलर का इवेंट लिसनर, जिसे इवेंट टारगेट से हटाना है.
  • options:  boolean|EventListenerOptions optional विकल्प देखें.
रिटर्न वैल्यू:  void
addEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें.

PlaceContextualListConfigElementOptions इंटरफ़ेस

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

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

layout optional
टाइप:  PlaceContextualListLayout optional
डिफ़ॉल्ट: PlaceContextualListLayout.VERTICAL
लेआउट.
mapHidden optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
अगर मैप को छिपाना है, तो वैल्यू true होगी.

PlaceContextualListLayout कॉन्स्टेंट

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

उन लेआउट की सूची जो सूची वाले व्यू के लिए, प्लेस कॉन्टेक्स्चुअल एलिमेंट के साथ काम करते हैं.

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

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