PlaceAutocompleteElement क्लास
google.maps.places.PlaceAutocompleteElement
क्लास
PlaceAutocompleteElement, HTMLElement सबक्लास है. यह Places Autocomplete API के लिए यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट उपलब्ध कराता है.
PlaceAutocompleteElement, उपयोगकर्ता की ऑटोकंप्लीट खोज के क्वेरी और चुनने के चरणों को ग्रुप करने के लिए, AutocompleteSessionTokens का इस्तेमाल अपने-आप करता है.
PlacePrediction.toPlace से मिले Place पर Place.fetchFields को किया गया पहला कॉल, PlacePrediction को फ़ेच करने के लिए इस्तेमाल किए गए सेशन टोकन को अपने-आप शामिल कर लेगा.
सेशन के काम करने के तरीके के बारे में ज़्यादा जानने के लिए, https://developers.google.com/maps/documentation/places/web-service/place-session-tokens पर जाएं.
कस्टम एलिमेंट:
<gmp-place-autocomplete included-primary-types="type1 type2 type3..." included-region-codes="c1 c2 c3..." name="string" origin="lat,lng" requested-language="string" requested-region="string" unit-system="metric"></gmp-place-autocomplete>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceAutocompleteElementOptions को लागू करती है.
const {PlaceAutocompleteElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options)पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
includedPrimaryTypes |
टाइप:
Array<string> optionalइसमें प्राइमरी जगह का टाइप शामिल होता है. उदाहरण के लिए, "restaurant" या "gas_station".
किसी जगह की जानकारी सिर्फ़ तब दिखाई जाती है, जब उसका मुख्य टाइप इस सूची में शामिल हो. ज़्यादा से ज़्यादा पांच वैल्यू दी जा सकती हैं. अगर कोई टाइप नहीं दिया गया है, तो सभी Place टाइप दिखाए जाते हैं. एचटीएमएल एट्रिब्यूट:
|
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 के नीचे ड्रॉपडाउन सूची के तौर पर दिखती है. |
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
|---|---|
gmp-error |
function(errorEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है. |
gmp-select |
function(placePredictionSelectEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब कोई उपयोगकर्ता जगह के बारे में अनुमानित जानकारी चुनता है. इसमें PlacePrediction ऑब्जेक्ट होता है, जिसे Place ऑब्जेक्ट में बदला जा सकता है. |
PlaceAutocompleteElementOptions इंटरफ़ेस
google.maps.places.PlaceAutocompleteElementOptions
इंटरफ़ेस
PlaceAutocompleteElement बनाने के विकल्प. हर प्रॉपर्टी के ब्यौरे के लिए, PlaceAutocompleteElement क्लास में उसी नाम की प्रॉपर्टी देखें.
प्रॉपर्टी | |
|---|---|
locationBias optional |
टाइप:
LocationBias optional |
locationRestriction optional |
टाइप:
LocationRestriction optional |
name optional |
टाइप:
string optional |
requestedLanguage optional |
टाइप:
string optional |
PlacePredictionSelectEvent क्लास
google.maps.places.PlacePredictionSelectEvent
क्लास
यह इवेंट तब बनाया जाता है, जब उपयोगकर्ता PlaceAutocompleteElement की मदद से, अनुमानित जगह का कोई आइटम चुनता है. event.placePrediction की मदद से, चुने गए आइटम को ऐक्सेस करें.
PlacePrediction.toPlace को कॉल करके, placePrediction को Place में बदलें.
यह क्लास Event तक चलेगी.
const {PlacePredictionSelectEvent} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
placePrediction |
टाइप:
PlacePredictionइसे PlacePrediction.toPlace पर कॉल करके Place में बदलें. |
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 में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
contextToken |
टाइप:
string optionalकॉन्टेक्स्ट टोकन.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
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></gmp-place-contextual-list-config>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceContextualListConfigElementOptions को लागू करती है.
const {PlaceContextualListConfigElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
layout |
टाइप:
PlaceContextualListLayout optionalलेआउट.
एचटीएमएल एट्रिब्यूट:
|
mapHidden |
टाइप:
boolean optionalक्या मैप को छिपाया गया है.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceContextualListConfigElementOptions इंटरफ़ेस
google.maps.places.PlaceContextualListConfigElementOptions
इंटरफ़ेस
PlaceContextualListConfigElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
layout optional |
टाइप:
PlaceContextualListLayout optionalलेआउट. डिफ़ॉल्ट वैल्यू PlaceContextualListLayout.VERTICAL है. |
mapHidden optional |
टाइप:
boolean optionalक्या मैप को छिपाया गया है. डिफ़ॉल्ट रूप से, मैप दिखाने का विकल्प चालू होता है (वैल्यू false). |
PlaceContextualListLayout कॉन्स्टेंट
google.maps.places.PlaceContextualListLayout
कॉन्स्टेंट
उन लेआउट की सूची जिन्हें सूची वाले व्यू के लिए, जगह के हिसाब से कॉन्टेक्स्ट देने वाला एलिमेंट इस्तेमाल कर सकता है.
const {PlaceContextualListLayout} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
|---|---|
COMPACT |
कॉम्पैक्ट लिस्ट लेआउट: इसमें लिस्ट आइटम को एक लाइन में लिंक के तौर पर रेंडर किया जाता है. साथ ही, ज़्यादा आइटम को ड्रॉपडाउन लिस्ट में दिखाया जाता है. |
VERTICAL |
वर्टिकल लिस्ट लेआउट: लिस्ट आइटम को वर्टिकल लिस्ट में कार्ड के तौर पर रेंडर किया जाता है. |
PlaceDetailsElement class
google.maps.places.PlaceDetailsElement
क्लास
यह एक एचटीएमएल एलिमेंट है, जो किसी जगह की जानकारी दिखाता है. रेंडर किए जाने वाले कॉन्टेंट के बारे में बताने के लिए, configureFromPlace() या configureFromLocation() तरीकों का इस्तेमाल करें. जगह की जानकारी देने वाले एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.
कस्टम एलिमेंट:
<gmp-place-details size="small"></gmp-place-details>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceDetailsElementOptions को लागू करती है.
const {PlaceDetailsElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceDetailsElement |
PlaceDetailsElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
place |
टाइप:
Place optionalसिर्फ़ पढ़ने के लिए. Place ऑब्जेक्ट में, आईडी, जगह की जानकारी, और मौजूदा रेंडर की गई जगह का व्यूपोर्ट शामिल होता है. |
size |
टाइप:
PlaceDetailsSize optionalPlaceDetailsElement का साइज़ वैरिएंट. डिफ़ॉल्ट रूप से, एलिमेंट
PlaceDetailsSize.X_LARGE दिखाएगा.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
configureFromLocation |
configureFromLocation(location)पैरामीटर:
लौटाई गई वैल्यू:
Promise<void> यह एक प्रॉमिस है. जगह की जानकारी का डेटा लोड होने और रेंडर होने के बाद, यह प्रॉमिस पूरा हो जाता है.रिवर्स जियोकोडिंग का इस्तेमाल करके, LatLng से विजेट को कॉन्फ़िगर करता है. |
configureFromPlace |
configureFromPlace(place)पैरामीटर:
लौटाई गई वैल्यू:
Promise<void> यह एक प्रॉमिस है. जगह की जानकारी का डेटा लोड होने और रेंडर होने के बाद, यह प्रॉमिस पूरा हो जाता है.यह Place ऑब्जेक्ट या जगह के आईडी से विजेट को कॉन्फ़िगर करता है. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
|---|---|
gmp-load |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है. |
gmp-requesterror |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है. |
PlaceDetailsElementOptions इंटरफ़ेस
google.maps.places.PlaceDetailsElementOptions
इंटरफ़ेस
PlaceDetailsElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
size optional |
टाइप:
PlaceDetailsSize optionalPlaceDetailsElement.size देखें |
PlaceDetailsSize कॉन्स्टेंट
google.maps.places.PlaceDetailsSize
कॉन्स्टेंट
PlaceDetailsElement के लिए साइज़ वैरिएंट.
const {PlaceDetailsSize} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
|---|---|
LARGE |
बड़ा वैरिएंट. इसमें बड़ी इमेज, बुनियादी जानकारी, और संपर्क जानकारी शामिल होती है. |
MEDIUM |
मीडियम साइज़ वाला वर्शन, जिसमें बड़ी इमेज और बुनियादी जानकारी शामिल होती है. |
SMALL |
छोटा वैरिएंट, जिसमें छोटी इमेज और बुनियादी जानकारी शामिल होती है. |
X_LARGE |
ज़्यादा बड़ा वैरिएंट, जिसमें फ़ोटो कोलाज, समीक्षाएं, और जगह की पूरी जानकारी शामिल होती है. |
PlaceDetailsCompactElement class
google.maps.places.PlaceDetailsCompactElement
क्लास
यह किसी जगह की जानकारी को छोटे लेआउट में दिखाता है. रेंडर की जाने वाली जगह के बारे में बताने के लिए, PlaceDetailsPlaceRequestElement जोड़ें. यह तय करने के लिए कि कौनसा कॉन्टेंट रेंडर करना है, PlaceContentConfigElement, PlaceStandardContentElement या PlaceAllContentElement जोड़ें.
इस एलिमेंट का इस्तेमाल करने के लिए, 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-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 |
सरफ़ेस के रंग के हिसाब से इंटरैक्टिव टेक्स्ट और आइकॉन का रंग. इस कुकी का इस्तेमाल, एट्रिब्यूशन डायलॉग में समीक्षा की संख्या और लिंक के लिए किया जाता है. |
--gmp-mat-color-secondary-container |
टोनल बटन जैसे रिसेसिव कॉम्पोनेंट के लिए, सर्फ़ेस के मुकाबले कम प्रमुखता वाला फ़िल कलर. इस कुकी का इस्तेमाल "Maps में खोलें" बटन के बैकग्राउंड के लिए किया जाता है. |
--gmp-mat-color-surface |
बैकग्राउंड के लिए रंग. इस कुकी का इस्तेमाल, एलिमेंट और एट्रिब्यूशन डायलॉग के बैकग्राउंड के लिए किया जाता है. |
--gmp-mat-font-body-medium |
इस कुकी का इस्तेमाल, एट्रिब्यूशन डायलॉग में मुख्य टेक्स्ट के लिए किया जाता है. |
--gmp-mat-font-body-small |
इस कुकी का इस्तेमाल जगह के पते, रेटिंग, टाइप, कीमत, और अभी खुला है या नहीं, यह बताने के लिए किया जाता है. |
--gmp-mat-font-family |
सभी टेक्स्ट के लिए इस्तेमाल की जाने वाली बेस फ़ॉन्ट फ़ैमिली. |
--gmp-mat-font-headline-medium |
इस कुकी का इस्तेमाल, एट्रिब्यूशन डायलॉग में हेडिंग टेक्स्ट के लिए किया जाता है. |
--gmp-mat-font-label-large |
इस कुकी का इस्तेमाल, एट्रिब्यूशन डायलॉग में मौजूद "Maps में खोलें" बटन और लिंक के लिए किया जाता है. |
--gmp-mat-font-title-small |
इस कुकी का इस्तेमाल जगह के नाम के लिए किया जाता है. |
background-color |
यह विकल्प, एलिमेंट के बैकग्राउंड के रंग को बदलता है. |
border |
यह विकल्प, एलिमेंट के बॉर्डर को बदल देता है. |
border-radius |
यह विकल्प, एलिमेंट के बॉर्डर रेडियस को बदलता है. |
color-scheme |
इससे पता चलता है कि इस एलिमेंट को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. यह डिफ़ॉल्ट रूप से color-scheme: light dark पर सेट होता है. |
font-size |
यह एलिमेंट में मौजूद सभी टेक्स्ट और आइकॉन को स्केल करता है. इन्हें ईएम में इंटरनल तौर पर तय किया जाता है. यह डिफ़ॉल्ट रूप से 16px पर सेट होता है. |
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
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 के चाइल्ड एलिमेंट के तौर पर जोड़ें, ताकि चुनी गई जगह के लिए डेटा लोड किया जा सके.
कस्टम एलिमेंट:
<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जगह का ऑब्जेक्ट, आईडी या संसाधन का नाम, ताकि Place Details Compact एलिमेंट में जानकारी रेंडर की जा सके. यह प्रॉपर्टी, एट्रिब्यूट को संसाधन के नाम के तौर पर दिखाती है.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceDetailsPlaceRequestElementOptions interface
google.maps.places.PlaceDetailsPlaceRequestElementOptions
इंटरफ़ेस
PlaceDetailsPlaceRequestElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
place optional |
टाइप:
Place|string optional |
PlaceContentConfigElement क्लास
google.maps.places.PlaceContentConfigElement
क्लास
यह विकल्प, जगह के बारे में ज़्यादा जानकारी देने वाले कॉम्पैक्ट एलिमेंट में दिखाए जाने वाले कॉन्टेंट को कॉन्फ़िगर करता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceDetailsCompactElement के चाइल्ड के तौर पर जोड़ें. PlaceContentConfigElement में इनमें से कोई भी एलिमेंट जोड़कर, उससे जुड़ा कॉन्टेंट दिखाया जा सकता है:
PlaceMediaElement, PlaceAddressElement, PlaceRatingElement, PlaceTypeElement, PlacePriceElement, PlaceAccessibleEntranceIconElement, PlaceOpenNowStatusElement, PlaceAttributionElement
बच्चों के क्रम से कोई फ़र्क़ नहीं पड़ता. एलिमेंट, कॉन्टेंट को एक स्टैंडर्ड क्रम में रेंडर करता है. इसे पसंद के मुताबिक नहीं बनाया जा सकता.
कस्टम एलिमेंट:
<gmp-place-content-config></gmp-place-content-config>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceContentConfigElementOptions को लागू करती है.
const {PlaceContentConfigElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceContentConfigElement |
PlaceContentConfigElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceContentConfigElementOptions इंटरफ़ेस
google.maps.places.PlaceContentConfigElementOptions
इंटरफ़ेस
PlaceContentConfigElement के लिए विकल्प.
PlaceMediaElement class
google.maps.places.PlaceMediaElement
क्लास
यह कुकी, जगह के बारे में ज़्यादा जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करती है, ताकि किसी जगह का मीडिया (जैसे, फ़ोटो) दिखाया जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-media lightbox-preferred></gmp-place-media>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceMediaElementOptions को लागू करती है.
const {PlaceMediaElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceMediaElement |
PlaceMediaElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
lightboxPreferred |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर दोनों विकल्प काम करते हैं, तो मीडिया लाइटबॉक्स को चालू या बंद करना है या नहीं.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceMediaElementOptions इंटरफ़ेस
google.maps.places.PlaceMediaElementOptions
इंटरफ़ेस
PlaceMediaElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
lightboxPreferred optional |
टाइप:
boolean optional |
PlaceAddressElement क्लास
google.maps.places.PlaceAddressElement
क्लास
यह कुकी, जगह की ज़्यादा जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करती है, ताकि किसी जगह का पता दिखाया जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-address></gmp-place-address>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceAddressElementOptions को लागू करती है.
const {PlaceAddressElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceAddressElement |
PlaceAddressElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceAddressElementOptions इंटरफ़ेस
google.maps.places.PlaceAddressElementOptions
इंटरफ़ेस
PlaceAddressElement के लिए विकल्प.
PlaceRatingElement क्लास
google.maps.places.PlaceRatingElement
क्लास
यह फ़ंक्शन, जगह के बारे में ज़्यादा जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करता है, ताकि किसी जगह की रेटिंग दिखाई जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-rating></gmp-place-rating>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceRatingElementOptions को लागू करती है.
const {PlaceRatingElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceRatingElement |
PlaceRatingElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceRatingElementOptions इंटरफ़ेस
google.maps.places.PlaceRatingElementOptions
इंटरफ़ेस
PlaceRatingElement के लिए विकल्प.
PlaceTypeElement class
google.maps.places.PlaceTypeElement
क्लास
यह कुकी, जगह के बारे में ज़्यादा जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करती है, ताकि किसी जगह का टाइप दिखाया जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-type></gmp-place-type>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceTypeElementOptions को लागू करती है.
const {PlaceTypeElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceTypeElement |
PlaceTypeElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceTypeElementOptions इंटरफ़ेस
google.maps.places.PlaceTypeElementOptions
इंटरफ़ेस
PlaceTypeElement के लिए विकल्प.
PlacePriceElement class
google.maps.places.PlacePriceElement
क्लास
यह फ़ंक्शन, जगह की जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करता है, ताकि जगह की कीमत का लेवल या कीमत सीमा दिखाई जा सके. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-price></gmp-place-price>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlacePriceElementOptions को लागू करती है.
const {PlacePriceElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlacePriceElement |
PlacePriceElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlacePriceElementOptions इंटरफ़ेस
google.maps.places.PlacePriceElementOptions
इंटरफ़ेस
PlacePriceElement के लिए विकल्प.
PlaceAccessibleEntranceIconElement class
google.maps.places.PlaceAccessibleEntranceIconElement
क्लास
यह कुकी, जगह की जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करती है. इससे यह पता चलता है कि अगर किसी जगह पर व्हीलचेयर लाने और ले जाने की सुविधा है, तो वहां व्हीलचेयर का आइकॉन दिखेगा. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-accessible-entrance-icon></gmp-place-accessible-entrance-icon>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceAccessibleEntranceIconElementOptions को लागू करती है.
const {PlaceAccessibleEntranceIconElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceAccessibleEntranceIconElement |
PlaceAccessibleEntranceIconElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceAccessibleEntranceIconElementOptions इंटरफ़ेस
google.maps.places.PlaceAccessibleEntranceIconElementOptions
इंटरफ़ेस
PlaceAccessibleEntranceIconElement के लिए विकल्प.
PlaceOpenNowStatusElement क्लास
google.maps.places.PlaceOpenNowStatusElement
क्लास
यह कुकी, जगह के बारे में ज़्यादा जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करती है. इससे किसी जगह के खुले या बंद होने की मौजूदा स्थिति दिखती है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-open-now-status></gmp-place-open-now-status>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceOpenNowStatusElementOptions को लागू करती है.
const {PlaceOpenNowStatusElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceOpenNowStatusElement |
PlaceOpenNowStatusElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceOpenNowStatusElementOptions इंटरफ़ेस
google.maps.places.PlaceOpenNowStatusElementOptions
इंटरफ़ेस
PlaceOpenNowStatusElement के लिए विकल्प.
PlaceAttributionElement क्लास
google.maps.places.PlaceAttributionElement
क्लास
इस कुकी की मदद से, 'जगह की जानकारी' कॉम्पैक्ट एलिमेंट में Google Maps के एट्रिब्यूशन टेक्स्ट को पसंद के मुताबिक बनाया जा सकता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceContentConfigElement के चाइल्ड के तौर पर जोड़ें. इस एलिमेंट को शामिल न करने पर भी, एट्रिब्यूशन डिफ़ॉल्ट रंगों में दिखेगा.
कस्टम एलिमेंट:
<gmp-place-attribution dark-scheme-color="white" light-scheme-color="white"></gmp-place-attribution>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceAttributionElementOptions को लागू करती है.
const {PlaceAttributionElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceAttributionElement |
PlaceAttributionElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
darkSchemeColor |
टाइप:
AttributionColor optionalडिफ़ॉल्ट:
AttributionColor.WHITEडार्क मोड में Google Maps एट्रिब्यूशन का रंग.
एचटीएमएल एट्रिब्यूट:
|
lightSchemeColor |
टाइप:
AttributionColor optionalडिफ़ॉल्ट:
AttributionColor.GRAYलाइट मोड में Google Maps एट्रिब्यूशन का रंग.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceAttributionElementOptions इंटरफ़ेस
google.maps.places.PlaceAttributionElementOptions
इंटरफ़ेस
PlaceAttributionElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
darkSchemeColor optional |
टाइप:
AttributionColor optional |
lightSchemeColor optional |
टाइप:
AttributionColor optional |
AttributionColor कॉन्स्टेंट
google.maps.places.AttributionColor
कॉन्स्टेंट
Google Maps के एट्रिब्यूशन टेक्स्ट के लिए रंग के विकल्प. इनमें से किसी भी रंग का इस्तेमाल करने के लिए, एट्रिब्यूशन को पसंद के मुताबिक बनाया जा सकता है.
const {AttributionColor} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
|---|---|
BLACK |
काला एट्रिब्यूशन टेक्स्ट. |
GRAY |
स्लेटी रंग का एट्रिब्यूशन टेक्स्ट. |
WHITE |
सफ़ेद रंग का एट्रिब्यूशन टेक्स्ट. |
PlaceAllContentElement क्लास
google.maps.places.PlaceAllContentElement
क्लास
यह Place Details Compact एलिमेंट को कॉन्फ़िगर करता है, ताकि सभी उपलब्ध कॉन्टेंट दिखाए जा सकें. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceDetailsCompactElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-all-content></gmp-place-all-content>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceAllContentElementOptions को लागू करती है.
const {PlaceAllContentElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceAllContentElement |
PlaceAllContentElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceAllContentElementOptions इंटरफ़ेस
google.maps.places.PlaceAllContentElementOptions
इंटरफ़ेस
PlaceAllContentElement के लिए विकल्प.
PlaceStandardContentElement क्लास
google.maps.places.PlaceStandardContentElement
क्लास
यह कुकी, जगह की जानकारी देने वाले कॉम्पैक्ट एलिमेंट को कॉन्फ़िगर करती है. इससे कॉन्टेंट का स्टैंडर्ड सेट (मीडिया, रेटिंग, टाइप, कीमत, व्हीलचेयर से आने-जाने की सुविधा वाला प्रवेश द्वार आइकॉन, और अभी खुला है या नहीं) दिखाया जाता है. इस एलिमेंट का इस्तेमाल करने के लिए, इसे PlaceDetailsCompactElement के चाइल्ड के तौर पर जोड़ें.
कस्टम एलिमेंट:
<gmp-place-standard-content></gmp-place-standard-content>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceStandardContentElementOptions को लागू करती है.
const {PlaceStandardContentElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceStandardContentElement |
PlaceStandardContentElement([options])पैरामीटर:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PlaceStandardContentElementOptions इंटरफ़ेस
google.maps.places.PlaceStandardContentElementOptions
इंटरफ़ेस
PlaceStandardContentElement के लिए विकल्प.
PlaceListElement class
google.maps.places.PlaceListElement
क्लास
यह एक एचटीएमएल एलिमेंट है. यह किसी जगह की खोज के नतीजों को सूची में दिखाता है. नतीजे रेंडर करने के लिए अनुरोध तय करने के लिए, configureFromSearchByTextRequest() या configureFromSearchNearbyRequest() तरीकों का इस्तेमाल करें. जगहों की सूची दिखाने वाले एलिमेंट का इस्तेमाल करने के लिए, Google Cloud Console में अपने प्रोजेक्ट के लिए Places UI Kit API चालू करें.
कस्टम एलिमेंट:
<gmp-place-list selectable></gmp-place-list>
यह क्लास HTMLElement तक चलेगी.
यह क्लास PlaceListElementOptions को लागू करती है.
const {PlaceListElement} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceListElement |
PlaceListElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
places |
सिर्फ़ पढ़ने के लिए. Place ऑब्जेक्ट का कलेक्शन. इसमें फ़िलहाल रेंडर की गई जगहों के आईडी, जगहें, और व्यूपोर्ट शामिल होते हैं. |
selectable |
टाइप:
booleanसूची में मौजूद आइटम चुने जा सकते हैं या नहीं. अगर वैल्यू सही है, तो सूची में मौजूद आइटम ऐसे बटन होंगे जिन पर क्लिक करने से
gmp-placeselect इवेंट ट्रिगर होगा. कीबोर्ड से नेविगेट करने और चुनने की सुविधा भी उपलब्ध है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
configureFromSearchByTextRequest |
configureFromSearchByTextRequest(request)पैरामीटर:
लौटाई गई वैल्यू:
Promise<void> यह एक प्रॉमिस है. जगह की जानकारी का डेटा लोड होने और रेंडर होने के बाद, यह प्रॉमिस पूरा हो जाता है.इस विकल्प का इस्तेमाल करके, विजेट को कॉन्फ़िगर किया जाता है. इससे Places Text Search API के अनुरोध से मिले खोज के नतीजों को रेंडर किया जा सकता है. |
configureFromSearchNearbyRequest |
configureFromSearchNearbyRequest(request)पैरामीटर:
लौटाई गई वैल्यू:
Promise<void> यह एक प्रॉमिस है. जगह की जानकारी का डेटा लोड होने और रेंडर होने के बाद, यह प्रॉमिस पूरा हो जाता है.इस विकल्प का इस्तेमाल करके, विजेट को कॉन्फ़िगर किया जाता है. इससे Places Nearby Search API के अनुरोध से मिले खोज नतीजों को रेंडर किया जा सकता है. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
|---|---|
gmp-load |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब एलिमेंट लोड होता है और उसका कॉन्टेंट रेंडर होता है. यह इवेंट बब्ल नहीं होता है. |
gmp-placeselect |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब कोई उपयोगकर्ता किसी जगह को चुनता है. इसमें Place ऑब्जेक्ट और सूची में चुनी गई जगह का इंडेक्स होता है. |
gmp-requesterror |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब बैकएंड से किया गया अनुरोध अस्वीकार कर दिया जाता है. उदाहरण के लिए, एपीआई कुंजी गलत होने पर. यह इवेंट बब्ल नहीं होता है. |
PlaceListElementOptions इंटरफ़ेस
google.maps.places.PlaceListElementOptions
इंटरफ़ेस
PlaceListElement के लिए विकल्प.
प्रॉपर्टी | |
|---|---|
selectable optional |
टाइप:
boolean optional |
PlaceListPlaceSelectEvent class
google.maps.places.PlaceListPlaceSelectEvent
क्लास
यह इवेंट, PlaceListElement तब भेजता है, जब उपयोगकर्ता कोई जगह चुनता है.
यह क्लास Event तक चलेगी.
const {PlaceListPlaceSelectEvent} = await google.maps.importLibrary("places") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
index |
टाइप:
numberचुनी गई जगह का सूची इंडेक्स. |
place |
टाइप:
PlacePlace ऑब्जेक्ट में, चुनी गई जगह का आईडी, जगह की जानकारी, और व्यूपोर्ट होता है. |
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वह इलाका जिसके हिसाब से क्वेरी के अनुमानों को प्राथमिकता दी जानी चाहिए. अनुमान, इन सीमाओं को टारगेट करने वाली क्वेरी के हिसाब से लगाए जाते हैं. हालांकि, ऐसा ज़रूरी नहीं है कि अनुमान सिर्फ़ इन्हीं सीमाओं के हिसाब से लगाए जाएं. |