BasicPlaceAutocompleteElement क्लास
google.maps.places.BasicPlaceAutocompleteElement
क्लास
BasicPlaceAutocompleteElement, HTMLElement
सबक्लास है. यह Places Autocomplete API के लिए यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट उपलब्ध कराता है.
कस्टम एलिमेंट:
<gmp-basic-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-basic-place-autocomplete>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास BasicPlaceAutocompleteElementOptions
को लागू करती है.
const {BasicPlaceAutocompleteElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
BasicPlaceAutocompleteElement |
BasicPlaceAutocompleteElement(options) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
includedPrimaryTypes |
टाइप:
Array<string> optional इसमें प्राइमरी जगह का टाइप शामिल होता है. उदाहरण के लिए, "restaurant" या "gas_station".
किसी जगह की जानकारी सिर्फ़ तब दिखाई जाती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं दिया गया है, तो सभी Place टाइप दिखाए जाते हैं. एचटीएमएल एट्रिब्यूट:
|
includedRegionCodes |
टाइप:
Array<string> optional सिर्फ़ उन क्षेत्रों के नतीजे शामिल करें जिनके लिए, ज़्यादा से ज़्यादा 15 CLDR दो-वर्ण वाले क्षेत्र के कोड दिए गए हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर
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> एलिमेंट इस्तेमाल किया जा सकता है. इसे अनुमान वाले आइटम के बगल में दिखने वाले आइकॉन के तौर पर रेंडर किया जाता है. |
पुर्ज़े | |
---|---|
prediction-item |
सुझावों के ड्रॉप-डाउन में मौजूद एक आइटम, जो एक सुझाव को दिखाता है. |
prediction-item-icon |
अनुमानों की सूची में, हर आइटम के बाईं ओर दिखने वाला आइकॉन. |
prediction-item-main-text |
यह prediction-item का एक हिस्सा है. यह अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें जगह का नाम होता है. जैसे, 'सिडनी'. इसके अलावा, इसमें सड़क का नाम और नंबर भी होता है. जैसे, '10 किंग स्ट्रीट'. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर सुझाव वाले आइटम में कोई और टेक्स्ट है, तो वह prediction-item-main-text से बाहर होता है. साथ ही, वह prediction-item से अपनी स्टाइल इनहेरिट करता है. यह डिफ़ॉल्ट रूप से स्लेटी रंग का होता है. अतिरिक्त टेक्स्ट आम तौर पर पता होता है. |
prediction-item-match |
जवाब में शामिल वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच किए गए इस टेक्स्ट को बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच किया गया टेक्स्ट, prediction-item में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि prediction-item-main-text का हिस्सा हो. |
prediction-item-selected |
जब उपयोगकर्ता कीबोर्ड के ज़रिए किसी आइटम पर जाता है. ध्यान दें: चुने गए आइटम पर, इस पार्ट स्टाइल और अनुमानित आइटम की पार्ट स्टाइल, दोनों का असर पड़ेगा. |
prediction-list |
यह विज़ुअल एलिमेंट है. इसमें Place Autocomplete सेवा से मिले सुझावों की सूची होती है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन सूची के तौर पर दिखती है. |
सीएसएस प्रॉपर्टी | |
---|---|
background-color |
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है. |
border |
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है. |
border-radius |
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है. |
color-scheme |
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
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 |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional |
requestedLanguage optional |
टाइप:
string optional |
requestedRegion optional |
टाइप:
string optional |
unitSystem optional |
टाइप:
UnitSystem optional |
PlaceAutocompleteElement क्लास
google.maps.places.PlaceAutocompleteElement
क्लास
PlaceAutocompleteElement, HTMLElement
सबक्लास है. यह Places Autocomplete API के लिए यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट उपलब्ध कराता है.
PlaceAutocompleteElement, उपयोगकर्ता की ऑटोकंप्लीट खोज के क्वेरी और चुनने के चरणों को ग्रुप करने के लिए, AutocompleteSessionToken
s का इस्तेमाल अपने-आप करता है.
PlacePrediction.toPlace
से मिले Place
पर Place.fetchFields
को किया गया पहला कॉल, PlacePrediction
को फ़ेच करने के लिए इस्तेमाल किए गए सेशन टोकन को अपने-आप शामिल कर लेगा.
सेशन के काम करने के तरीके के बारे में ज़्यादा जानने के लिए, https://developers.google.com/maps/documentation/places/web-service/place-session-tokens पर जाएं.
कस्टम एलिमेंट:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceAutocompleteElementOptions
को लागू करती है.
const {PlaceAutocompleteElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
includedPrimaryTypes |
टाइप:
Array<string> optional इसमें प्राइमरी जगह का टाइप शामिल होता है. उदाहरण के लिए, "restaurant" या "gas_station".
किसी जगह की जानकारी सिर्फ़ तब दिखाई जाती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं दिया गया है, तो सभी Place टाइप दिखाए जाते हैं. एचटीएमएल एट्रिब्यूट:
|
includedRegionCodes |
टाइप:
Array<string> optional सिर्फ़ उन क्षेत्रों के नतीजे शामिल करें जिनके लिए, ज़्यादा से ज़्यादा 15 CLDR दो-वर्ण वाले क्षेत्र के कोड दिए गए हैं. खाली सेट होने पर, नतीजों पर कोई पाबंदी नहीं लगेगी. अगर
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 |
सुझावों के ड्रॉप-डाउन में मौजूद एक आइटम, जो एक सुझाव को दिखाता है. |
prediction-item-icon |
अनुमानों की सूची में, हर आइटम के बाईं ओर दिखने वाला आइकॉन. |
prediction-item-main-text |
यह prediction-item का एक हिस्सा है. यह अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें जगह का नाम होता है. जैसे, 'सिडनी'. इसके अलावा, इसमें सड़क का नाम और नंबर भी होता है. जैसे, '10 किंग स्ट्रीट'. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर सुझाव वाले आइटम में कोई और टेक्स्ट है, तो वह prediction-item-main-text से बाहर होता है. साथ ही, वह prediction-item से अपनी स्टाइल इनहेरिट करता है. यह डिफ़ॉल्ट रूप से स्लेटी रंग का होता है. अतिरिक्त टेक्स्ट आम तौर पर पता होता है. |
prediction-item-match |
जवाब में शामिल वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच किए गए इस टेक्स्ट को बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच किया गया टेक्स्ट, prediction-item में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि prediction-item-main-text का हिस्सा हो. |
prediction-item-selected |
जब उपयोगकर्ता कीबोर्ड के ज़रिए किसी आइटम पर जाता है. ध्यान दें: चुने गए आइटम पर, इस पार्ट स्टाइल और अनुमानित आइटम की पार्ट स्टाइल, दोनों का असर पड़ेगा. |
prediction-list |
यह विज़ुअल एलिमेंट है. इसमें Place Autocomplete सेवा से मिले सुझावों की सूची होती है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन सूची के तौर पर दिखती है. |
सीएसएस प्रॉपर्टी | |
---|---|
background-color |
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है. |
border |
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है. |
border-radius |
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है. |
color-scheme |
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
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 |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional |
requestedLanguage optional |
टाइप:
string optional |
requestedRegion optional |
टाइप:
string optional |
unitSystem optional |
टाइप:
UnitSystem optional |
PlacePredictionSelectEvent क्लास
google.maps.places.PlacePredictionSelectEvent
क्लास
यह इवेंट तब बनाया जाता है, जब उपयोगकर्ता PlaceAutocompleteElement की मदद से, अनुमानित जगह का कोई आइटम चुनता है. event.placePrediction
की मदद से, चुने गए आइटम को ऐक्सेस करें.
PlacePrediction.toPlace
को कॉल करके, placePrediction को Place
में बदलें.
यह क्लास Event
तक चलेगी.
const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
placePrediction |
टाइप:
PlacePrediction इसे PlacePrediction.toPlace पर कॉल करके Place में बदलें. |
PlaceAutocompleteRequestErrorEvent क्लास
google.maps.places.PlaceAutocompleteRequestErrorEvent
क्लास
नेटवर्क अनुरोध में कोई समस्या होने पर, PlaceAutocompleteElement इस इवेंट को ट्रिगर करता है.
यह क्लास Event
तक चलेगी.
const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
PlaceContextualElement क्लास
google.maps.places.PlaceContextualElement
क्लास
यह एक ऐसा विजेट है जो कॉन्टेक्स्ट टोकन का इस्तेमाल करके, Google Maps से मिले जवाब के कॉन्टेक्स्ट के हिसाब से व्यू दिखाता है.
कस्टम एलिमेंट:
<gmp-place-contextual context-token="string"></gmp-place-contextual>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceContextualElementOptions
को लागू करती है.
const {PlaceContextualElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceContextualElement |
PlaceContextualElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
contextToken |
टाइप:
string optional कॉन्टेक्स्ट टोकन.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceContextualElementOptions इंटरफ़ेस
google.maps.places.PlaceContextualElementOptions
इंटरफ़ेस
PlaceContextualElement
के लिए विकल्प.
प्रॉपर्टी | |
---|---|
contextToken optional |
टाइप:
string optional यह कॉन्टेक्स्ट टोकन, 'Google Maps से जानकारी लेना' सुविधा के जवाब से मिलता है. |
PlaceContextualListConfigElement class
google.maps.places.PlaceContextualListConfigElement
क्लास
यह एक एचटीएमएल एलिमेंट है. यह प्लेस कॉन्टेक्स्टुअल एलिमेंट के लिस्ट व्यू के लिए विकल्पों को कॉन्फ़िगर करता है.
कस्टम एलिमेंट:
<gmp-place-contextual-list-config layout="compact" map-hidden map-mode="none"></gmp-place-contextual-list-config>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceContextualListConfigElementOptions
को लागू करती है.
const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceContextualListConfigElement |
PlaceContextualListConfigElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
layout |
टाइप:
PlaceContextualListLayout optional लेआउट.
एचटीएमएल एट्रिब्यूट:
|
mapHidden |
टाइप:
boolean optional क्या मैप को छिपाया गया है.
एचटीएमएल एट्रिब्यूट:
|
mapMode |
टाइप:
PlaceContextualListMapMode optional जगहों की सूची के लिए, जगह के कॉन्टेक्स्ट के हिसाब से एलिमेंट में इस्तेमाल किया गया मैप मोड.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceContextualListConfigElementOptions इंटरफ़ेस
google.maps.places.PlaceContextualListConfigElementOptions
इंटरफ़ेस
PlaceContextualListConfigElement के लिए विकल्प.
प्रॉपर्टी | |
---|---|
layout optional |
टाइप:
PlaceContextualListLayout optional डिफ़ॉल्ट:
PlaceContextualListLayout.VERTICAL लेआउट. |
mapHidden optional |
टाइप:
boolean optional डिफ़ॉल्ट:
false अगर मैप को छिपाना है, तो वैल्यू 'सही' होगी. |
mapMode optional |
टाइप:
PlaceContextualListMapMode optional डिफ़ॉल्ट:
PlaceContextualListMapMode.ROADMAP जगहों की सूची के लिए, जगह के कॉन्टेक्स्ट के हिसाब से एलिमेंट में इस्तेमाल किया गया मैप मोड. |
PlaceContextualListLayout कॉन्स्टेंट
google.maps.places.PlaceContextualListLayout
कॉन्स्टेंट
उन लेआउट की सूची जिन्हें सूची वाले व्यू के लिए, जगह के हिसाब से कॉन्टेक्स्ट देने वाला एलिमेंट इस्तेमाल कर सकता है.
const {PlaceContextualListLayout} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
---|---|
COMPACT |
कॉम्पैक्ट लिस्ट लेआउट: इसमें लिस्ट आइटम को एक लाइन में लिंक के तौर पर रेंडर किया जाता है. साथ ही, ज़्यादा आइटम को ड्रॉपडाउन लिस्ट में दिखाया जाता है. |
VERTICAL |
वर्टिकल लिस्ट लेआउट: लिस्ट आइटम को वर्टिकल लिस्ट में कार्ड के तौर पर रेंडर किया जाता है. |
PlaceContextualListMapMode constants
google.maps.places.PlaceContextualListMapMode
कॉन्स्टेंट
जगहों की सूची के लिए, जगह के कॉन्टेक्स्ट के हिसाब से एलिमेंट में इस्तेमाल किया गया मैप मोड.
const {PlaceContextualListMapMode} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
---|---|
HYBRID |
सैटलाइट पर मुख्य सड़कों की पारदर्शी लेयर या 3D में फ़ोटोरियलिस्टिक इमेज. |
NONE |
कोई मैप नहीं. |
ROADMAP |
सामान्य 2D स्ट्रीट मैप. |
PlaceDetailsElement class
google.maps.places.PlaceDetailsElement
क्लास
किसी जगह की पूरी जानकारी, फ़ुल लेआउट में दिखाता है. रेंडर की जाने वाली जगह की जानकारी देने के लिए, PlaceDetailsPlaceRequestElement
या PlaceDetailsLocationRequestElement
जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement
, PlaceStandardContentElement
या PlaceAllContentElement
जोड़ें.
उदाहरण:
<gmp-place-details>
<gmp-place-details-place-request
place="PLACE_ID"
></gmp-place-details-place-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-details>
इस एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.
कस्टम एलिमेंट:
<gmp-place-details></gmp-place-details>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceDetailsElementOptions
को लागू करती है.
const {PlaceDetailsElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceDetailsElement |
PlaceDetailsElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
place |
टाइप:
Place optional सिर्फ़ पढ़ने के लिए. जगह की जानकारी वाला ऑब्जेक्ट, जिसमें आईडी, जगह की जानकारी, और मौजूदा समय में रेंडर की गई जगह का व्यूपोर्ट शामिल होता है. |
सीएसएस प्रॉपर्टी | |
---|---|
--gmp-button-border-color |
"Maps में खोलें" बटन के बॉर्डर का रंग. |
--gmp-button-border-radius |
"Maps में खोलें" बटन के बॉर्डर की त्रिज्या. |
--gmp-button-border-width |
"Maps में खोलें" बटन के बॉर्डर की चौड़ाई. |
--gmp-collage-border-radius-outer |
मीडिया कोलाज के बाहरी कोनों के बॉर्डर की त्रिज्या. |
--gmp-dialog-border-radius |
Google Maps के डिसक्लोज़र डायलॉग के बॉर्डर की त्रिज्या. |
--gmp-mat-color-disabled-surface |
इस रंग का इस्तेमाल, बंद की गई सुविधाओं या मौजूद न होने की जानकारी देने के लिए किया जाता है. इसका इस्तेमाल समीक्षा के खाली स्टार के लिए किया जाता है. |
--gmp-mat-color-info |
जानकारी देने वाले यूआई एलिमेंट का रंग. इस कुकी का इस्तेमाल व्हीलचेयर आइकॉन के लिए किया जाता है. |
--gmp-mat-color-negative |
नेगेटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, "अभी बंद है" स्टेटस में "बंद है" टेक्स्ट के लिए किया जाता है. |
--gmp-mat-color-neutral-container |
न्यूट्रल फ़िल किए गए यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए कंटेनर का रंग. इस कुकी का इस्तेमाल इमेज प्लेसहोल्डर और समीक्षा पब्लिश होने की तारीख वाले बैज के लिए किया जाता है. |
--gmp-mat-color-on-neutral-container |
न्यूट्रल कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, समीक्षा पब्लिश होने की तारीख वाले बैज और ईवी चार्जर की उपलब्धता वाले बैज के लिए किया जाता है. ऐसा तब किया जाता है, जब ये बैज उपलब्ध नहीं होते. |
--gmp-mat-color-on-positive-container |
पॉज़िटिव कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, ईवी चार्जर की उपलब्धता बताने वाले बैज के लिए किया जाता है. हालांकि, ऐसा तब ही किया जाता है, जब यह बैज उपलब्ध हो. |
--gmp-mat-color-on-secondary-container |
सेकंडरी कंटेनर के रंग के हिसाब से टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, "Maps में खोलें" बटन पर मौजूद टेक्स्ट और आइकॉन के लिए किया जाता है. |
--gmp-mat-color-on-surface |
किसी भी सर्फ़ेस कलर के हिसाब से टेक्स्ट और आइकॉन का रंग. इसका इस्तेमाल सामान्य टेक्स्ट के लिए किया जाता है. |
--gmp-mat-color-on-surface-variant |
यह रंग, टेक्स्ट और आइकॉन के लिए इस्तेमाल किया जाता है. यह किसी भी सर्फ़ेस कलर के मुकाबले कम अहम होता है. इसका इस्तेमाल ऐसे टेक्स्ट के लिए किया जाता है जिस पर कम ज़ोर दिया गया हो. |
--gmp-mat-color-outline-decorative |
नॉन-इंटरैक्टिव एलिमेंट की आउटलाइन का रंग. इसका इस्तेमाल एलिमेंट के बॉर्डर के लिए किया जाता है. |
--gmp-mat-color-positive |
पॉज़िटिव सेंटीमेंट वाले यूज़र इंटरफ़ेस (यूआई) एलिमेंट का रंग. इस कुकी का इस्तेमाल, "अभी खुला है" स्टेटस में "खुला है" टेक्स्ट के लिए किया जाता है. |
--gmp-mat-color-positive-container |
ऐसे यूज़र इंटरफ़ेस (यूआई) एलिमेंट के लिए कंटेनर का रंग जो पॉज़िटिव भावनाएं दिखाते हैं. इस कुकी का इस्तेमाल, ईवी चार्जर की उपलब्धता बताने वाले बैज के लिए किया जाता है. हालांकि, ऐसा तब ही किया जाता है, जब यह बैज उपलब्ध हो. |
--gmp-mat-color-primary |
सरफ़ेस के रंग के हिसाब से इंटरैक्टिव टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, समीक्षाओं की संख्या, Google Maps के डिसक्लोज़र डायलॉग में मौजूद लिंक, वेबसाइट के लिंक, होम पेज पर मौजूद टैब में मौजूद आइकॉन, और टैब बार के टाइटल पर (होवर / फ़ोकस / टेक्स्ट का रंग) के लिए किया जाता है. |
--gmp-mat-color-secondary-container |
टोनल बटन जैसे रिसेसिव कॉम्पोनेंट के लिए, सर्फ़ेस के मुकाबले कम प्रमुखता वाला फ़िल कलर. इस कुकी का इस्तेमाल "Maps में खोलें" बटन के बैकग्राउंड के लिए किया जाता है. |
--gmp-mat-color-surface |
बैकग्राउंड के लिए रंग. इस कुकी का इस्तेमाल, एलिमेंट के बैकग्राउंड और Google Maps के डिसक्लोज़र डायलॉग के लिए किया जाता है. |
--gmp-mat-font-body-medium |
इस कुकी का इस्तेमाल, Google Maps में मौजूद 'जानकारी' डायलॉग बॉक्स में, जगह के पते, रेटिंग, टाइप, कीमत, अभी खुला है या नहीं, खुलने का समय, समीक्षा, फ़ोन नंबर, वेबसाइट, प्लस कोड, मुख्य सुविधाएं, और मुख्य टेक्स्ट के लिए किया जाता है. |
--gmp-mat-font-body-small |
'इसके बारे में जानकारी' टैब में, सुविधाओं की सूची में मौजूद मुख्य टेक्स्ट के लिए इस्तेमाल किया जाता है. |
--gmp-mat-font-display-small |
इसका इस्तेमाल, जगह के नाम और 'इसके बारे में' टैब में मौजूद हर सुविधा के हेडिंग के टेक्स्ट के लिए किया जाता है. |
--gmp-mat-font-family |
सभी टेक्स्ट के लिए इस्तेमाल की जाने वाली बेस फ़ॉन्ट फ़ैमिली. |
--gmp-mat-font-headline-medium |
इसका इस्तेमाल, Google Maps के खुलासे वाले डायलॉग में हेडिंग टेक्स्ट के लिए किया जाता है. |
--gmp-mat-font-label-large |
इस कुकी का इस्तेमाल, टैब के टाइटल, "Maps में खोलें" बटन, फ़ोटो गैलरी में समीक्षा करने वाले व्यक्ति की जानकारी देने वाले टेक्स्ट, समीक्षा सेक्शन में समीक्षा करने वाले व्यक्ति की जानकारी देने वाले टेक्स्ट, और Google Maps के डिसक्लोज़र डायलॉग में मौजूद लिंक के लिए किया जाता है. |
--gmp-mat-font-label-medium |
इस कुकी का इस्तेमाल, फ़ोटो की संख्या वाले बैज और समीक्षा पब्लिश करने की तारीख वाले बैज के लिए किया जाता है. |
--gmp-mat-font-title-small |
इस कुकी का इस्तेमाल, 'इसके बारे में जानकारी' टैब में मौजूद हर सेक्शन के टाइटल के लिए किया जाता है. |
--gmp-mat-spacing-extra-large |
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग. |
--gmp-mat-spacing-extra-small |
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग. |
--gmp-mat-spacing-large |
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग. |
--gmp-mat-spacing-medium |
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग. |
--gmp-mat-spacing-small |
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग. |
--gmp-mat-spacing-two-extra-large |
इसका इस्तेमाल एलिमेंट के अंदर स्पेसिंग के लिए किया जाता है. जैसे, टेक्स्ट के चारों ओर मार्जिन और पैडिंग. |
--gmp-star-rating-color |
रेटिंग में भरे हुए स्टार का रंग. |
background-color |
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है. |
border |
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है. |
border-radius |
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है. |
color-scheme |
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है. |
font-size |
यह एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ईएम में इंटरनल तौर पर तय किया जाता है. यह डिफ़ॉल्ट रूप से 16px पर सेट होता है. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-error |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है. |
gmp-load |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है. |
PlaceDetailsElementOptions इंटरफ़ेस
google.maps.places.PlaceDetailsElementOptions
इंटरफ़ेस
PlaceDetailsElement
के लिए विकल्प.
PlaceDetailsCompactElement class
google.maps.places.PlaceDetailsCompactElement
क्लास
यह किसी जगह की जानकारी को छोटे लेआउट में दिखाता है. रेंडर की जाने वाली जगह की जानकारी देने के लिए, PlaceDetailsPlaceRequestElement
या PlaceDetailsLocationRequestElement
जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement
, PlaceStandardContentElement
या PlaceAllContentElement
जोड़ें.
उदाहरण:
<gmp-place-details-compact>
<gmp-place-details-place-request
place="PLACE_ID"
></gmp-place-details-place-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-details-compact>
इस एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.
कस्टम एलिमेंट:
<gmp-place-details-compact orientation="vertical" truncation-preferred></gmp-place-details-compact>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceDetailsCompactElementOptions
को लागू करती है.
const {PlaceDetailsCompactElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceDetailsCompactElement |
PlaceDetailsCompactElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
orientation |
टाइप:
PlaceDetailsOrientation optional डिफ़ॉल्ट:
PlaceDetailsOrientation.VERTICAL एलिमेंट का ओरिएंटेशन वैरिएंट (वर्टिकल या हॉरिज़ॉन्टल).
एचटीएमएल एट्रिब्यूट:
|
place |
टाइप:
Place optional सिर्फ़ पढ़ने के लिए. जगह की जानकारी वाला ऑब्जेक्ट, जिसमें आईडी, जगह की जानकारी, और मौजूदा समय में रेंडर की गई जगह का व्यूपोर्ट शामिल होता है. |
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 |
यह एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ईएम में इंटरनल तौर पर तय किया जाता है. यह डिफ़ॉल्ट रूप से 16px पर सेट होता है. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-error |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है. |
gmp-load |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है. |
PlaceDetailsCompactElementOptions इंटरफ़ेस
google.maps.places.PlaceDetailsCompactElementOptions
इंटरफ़ेस
PlaceDetailsCompactElement
के लिए विकल्प.
प्रॉपर्टी | |
---|---|
orientation optional |
टाइप:
PlaceDetailsOrientation optional |
truncationPreferred optional |
टाइप:
boolean optional |
PlaceDetailsOrientation कॉन्स्टेंट
google.maps.places.PlaceDetailsOrientation
कॉन्स्टेंट
PlaceDetailsCompactElement
के लिए ओरिएंटेशन वैरिएंट.
const {PlaceDetailsOrientation} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
---|---|
HORIZONTAL |
हॉरिज़ॉन्टल ओरिएंटेशन. |
VERTICAL |
वर्टिकल ओरिएंटेशन. |
PlaceDetailsPlaceRequestElement class
google.maps.places.PlaceDetailsPlaceRequestElement
क्लास
यह फ़ंक्शन, किसी जगह के ऑब्जेक्ट, आईडी या संसाधन के नाम के आधार पर डेटा लोड करने के लिए PlaceDetailsCompactElement
या PlaceDetailsElement
को कॉन्फ़िगर करता है. इस एलिमेंट को PlaceDetailsCompactElement
या PlaceDetailsElement
के चाइल्ड एलिमेंट के तौर पर जोड़ें, ताकि चुनी गई जगह के लिए डेटा लोड किया जा सके. उदाहरण के लिए:
<gmp-place-details>
<gmp-place-details-place-request
place="PLACE_ID"
></gmp-place-details-place-request>
</gmp-place-details>
कस्टम एलिमेंट:
<gmp-place-details-place-request place="some-place-id"></gmp-place-details-place-request>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceDetailsPlaceRequestElementOptions
को लागू करती है.
const {PlaceDetailsPlaceRequestElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceDetailsPlaceRequestElement |
PlaceDetailsPlaceRequestElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
place |
टाइप:
Place optional डिफ़ॉल्ट:
null जगह का ऑब्जेक्ट, आईडी या संसाधन का नाम, ताकि Place Details Compact एलिमेंट में जानकारी रेंडर की जा सके. यह प्रॉपर्टी, एट्रिब्यूट को संसाधन के नाम के तौर पर दिखाती है.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceDetailsPlaceRequestElementOptions interface
google.maps.places.PlaceDetailsPlaceRequestElementOptions
इंटरफ़ेस
PlaceDetailsPlaceRequestElement
के लिए विकल्प.
प्रॉपर्टी | |
---|---|
place optional |
टाइप:
Place|string optional |
PlaceDetailsLocationRequestElement class
google.maps.places.PlaceDetailsLocationRequestElement
क्लास
यह कुकी, किसी जगह के आधार पर डेटा लोड करने के लिए PlaceDetailsCompactElement
या PlaceDetailsElement
को कॉन्फ़िगर करती है. इस एलिमेंट को PlaceDetailsCompactElement
या PlaceDetailsElement
के चाइल्ड एलिमेंट के तौर पर जोड़ें, ताकि चुनी गई जगह के लिए डेटा लोड किया जा सके. उदाहरण के लिए:
<gmp-place-details>
<gmp-place-details-location-request
location="37.6207665,-122.4284806"
></gmp-place-details-location-request>
</gmp-place-details>
कस्टम एलिमेंट:
<gmp-place-details-location-request location="lat,lng"></gmp-place-details-location-request>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceDetailsLocationRequestElementOptions
को लागू करती है.
const {PlaceDetailsLocationRequestElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceDetailsLocationRequestElement |
PlaceDetailsLocationRequestElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
location |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional डिफ़ॉल्ट:
null जगह की जानकारी देने वाले एलिमेंट में, जानकारी दिखाने के लिए जगह की जानकारी. यह
LatLngAltitude के बराबर होता है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceDetailsLocationRequestElementOptions इंटरफ़ेस
google.maps.places.PlaceDetailsLocationRequestElementOptions
इंटरफ़ेस
PlaceDetailsLocationRequestElement
के लिए विकल्प.
प्रॉपर्टी | |
---|---|
location optional |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional वह जगह जहां के लिए जगह की जानकारी रेंडर करनी है. |
PlaceSearchElement क्लास
google.maps.places.PlaceSearchElement
क्लास
इस सुविधा की मदद से, किसी जगह की खोज के नतीजों को सूची में दिखाया जाता है. नतीजे रेंडर करने के अनुरोध के लिए, PlaceTextSearchRequestElement
या PlaceNearbySearchRequestElement
जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement
, PlaceStandardContentElement
या PlaceAllContentElement
जोड़ें.
उदाहरण:
<gmp-place-search>
<gmp-place-text-search-request
text-query="QUERY"
></gmp-place-text-search-request>
<gmp-place-content-config>
<gmp-place-media lightbox-preferred></gmp-place-media>
</gmp-place-content-config>
</gmp-place-search>
जगहें ढूंढने की सुविधा देने वाले एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.
कस्टम एलिमेंट:
<gmp-place-search attribution-position="top" orientation="vertical" selectable truncation-preferred></gmp-place-search>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PlaceSearchElementOptions
को लागू करती है.
const {PlaceSearchElement} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PlaceSearchElement |
PlaceSearchElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
attributionPosition |
टाइप:
PlaceSearchAttributionPosition optional डिफ़ॉल्ट:
PlaceSearchAttributionPosition.TOP एट्रिब्यूशन लोगो और कानूनी जानकारी वाले बटन की जगह.
एचटीएमएल एट्रिब्यूट:
|
orientation |
टाइप:
PlaceSearchOrientation optional डिफ़ॉल्ट:
PlaceSearchOrientation.VERTICAL एलिमेंट का ओरिएंटेशन वैरिएंट (वर्टिकल या हॉरिज़ॉन्टल).
एचटीएमएल एट्रिब्यूट:
|
places |
सिर्फ़ पढ़ने के लिए. Place ऑब्जेक्ट का कलेक्शन. इसमें फ़िलहाल रेंडर की गई जगहों के आईडी, जगहें, और व्यूपोर्ट शामिल होते हैं. |
selectable |
टाइप:
boolean optional डिफ़ॉल्ट:
false सूची में मौजूद आइटम चुने जा सकते हैं या नहीं. अगर वैल्यू सही है, तो सूची में मौजूद आइटम ऐसे बटन होंगे जिन पर क्लिक करने से
gmp-select इवेंट ट्रिगर होगा. कीबोर्ड से नेविगेट करने और चुनने की सुविधा भी उपलब्ध है.एचटीएमएल एट्रिब्यूट:
|
truncationPreferred |
टाइप:
boolean optional डिफ़ॉल्ट:
false अगर यह वैल्यू सही है, तो कॉन्टेंट की कुछ लाइनों को रैप करने के बजाय, एक लाइन में फ़िट करने के लिए छोटा कर दिया जाता है.
एचटीएमएल एट्रिब्यूट:
|
सीएसएस प्रॉपर्टी | |
---|---|
--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]) पैरामीटर:
लौटाई गई वैल्यू:
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 एचटीएमएल एट्रिब्यूट:
|
excludedTypes |
टाइप:
Array<string> optional डिफ़ॉल्ट:
null एचटीएमएल एट्रिब्यूट:
|
includedPrimaryTypes |
टाइप:
Array<string> optional डिफ़ॉल्ट:
null एचटीएमएल एट्रिब्यूट:
|
includedTypes |
टाइप:
Array<string> optional डिफ़ॉल्ट:
null एचटीएमएल एट्रिब्यूट:
|
locationRestriction |
टाइप:
Circle|CircleLiteral optional डिफ़ॉल्ट:
null एचटीएमएल एट्रिब्यूट:
|
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 |
टाइप:
string|LatLngAltitude|LatLngBounds|Circle|LatLng|LatLngLiteral|LatLngAltitudeLiteral|LatLngBoundsLiteral|CircleLiteral optional डिफ़ॉल्ट:
null एचटीएमएल एट्रिब्यूट:
|
locationRestriction |
टाइप:
LatLngBounds|LatLngBoundsLiteral optional डिफ़ॉल्ट:
null एचटीएमएल एट्रिब्यूट:
|
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 एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
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 |
टाइप:
string|LatLngAltitude|LatLngBounds|Circle|LatLng|LatLngLiteral|LatLngAltitudeLiteral|LatLngBoundsLiteral|CircleLiteral optional खोज के लिए जगह के हिसाब से पक्षपात. ज़्यादा जानकारी के लिए, SearchByTextRequest.locationBias और PlaceTextSearchRequestElement.locationBias देखें. |
locationRestriction optional |
टाइप:
LatLngBounds|LatLngBoundsLiteral optional खोज के लिए जगह से जुड़ी पाबंदी. ज़्यादा जानकारी के लिए, SearchByTextRequest.locationRestriction और PlaceTextSearchRequestElement.locationRestriction देखें. |
maxResultCount optional |
टाइप:
number optional ज़्यादा से ज़्यादा कितने नतीजे दिखाने हैं. ज़्यादा जानकारी के लिए, SearchByTextRequest.maxResultCount और PlaceTextSearchRequestElement.maxResultCount देखें. |
minRating optional |
टाइप:
number optional उन नतीजों को फ़िल्टर करके हटा दें जिनकी औसत उपयोगकर्ता रेटिंग, इस सीमा से कम है. ज़्यादा जानकारी के लिए, SearchByTextRequest.minRating और PlaceTextSearchRequestElement.minRating देखें. |
priceLevels optional |
टाइप:
Array<PriceLevel> optional इस कुकी का इस्तेमाल, खोज के नतीजों को उन जगहों तक सीमित करने के लिए किया जाता है जिन्हें कीमत के कुछ लेवल के तौर पर मार्क किया गया है. ज़्यादा जानकारी के लिए, SearchByTextRequest.priceLevels और PlaceTextSearchRequestElement.priceLevels देखें. |
rankPreference optional |
टाइप:
SearchByTextRankPreference optional जवाब में नतीजों को किस तरह रैंक किया जाएगा. ज़्यादा जानकारी के लिए, SearchByTextRequest.rankPreference और PlaceTextSearchRequestElement.rankPreference देखें. |
textQuery optional |
टाइप:
string optional टेक्स्ट की मदद से खोज करने के लिए टेक्स्ट क्वेरी. ज़्यादा जानकारी के लिए, SearchByTextRequest.textQuery और PlaceTextSearchRequestElement.textQuery देखें. |
useStrictTypeFiltering optional |
टाइप:
boolean optional इस कुकी का इस्तेमाल, SearchByTextRequest.includedType के लिए टाइप के हिसाब से फ़िल्टर करने की सुविधा को सेट करने के लिए किया जाता है. ज़्यादा जानकारी के लिए, SearchByTextRequest.useStrictTypeFiltering और PlaceTextSearchRequestElement.useStrictTypeFiltering देखें. |
Autocomplete क्लास
google.maps.places.Autocomplete
क्लास
यह एक ऐसा विजेट है जो उपयोगकर्ता के टेक्स्ट इनपुट के आधार पर, जगह के सुझाव देता है. यह text
टाइप के इनपुट एलिमेंट से अटैच होता है. साथ ही, उस फ़ील्ड में टेक्स्ट डालने पर सूचना देता है. अनुमानों की सूची को ड्रॉप-डाउन सूची के तौर पर दिखाया जाता है. साथ ही, टेक्स्ट डालने पर इसे अपडेट किया जाता है.
यह क्लास MVCObject
तक चलेगी.
const {Autocomplete} = await google.maps.importLibrary("places")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Autocomplete |
Autocomplete(inputField[, opts]) पैरामीटर:
यह फ़ंक्शन, 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 में सिर्फ़ place_id, types, और name फ़ील्ड होंगे. साथ ही, इसमें Autocomplete सेवा से मिले place_id, types, और description फ़ील्ड होंगे. यह सुविधा डिफ़ॉल्ट रूप से बंद होती है. |
strictBounds optional |
टाइप:
boolean optional यह एक बूलियन वैल्यू है. इससे पता चलता है कि ऑटोकंप्लीट विजेट को सिर्फ़ उन जगहों की जानकारी दिखानी चाहिए जो क्वेरी भेजे जाने के समय, ऑटोकंप्लीट विजेट की सीमाओं के अंदर हैं. strictBounds को false (यह डिफ़ॉल्ट वैल्यू है) पर सेट करने से, नतीजे बाउंड्री के अंदर मौजूद जगहों के हिसाब से मिलेंगे. हालांकि, ऐसा ज़रूरी नहीं है कि नतीजे सिर्फ़ बाउंड्री के अंदर मौजूद जगहों के हिसाब से ही मिलें. |
types optional |
टाइप:
Array<string> optional अनुमानों के टाइप जिन्हें दिखाना है. साथ काम करने वाले टाइप के बारे में जानने के लिए, डेवलपर गाइड देखें. अगर कोई टाइप नहीं दिया गया है, तो सभी टाइप दिखाए जाएंगे. |
SearchBox class
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 वह इलाका जिसके हिसाब से क्वेरी के अनुमानों को प्राथमिकता दी जानी चाहिए. अनुमान, इन सीमाओं को टारगेट करने वाली क्वेरी के हिसाब से लगाए जाते हैं. हालांकि, ऐसा ज़रूरी नहीं है कि अनुमान सिर्फ़ इन्हीं सीमाओं के हिसाब से लगाए जाएं. |