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").
किसी जगह की जानकारी सिर्फ़ तब दिखती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं बताया जाता है, तो सभी तरह की जगहों की जानकारी दिखती है. एचटीएमएल एट्रिब्यूट:
|
includedRegionCodes |
टाइप:
Array<string> optionalसिर्फ़ उन इलाकों के नतीजे शामिल करें जिनके लिए दो वर्णों वाले CLDR रीजन कोड दिए गए हैं. ज़्यादा से ज़्यादा 15 कोड दिए जा सकते हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर
locationRestriction और includedRegionCodes, दोनों सेट हैं, तो नतीजे इंटरसेक्शन वाले इलाके में दिखेंगे.एचटीएमएल एट्रिब्यूट:
|
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 पर जाएं.
एचटीएमएल एट्रिब्यूट:
|
origin |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalदूरी का हिसाब लगाने के लिए, शुरुआती जगह. अगर यह जानकारी नहीं दी जाती है, तो दूरी का हिसाब नहीं लगाया जाता. अगर ऊंचाई की जानकारी दी गई है, तो उसका इस्तेमाल कैलकुलेशन में नहीं किया जाता.
एचटीएमएल एट्रिब्यूट:
|
placeholder |
टाइप:
stringइनपुट एलिमेंट में दिखने वाला प्लेसहोल्डर टेक्स्ट. |
requestedLanguage |
टाइप:
string optionalअगर हो सके, तो उस भाषा के लिए भाषा आइडेंटिफ़ायर जिसमें नतीजे दिखाए जाने चाहिए. चुनी गई भाषा में मिलने वाले नतीजों को ज़्यादा अच्छी रैंकिंग दी जा सकती है. हालांकि, सुझाव इस भाषा तक ही सीमित नहीं हैं. उपलब्ध भाषाओं की सूची देखें.
एचटीएमएल एट्रिब्यूट:
|
requestedRegion |
टाइप:
string optionalरीजन कोड, जिसका इस्तेमाल नतीजों को फ़ॉर्मैट और फ़िल्टर करने के लिए किया जाता है. इससे, इस देश के लिए सुझावों पर पाबंदी नहीं लगती. क्षेत्र कोड, दो वर्णों वाली ccTLD ("टॉप-लेवल डोमेन") वैल्यू स्वीकार करता है. ज़्यादातर ccTLD कोड, ISO 3166-1 कोड से मिलते-जुलते होते हैं. हालांकि, कुछ अपवाद भी होते हैं. उदाहरण के लिए, यूनाइटेड किंगडम का ccTLD "uk" (
.co.uk) है, जबकि इसका ISO 3166-1 कोड "gb" है. तकनीकी तौर पर, यह कोड "यूनाइटेड किंगडम ऑफ़ ग्रेट ब्रिटेन ऐंड नॉर्दर्न आयरलैंड" के लिए है.एचटीएमएल एट्रिब्यूट:
|
unitSystem |
टाइप:
UnitSystem optionalदूरी दिखाने के लिए इस्तेमाल किया जाने वाला यूनिट सिस्टम. अगर यूनिट सिस्टम की जानकारी नहीं दी जाती है, तो requestedRegion के आधार पर यूनिट सिस्टम तय किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
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])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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 |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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 |
टाइप:
PlacePredictionPlacePrediction.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").
किसी जगह की जानकारी सिर्फ़ तब दिखती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं बताया जाता है, तो सभी तरह की जगहों की जानकारी दिखती है. एचटीएमएल एट्रिब्यूट:
|
includedRegionCodes |
टाइप:
Array<string> optionalसिर्फ़ उन इलाकों के नतीजे शामिल करें जिनके लिए दो वर्णों वाले CLDR रीजन कोड दिए गए हैं. ज़्यादा से ज़्यादा 15 कोड दिए जा सकते हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर
locationRestriction और includedRegionCodes, दोनों सेट हैं, तो नतीजे इंटरसेक्शन वाले इलाके में दिखेंगे.एचटीएमएल एट्रिब्यूट:
|
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 पर जाएं.
एचटीएमएल एट्रिब्यूट:
|
origin |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalदूरी का हिसाब लगाने के लिए, शुरुआती जगह. अगर यह जानकारी नहीं दी जाती है, तो दूरी का हिसाब नहीं लगाया जाता. अगर ऊंचाई की जानकारी दी गई है, तो उसका इस्तेमाल कैलकुलेशन में नहीं किया जाता.
एचटीएमएल एट्रिब्यूट:
|
requestedLanguage |
टाइप:
string optionalअगर हो सके, तो उस भाषा के लिए भाषा आइडेंटिफ़ायर जिसमें नतीजे दिखाए जाने चाहिए. चुनी गई भाषा में मिलने वाले नतीजों को ज़्यादा अच्छी रैंकिंग दी जा सकती है. हालांकि, सुझाव इस भाषा तक ही सीमित नहीं हैं. उपलब्ध भाषाओं की सूची देखें.
एचटीएमएल एट्रिब्यूट:
|
requestedRegion |
टाइप:
string optionalरीजन कोड, जिसका इस्तेमाल नतीजों को फ़ॉर्मैट और फ़िल्टर करने के लिए किया जाता है. इससे, इस देश के लिए सुझावों पर पाबंदी नहीं लगती. क्षेत्र कोड, दो वर्णों वाली ccTLD ("टॉप-लेवल डोमेन") वैल्यू स्वीकार करता है. ज़्यादातर ccTLD कोड, ISO 3166-1 कोड से मिलते-जुलते होते हैं. हालांकि, कुछ अपवाद भी होते हैं. उदाहरण के लिए, यूनाइटेड किंगडम का ccTLD "uk" (
.co.uk) है, जबकि इसका ISO 3166-1 कोड "gb" है. तकनीकी तौर पर, यह कोड "यूनाइटेड किंगडम ऑफ़ ग्रेट ब्रिटेन ऐंड नॉर्दर्न आयरलैंड" के लिए है.एचटीएमएल एट्रिब्यूट:
|
unitSystem |
टाइप:
UnitSystem optionalदूरी दिखाने के लिए इस्तेमाल किया जाने वाला यूनिट सिस्टम. अगर यूनिट सिस्टम की जानकारी नहीं दी जाती है, तो requestedRegion के आधार पर यूनिट सिस्टम तय किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
स्लॉट गेम | |
|---|---|
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])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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 |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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एलिमेंट का ओरिएंटेशन वैरिएंट (वर्टिकल या हॉरिज़ॉन्टल).
एचटीएमएल एट्रिब्यूट:
|
place |
टाइप:
Place optionalसिर्फ़ पढ़ने का ऐक्सेस. Place ऑब्जेक्ट में, रेंडर की गई मौजूदा जगह का आईडी, जगह की जानकारी, और व्यूपोर्ट शामिल होता है. |
truncationPreferred |
टाइप:
booleanडिफ़ॉल्ट:
falseअगर सही है, तो जगह के नाम और पते को रैप करने के बजाय, एक लाइन में फ़िट करने के लिए छोटा कर देता है.
एचटीएमएल एट्रिब्यूट:
|
सीएसएस प्रॉपर्टी | |
|---|---|
--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])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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जगह की जानकारी देने वाले कॉम्पैक्ट एलिमेंट में जानकारी रेंडर करने के लिए, जगह का ऑब्जेक्ट, आईडी या संसाधन का नाम. यह प्रॉपर्टी, एट्रिब्यूट को संसाधन के नाम के तौर पर दिखाती है.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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 |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalडिफ़ॉल्ट:
nullवह जगह जिसकी जानकारी, Place Details एलिमेंट में रेंडर करनी है. यह
LatLngAltitude में बदल जाता है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
PlaceDetailsLocationRequestElementOptions इंटरफ़ेस
google.maps.places.PlaceDetailsLocationRequestElementOptions
इंटरफ़ेस
PlaceDetailsLocationRequestElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
location optional |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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एट्रिब्यूशन लोगो और कानूनी तौर पर जानकारी ज़ाहिर करने वाले बटन की पोज़िशन.
एचटीएमएल एट्रिब्यूट:
|
orientation |
टाइप:
PlaceSearchOrientation optionalडिफ़ॉल्ट:
PlaceSearchOrientation.VERTICALएलिमेंट का ओरिएंटेशन वैरिएंट (वर्टिकल या हॉरिज़ॉन्टल).
एचटीएमएल एट्रिब्यूट:
|
places |
सिर्फ़ पढ़ने का ऐक्सेस. Place ऑब्जेक्ट का कलेक्शन, जिसमें रेंडर की गई जगहों के आईडी, जगह की जानकारी, और व्यूपोर्ट शामिल हैं. |
selectable |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseसूची में मौजूद आइटम चुने जा सकते हैं या नहीं. अगर वैल्यू 'सही' है, तो सूची के आइटम ऐसे बटन होंगे जिन पर क्लिक करने से
gmp-select इवेंट ट्रिगर होगा. कीबोर्ड से नेविगेट करने और चुनने की सुविधा भी काम करती है.एचटीएमएल एट्रिब्यूट:
|
truncationPreferred |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसकी वैल्यू true है, तो कॉन्टेंट की कुछ लाइनों को रैप करने के बजाय, उन्हें छोटा करके एक लाइन में फ़िट कर दिया जाता है.
एचटीएमएल एट्रिब्यूट:
|
सीएसएस प्रॉपर्टी | |
|---|---|
--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])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को कोई तय इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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बाहर रखी गई मुख्य जगहों के टाइप.
एचटीएमएल एट्रिब्यूट:
|
excludedTypes |
टाइप:
Array<string> optionalडिफ़ॉल्ट:
nullबाहर रखी गई जगहों के टाइप.
एचटीएमएल एट्रिब्यूट:
|
includedPrimaryTypes |
टाइप:
Array<string> optionalडिफ़ॉल्ट:
nullजगह के मुख्य टाइप की जानकारी शामिल की गई.
एचटीएमएल एट्रिब्यूट:
|
includedTypes |
टाइप:
Array<string> optionalडिफ़ॉल्ट:
nullशामिल की गई जगह का टाइप.
एचटीएमएल एट्रिब्यूट:
|
locationRestriction |
टाइप:
Circle|CircleLiteral optionalडिफ़ॉल्ट:
nullवह क्षेत्र जिसमें खोज करनी है. यह
Circle में बदल जाता है.एचटीएमएल एट्रिब्यूट:
|
maxResultCount |
टाइप:
number optionalडिफ़ॉल्ट:
nullनतीजों की ज़्यादा से ज़्यादा संख्या.
एचटीएमएल एट्रिब्यूट:
|
rankPreference |
टाइप:
SearchNearbyRankPreference optionalडिफ़ॉल्ट:
nullजवाब में नतीजों को रैंक करने का तरीका.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह टारगेट से, addEventListener के साथ पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
PlaceNearbySearchRequestElementOptions इंटरफ़ेस
google.maps.places.PlaceNearbySearchRequestElementOptions
इंटरफ़ेस
PlaceNearbySearchRequestElement के लिए विकल्प.
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पसंदीदा ईवी कनेक्टर टाइप की सूची.
एचटीएमएल एट्रिब्यूट:
|
evMinimumChargingRateKw |
टाइप:
number optionalडिफ़ॉल्ट:
nullकिलोवॉट में, चार्जिंग की कम से कम ज़रूरी दर.
एचटीएमएल एट्रिब्यूट:
|
includedType |
टाइप:
string optionalडिफ़ॉल्ट:
nullअनुरोध की गई जगह का टाइप.
एचटीएमएल एट्रिब्यूट:
|
isOpenNow |
टाइप:
boolean optionalडिफ़ॉल्ट:
nullइसका इस्तेमाल, खोज के नतीजों को उन जगहों तक सीमित करने के लिए किया जाता है जो फ़िलहाल खुली हैं.
एचटीएमएल एट्रिब्यूट:
|
locationBias |
टाइप:
LocationBias optionalडिफ़ॉल्ट:
nullखोज के लिए जगह की जानकारी. यह
LatLngAltitude | LatLngBounds | Circle | string में बदल जाता है.एचटीएमएल एट्रिब्यूट:
|
locationRestriction |
टाइप:
LatLngBounds|LatLngBoundsLiteral optionalडिफ़ॉल्ट:
nullखोज के लिए जगह की जानकारी से जुड़ी पाबंदी. यह
LatLngBounds में बदल जाता है.एचटीएमएल एट्रिब्यूट:
|
maxResultCount |
टाइप:
number optionalडिफ़ॉल्ट:
nullनतीजों की ज़्यादा से ज़्यादा संख्या.
एचटीएमएल एट्रिब्यूट:
|
minRating |
टाइप:
number optionalडिफ़ॉल्ट:
nullउन नतीजों को फ़िल्टर करें जिनकी औसत उपयोगकर्ता रेटिंग, इस सीमा से कम है.
एचटीएमएल एट्रिब्यूट:
|
priceLevels |
टाइप:
Array<PriceLevel> optionalडिफ़ॉल्ट:
nullइसका इस्तेमाल, खोज के नतीजों को उन जगहों तक सीमित करने के लिए किया जाता है जिन्हें कीमत के कुछ लेवल के तौर पर मार्क किया गया है.
एचटीएमएल एट्रिब्यूट:
|
rankPreference |
टाइप:
SearchByTextRankPreference optionalडिफ़ॉल्ट:
nullजवाब में नतीजों को रैंक करने का तरीका.
एचटीएमएल एट्रिब्यूट:
|
textQuery |
टाइप:
string optionalडिफ़ॉल्ट:
nullटेक्स्ट से खोजने के लिए टेक्स्ट क्वेरी.
एचटीएमएल एट्रिब्यूट:
|
useStrictTypeFiltering |
टाइप:
boolean optionalडिफ़ॉल्ट:
nullइसका इस्तेमाल, 'includedType' के लिए सख्त टाइप फ़िल्टरिंग सेट करने के लिए किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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])पैरामीटर:
Autocomplete का एक नया इंस्टेंस बनाता है, जो दिए गए विकल्पों के साथ, इनपुट टेक्स्ट के लिए तय किए गए फ़ील्ड से अटैच होता है. |
तरीके | |
|---|---|
getBounds |
getBounds()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
LatLngBounds|undefined बायसिंग बाउंड.यह फ़ंक्शन, उन सीमाओं को दिखाता है जिनके लिए अनुमान पक्षपातपूर्ण हैं. |
getFields |
getFields()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
Array<string>|undefinedजानकारी सही तरीके से मिलने पर, जवाब में जगह की जानकारी के लिए शामिल किए जाने वाले फ़ील्ड दिखाता है. फ़ील्ड की सूची देखने के लिए, PlaceResult पर जाएं. |
getPlace |
getPlace()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
PlaceResult उपयोगकर्ता की चुनी गई जगह.अगर उपयोगकर्ता की चुनी गई जगह की जानकारी मिल जाती है, तो यह वर्कफ़्लो उस जानकारी को दिखाता है. ऐसा न होने पर, यह एक स्टब Place ऑब्जेक्ट दिखाता है. इसमें name प्रॉपर्टी, इनपुट फ़ील्ड की मौजूदा वैल्यू पर सेट होती है. |
setBounds |
setBounds(bounds)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे वह इलाका सेट किया जाता है जिसके अंदर मौजूद जगहों के नतीजे दिखाने हैं. नतीजे इस इलाके के हिसाब से दिखाए जाते हैं. हालांकि, ऐसा नहीं है कि सिर्फ़ इसी इलाके के नतीजे दिखाए जाएं. |
setComponentRestrictions |
setComponentRestrictions(restrictions)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
कॉम्पोनेंट से जुड़ी पाबंदियां सेट करता है. कॉम्पोनेंट से जुड़ी पाबंदियों का इस्तेमाल, अनुमानों को सिर्फ़ पैरंट कॉम्पोनेंट तक सीमित करने के लिए किया जाता है. उदाहरण के लिए, देश. |
setFields |
setFields(fields)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
जानकारी मिलने पर, जवाब में जगह की जानकारी के लिए शामिल किए जाने वाले फ़ील्ड सेट करता है. फ़ील्ड की सूची देखने के लिए, PlaceResult पर जाएं. |
setOptions |
setOptions(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setTypes |
setTypes(types)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे, दिखाए जाने वाले अनुमानों के टाइप सेट किए जाते हैं. इस्तेमाल किए जा सकने वाले टाइप के बारे में जानने के लिए, डेवलपर गाइड देखें. अगर कोई टाइप तय नहीं किया गया है, तो सभी टाइप दिखाए जाएंगे. |
इनहेरिट की गई:
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'] होता है. |
|
टाइप:
boolean optionalसिर्फ़ जगह के आईडी वापस पाने हैं या नहीं. place_changed इवेंट ट्रिगर होने पर उपलब्ध कराए गए PlaceResult में, सिर्फ़ जगह का आईडी, types, और name फ़ील्ड होंगे. साथ ही, ऑटोकंप्लीट सेवा से मिले जगह का आईडी, types, और description फ़ील्ड होंगे. डिफ़ॉल्ट रूप से बंद है. |
strictBounds optional |
टाइप:
boolean optionalयह एक बूलियन वैल्यू है. इससे पता चलता है कि ऑटोकंप्लीट विजेट को सिर्फ़ उन जगहों की जानकारी दिखानी चाहिए जो क्वेरी भेजे जाने के समय, ऑटोकंप्लीट विजेट की सीमाओं के अंदर हों. strictBounds को false (जो कि डिफ़ॉल्ट है) पर सेट करने से, नतीजों में सीमाओं के अंदर मौजूद जगहों को प्राथमिकता दी जाएगी. हालांकि, नतीजे सिर्फ़ उन जगहों तक सीमित नहीं होंगे. |
types optional |
टाइप:
Array<string> optionalकिस तरह के अनुमान दिखाए जाएं. इस्तेमाल किए जा सकने वाले टाइप के बारे में जानने के लिए, डेवलपर गाइड देखें. अगर कोई टाइप तय नहीं किया गया है, तो सभी टाइप दिखाए जाएंगे. |
SearchBox क्लास
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कॉन्टेक्स्ट टोकन.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
PlaceContextualElementOptions इंटरफ़ेस
google.maps.places.PlaceContextualElementOptions
इंटरफ़ेस
PlaceContextualElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
contextToken optional |
टाइप:
string optionalGoogle 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लेआउट.
एचटीएमएल एट्रिब्यूट:
|
mapHidden |
टाइप:
boolean optionalमैप छिपा हुआ है या नहीं.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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 |
वर्टिकल लिस्ट लेआउट: इसमें आइटम, वर्टिकल लिस्ट में कार्ड के तौर पर रेंडर होते हैं. |