PlaceAutocompleteElement class
google.maps.places.PlaceAutocompleteElement
क्लास
PlaceAutocompleteElement एक HTMLElement सबक्लास है, जो Places Autocomplete API के लिए यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट उपलब्ध कराता है.
कस्टम एलिमेंट:
<gmp-place-autocomplete name="string" requested-language="string" requested-region="string" types="type1 type2 type3..."></gmp-place-autocomplete>
यह क्लास HTMLElement तक चलेगी.
इस क्लास में PlaceAutocompleteElementOptions लागू होता है.
const {PlaceAutocompleteElement} = await google.maps.importLibrary("places") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
|---|---|
PlaceAutocompleteElement |
PlaceAutocompleteElement(options)पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
componentRestrictions |
टाइप:
ComponentRestrictions optionalकॉम्पोनेंट से जुड़ी पाबंदियां. कॉम्पोनेंट की पाबंदियों का इस्तेमाल, सिर्फ़ पैरंट कॉम्पोनेंट में मौजूद प्रॉडक्ट के लिए अनुमान दिखाने के लिए किया जाता है. उदाहरण के लिए, देश. |
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 देखें.
एचटीएमएल एट्रिब्यूट:
|
requestedLanguage |
टाइप:
string optionalउस भाषा का आइडेंटिफ़ायर जिसमें नतीजे दिखाए जाने चाहिए. हालांकि, ऐसा ज़रूरी नहीं है. चुनी गई भाषा में मौजूद नतीजों को ज़्यादा रैंकिंग दी जा सकती है. हालांकि, सुझाव सिर्फ़ इस भाषा में नहीं मिलते. इस्तेमाल की जा सकने वाली भाषाओं की सूची देखें.
एचटीएमएल एट्रिब्यूट:
|
requestedRegion |
टाइप:
string optionalक्षेत्र का कोड, जिसका इस्तेमाल नतीजे को फ़ॉर्मैट करने और नतीजे को फ़िल्टर करने के लिए किया जाता है. इससे, सुझावों पर इस देश की पाबंदी नहीं होती. क्षेत्र कोड में, ccTLD ("टॉप लेवल डोमेन") की दो वर्णों वाली वैल्यू डाली जा सकती है. ccTLD के ज़्यादातर कोड, ISO 3166-1 कोड से मेल खाते हैं. हालांकि, कुछ कोड अलग होते हैं. उदाहरण के लिए, यूनाइटेड किंगडम का सीसीटीएलडी "uk" (
.co.uk) है, जबकि इसका आईएसओ 3166-1 कोड "gb" है. तकनीकी तौर पर, यह कोड "यूनाइटेड किंगडम ऑफ़ ग्रेट ब्रिटेन ऐंड नॉर्दर्न आयरलैंड" की इकाई के लिए है.एचटीएमएल एट्रिब्यूट:
|
types |
टाइप:
Array<string> optionalदिखाए जाने वाले अनुमान के टाइप. इस्तेमाल किए जा सकने वाले टाइप के बारे में जानने के लिए, डेवलपर गाइड देखें. अगर कोई टाइप नहीं दिया गया है, तो सभी टाइप दिखाए जाएंगे.
एचटीएमएल एट्रिब्यूट:
|
पार्ट | |
|---|---|
prediction-item |
अनुमान के ड्रॉप-डाउन में मौजूद एक आइटम, जो एक अनुमान दिखाता है. |
prediction-item-icon |
सुझावों की सूची में हर आइटम की बाईं ओर दिखने वाला आइकॉन. |
prediction-item-main-text |
prediction-item का वह हिस्सा जो अनुमान का मुख्य टेक्स्ट होता है. भौगोलिक जगहों के लिए, इसमें जगह का नाम, जैसे कि 'सिडनी' या सड़क का नाम और नंबर, जैसे कि '10 किंग स्ट्रीट' शामिल होता है. डिफ़ॉल्ट रूप से, prediction-item-main-text का रंग काला होता है. अगर prediction-item में कोई अन्य टेक्स्ट है, तो वह prediction-item-main-text से बाहर होता है और उसकी स्टाइल, prediction-item से इनहेरिट होती है. यह डिफ़ॉल्ट रूप से स्लेटी रंग का होता है. आम तौर पर, अतिरिक्त टेक्स्ट कोई पता होता है. |
prediction-item-match |
अनुमान का वह हिस्सा जो उपयोगकर्ता के इनपुट से मेल खाता है. डिफ़ॉल्ट रूप से, मैच होने वाला यह टेक्स्ट बोल्ड टेक्स्ट में हाइलाइट किया जाता है. ध्यान दें कि मैच होने वाला टेक्स्ट, prediction-item में कहीं भी हो सकता है. यह ज़रूरी नहीं है कि यह prediction-item-main-text का हिस्सा हो. |
prediction-item-selected |
वह आइटम जिस पर उपयोगकर्ता कीबोर्ड की मदद से नेविगेट करता है. ध्यान दें: चुने गए आइटम पर, इस हिस्से की स्टाइल और अनुमानित आइटम के हिस्से की स्टाइल, दोनों का असर पड़ेगा. |
prediction-list |
विज़ुअल एलिमेंट, जिसमें जगह की जानकारी के लिए ऑटोकंप्लीट की सुविधा से मिले सुझावों की सूची होती है. यह सूची, PlaceAutocompleteElement के नीचे ड्रॉपडाउन सूची के तौर पर दिखती है. |
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
|
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidटारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
इवेंट | |
|---|---|
gmp-placeselect |
function(placeAutocompletePlaceSelectEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब कोई उपयोगकर्ता जगह का सुझाव चुनता है. इसमें जगह की जानकारी वाला ऑब्जेक्ट होता है. |
gmp-requesterror |
function(placeAutocompleteRequestErrorEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब बैकएंड के लिए किए गए अनुरोध को अस्वीकार कर दिया जाता है. जैसे, गलत एपीआई पासकोड. यह इवेंट बबल नहीं करता. |
PlaceAutocompleteElementOptions इंटरफ़ेस
google.maps.places.PlaceAutocompleteElementOptions
इंटरफ़ेस
PlaceAutocompleteElement बनाने के विकल्प.
प्रॉपर्टी | |
|---|---|
componentRestrictions optional |
टाइप:
ComponentRestrictions optional |
locationBias optional |
टाइप:
LocationBias optional |
locationRestriction optional |
टाइप:
LocationRestriction optional |
requestedLanguage optional |
टाइप:
string optional |
requestedRegion optional |
टाइप:
string optional |
types optional |
टाइप:
Array<string> optional |
PlaceAutocompletePlaceSelectEvent class
google.maps.places.PlaceAutocompletePlaceSelectEvent
क्लास
यह इवेंट तब बनता है, जब उपयोगकर्ता किसी जगह के शुरुआती अक्षर लिखने पर पूरा नाम सुझाने की सुविधा का इस्तेमाल करके कोई जगह चुनता है. चुने गए टेक्स्ट को event.place से ऐक्सेस करें.
यह क्लास Event तक चलेगी.
const {PlaceAutocompletePlaceSelectEvent} = await google.maps.importLibrary("places") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
|
टाइप:
Place |
PlaceAutocompleteRequestErrorEvent class
google.maps.places.PlaceAutocompleteRequestErrorEvent
क्लास
नेटवर्क अनुरोध में कोई समस्या होने पर, PlaceAutocompleteElement से यह इवेंट उत्सर्जित होता है.
यह क्लास Event तक चलेगी.
const {PlaceAutocompleteRequestErrorEvent} = await google.maps.importLibrary("places") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
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 |
बहुत बड़ा वैरिएंट, जिसमें फ़ोटो कोलाज, समीक्षाएं, और जगह की पूरी जानकारी शामिल होती है. |
PlaceListElement के लिए क्लास
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 |
टाइप:
Placeचुने गए पॉइंट का आईडी, जगह, और व्यूपोर्ट शामिल करने वाला Place ऑब्जेक्ट. |
ऑटोकंप्लीट क्लास
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 उपयोगकर्ता की चुनी गई जगह.अगर जगह की जानकारी मिल जाती है, तो उपयोगकर्ता की चुनी गई जगह की जानकारी दिखाता है. ऐसा न होने पर, यह एक स्टब प्लेस ऑब्जेक्ट दिखाता है. इसमें 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, टाइप, और नाम फ़ील्ड होंगे. इनमें, ऑटोमैटिक तरीके से जानकारी भरने की सुविधा से मिले place_id, टाइप, और ब्यौरा शामिल होगा. डिफ़ॉल्ट रूप से बंद रहता है. |
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>|undefinedplaces_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वह इलाका जहां क्वेरी के अनुमान को प्राथमिकता दी जानी है. अनुमान, इन सीमाओं को टारगेट करने वाली क्वेरी के हिसाब से होते हैं. हालांकि, ये सिर्फ़ इन क्वेरी तक ही सीमित नहीं होते. |