Info Window

InfoWindow क्लास

google.maps.InfoWindow क्लास

यह ओवरले, बबल की तरह दिखता है और अक्सर किसी मार्कर से जुड़ा होता है.

इस क्लास में MVCObject शामिल हैं.

const {InfoWindow} = await google.maps.importLibrary("maps") या const {InfoWindow} = await google.maps.importLibrary("streetView") पर कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
InfoWindow
InfoWindow([opts])
पैरामीटर: 
दिए गए विकल्पों के साथ जानकारी विंडो बनाता है. विकल्पों में दी गई जानकारी के आधार पर, InfoWindow को किसी खास जगह पर या मार्कर के ऊपर रखा जा सकता है. जब तक ऑटो-पैन बंद नहीं होता, तब तक InfoWindow, मैप को खोले जाने पर उसे पैन करेगा. इससे, वह मैप पर खुद को दिखने लगेगा. InfoWindow बनाने के बाद, आपको उसे मैप पर दिखाने के लिए, 'खोलें' को कॉल करना होगा. उपयोगकर्ता, InfoWindow पर मौजूद 'बंद करें' बटन पर क्लिक करके, उसे मैप से हटा सकता है. इसके अलावा, वही इफ़ेक्ट इस्तेमाल करने के लिए, डेवलपर Close() को कॉल कर सकता है.
isOpen
टाइप:  boolean
जांच करता है कि InfoWindow खुला है या नहीं.
close
close()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस InfoWindow को DOM स्ट्रक्चर से हटाकर बंद करता है.
focus
focus()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस InfoWindow पर फ़ोकस सेट करता है. हालांकि, फ़ोकस को सेट करने से पहले, visible इवेंट के साथ इस तरीके का इस्तेमाल किया जा सकता है, ताकि यह पक्का किया जा सके कि InfoWindow दिख रही है. जो InfoWindow नहीं दिख रहा है उसे फ़ोकस नहीं किया जा सकता.
getContent
getContent()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  string|Element|Text|null|undefined इस InfoWindow का कॉन्टेंट. वही जो कॉन्टेंट के लिए पहले सेट किया गया था.
getHeaderContent
getHeaderContent()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  string|Element|Text|null|undefined इस InfoWindow का हेडर कॉन्टेंट. InfoWindowOptions.headerContent देखें.
getHeaderDisabled
getHeaderDisabled()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  boolean|undefined हेडर वाली पूरी लाइन बंद है या नहीं. InfoWindowOptions.headerDisabled देखें.
getPosition
getPosition()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  LatLng|null|undefined इस InfoWindow की LatLng पोज़िशन.
getZIndex
getZIndex()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  number इस InfoWindow का zIndex.
open
open([options, anchor])
पैरामीटर: 
  • options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional InfoWindowOpenOptions ऑब्जेक्ट (सुझाया गया) या वह Maps|panorama जिस पर इस InfoWindow को रेंडर करना है.
  • anchor:  MVCObject|AdvancedMarkerElement optional वह ऐंकर जहां यह InfoWindow रखा जाएगा. अगर ऐंकर खाली नहीं है, तो InfoWindow को ऐंकर के टॉप-सेंटर में रखा जाएगा. InfoWindow को उसी मैप या पैनोरामा पर ऐंकर (उपलब्ध होने पर) के तौर पर रेंडर किया जाएगा.
सामान लौटाने की वैल्यू: कोई नहीं
दिए गए मैप पर इस InfoWindow को खोलता है. इसके अलावा, किसी InfoWindow को ऐंकर के साथ जोड़ा जा सकता है. कोर एपीआई में, सिर्फ़ मार्कर क्लास वाला ऐंकर होता है. हालांकि, ऐंकर कोई भी MVCObject, लॉग इन करने के लिए LatLng position प्रॉपर्टी हो सकता है. इसके अलावा, pixelOffset का हिसाब लगाने के लिए, इसका विकल्प anchorPoint प्रॉपर्टी भी हो सकती है (InfoWindowOptions देखें). anchorPoint, ऐंकर की स्थिति से InfoWindow के सबसे ऊपरी हिस्से तक का ऑफ़सेट है. हमारा सुझाव है कि इस तरीके के लिए, InfoWindowOpenOptions इंटरफ़ेस को एक आर्ग्युमेंट के तौर पर इस्तेमाल करें. ब्राउज़र का फ़ोकस 'खुला है' पर न बदलने के लिए, InfoWindowOpenOptions.shouldFocus को false पर सेट करें.
setContent
setContent([content])
पैरामीटर: 
  • content:  string|Element|Text optional इस InfoWindow के ज़रिए दिखाया जाने वाला कॉन्टेंट.
सामान लौटाने की वैल्यू: कोई नहीं
setHeaderContent
setHeaderContent([headerContent])
पैरामीटर: 
  • headerContent:  string|Element|Text optional इस InfoWindow के ज़रिए दिखाया जाने वाला हेडर कॉन्टेंट. InfoWindowOptions.headerContent देखें.
सामान लौटाने की वैल्यू: कोई नहीं
setHeaderDisabled
setHeaderDisabled([headerDisabled])
पैरामीटर: 
  • headerDisabled:  boolean optional बताता है कि पूरी हेडर लाइन को बंद करना है या नहीं. InfoWindowOptions.headerDisabled देखें.
सामान लौटाने की वैल्यू: कोई नहीं
setOptions
setOptions([options])
पैरामीटर: 
सामान लौटाने की वैल्यू: कोई नहीं
setPosition
setPosition([position])
पैरामीटर: 
  • position:  LatLng|LatLngLiteral optional वह LatLng पोज़िशन, जिस पर इस InfoWindow को दिखाना है.
सामान लौटाने की वैल्यू: कोई नहीं
setZIndex
setZIndex(zIndex)
पैरामीटर: 
  • zIndex:  number इस InfoWindow के लिए z-इंडेक्स. अन्य सभी InfoWindows के सामने, कम z-इंडेक्स के साथ एक InfoWindow प्रदर्शित किया जाएगा.
सामान लौटाने की वैल्यू: कोई नहीं
इनहेरिट की गई: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
close
function()
तर्क: कोई नहीं
जब भी InfoWindow बंद होता है, यह इवेंट सक्रिय हो जाता है. उदाहरण के लिए, यह InfoWindow.close तरीके को कॉल करने, InfoWindow को बंद करने के लिए Escape कुंजी दबाने या बंद करने के बटन पर क्लिक करने या InfoWindow को किसी दूसरे मैप पर ले जाने से हो सकता है.
closeclick
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब 'बंद करें' बटन पर क्लिक किया जाता है.
content_changed
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब कॉन्टेंट प्रॉपर्टी में बदलाव होता है.
domready
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब InfoWindow का कॉन्टेंट वाला <div>, डीओएम से अटैच होता है. अगर आप अपनी जानकारी विंडो की सामग्री डायनैमिक तरीके से बना रहे हैं, तो शायद आप इस इवेंट की निगरानी करना चाहें.
headercontent_changed
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब हेडर कॉन्टेंट प्रॉपर्टी में बदलाव होता है.
headerdisabled_changed
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब हेडर बंद की गई प्रॉपर्टी में बदलाव होता है.
position_changed
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब पोज़िशन प्रॉपर्टी बदल जाती है.
visible
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब InfoWindow पूरी तरह से दिख रहा हो. यह इवेंट तब ट्रिगर नहीं होता, जब InfoWindow को बंद करके स्क्रीन पर वापस भेजा जाता है.
zindex_changed
function()
तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब InfoWindow का zइंडेक्स बदलता है.

InfoWindowOptions इंटरफ़ेस

google.maps.InfoWindowOptions इंटरफ़ेस

InfoWindowOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें InfoWindow पर सेट किया जा सकता है.
ariaLabel optional
टाइप:  string optional
InfoWindow को असाइन करने के लिए, AriaLabel.
content optional
टाइप:  string|Element|Text optional
InfoWindow में दिखाने के लिए सामग्री. यह कोई एचटीएमएल एलिमेंट, सामान्य टेक्स्ट वाली स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. InfoWindows का साइज़, कॉन्टेंट के हिसाब से होगा. अगर आपको कॉन्टेंट के लिए सही साइज़ सेट करना है, तो कॉन्टेंट को उस साइज़ वाले एचटीएमएल एलिमेंट के तौर पर सेट करें.
disableAutoPan optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
मैप को पैन करने की सुविधा बंद करें, ताकि InfoWindow के खुलने पर उसे पूरी तरह से देखा जा सके.
headerContent optional
टाइप:  string|Element|Text optional
InfoWindow हेडर पंक्ति में दिखाया जाने वाला कॉन्टेंट. यह कोई एचटीएमएल एलिमेंट या सादे टेक्स्ट की स्ट्रिंग हो सकती है. InfoWindows का साइज़, कॉन्टेंट के हिसाब से होगा. हेडर के कॉन्टेंट का साइज़ साफ़ तौर पर सेट करने के लिए, HeaderContent को उस साइज़ वाला एचटीएमएल एलिमेंट बनाएं.
headerDisabled optional
टाइप:  boolean optional
InfoWindow में पूरी हेडर पंक्ति को अक्षम करता है. हेडर को 'सही है' पर सेट करने से, हेडर को हटा दिया जाएगा. इससे हेडर का कॉन्टेंट और 'बंद करें' बटन छिपा रहेगा.
maxWidth optional
टाइप:  number optional
InfoWindow की अधिकतम चौड़ाई, सामग्री की चौड़ाई पर ध्यान दिए बिना. यह वैल्यू सिर्फ़ तब मानी जाती है, जब इसे open() को कॉल करने से पहले सेट किया गया हो. कॉन्टेंट बदलते समय, स्क्रीन की ज़्यादा से ज़्यादा चौड़ाई बदलने के लिए, close(), setOptions(), और फिर open() पर कॉल करें.
minWidth optional
टाइप:  number optional
InfoWindow की कम से कम चौड़ाई, भले ही कॉन्टेंट की चौड़ाई कुछ भी हो. इस प्रॉपर्टी का इस्तेमाल करते समय, minWidth को मैप की चौड़ाई (पिक्सल में) से कम वैल्यू पर सेट करने का सुझाव दिया जाता है. यह वैल्यू सिर्फ़ तब मानी जाती है, जब इसे open() को कॉल करने से पहले सेट किया गया हो. कॉन्टेंट बदलते समय, सबसे कम चौड़ाई बदलने के लिए close(), setOptions(), और फिर open() पर कॉल करें.
pixelOffset optional
टाइप:  Size optional
मैप पर उस बिंदु से जानकारी विंडो की नोक का ऑफ़सेट (पिक्सल में), जिसके भौगोलिक निर्देशांक से जानकारी विंडो ऐंकर की गई है. अगर किसी InfoWindow को ऐंकर के साथ खोला जाता है, तो pixelOffset को ऐंकर की anchorPoint प्रॉपर्टी से कैलकुलेट किया जाएगा.
position optional
टाइप:  LatLng|LatLngLiteral optional
वह LatLng, जिस पर इस InfoWindow को दिखाना है. अगर InfoWindow को ऐंकर के साथ खोला जाता है, तो ऐंकर की पोज़िशन का इस्तेमाल किया जाएगा.
zIndex optional
टाइप:  number optional
सभी InfoWindows मैप पर उनके zइंडेक्स के क्रम में दिखाए जाते हैं, जिसमें कम मानों के साथ InfoWindows के सामने उच्च मान प्रदर्शित किए जाते हैं. डिफ़ॉल्ट रूप से, InfoWindows उनके अक्षांश के अनुसार प्रदर्शित होते हैं, जिनमें नीचे के अक्षांशों के InfoWindows, उच्च अक्षांश पर InfoWindows के सामने दिखाई देते हैं. InfoWindows हमेशा मार्कर के सामने प्रदर्शित होते हैं.

InfoWindowOpenOptions इंटरफ़ेस

google.maps.InfoWindowOpenOptions इंटरफ़ेस

InfoWindow खोलने के विकल्प
anchor optional
टाइप:  MVCObject|AdvancedMarkerElement optional
वह ऐंकर जहां यह InfoWindow रखा जाएगा. अगर ऐंकर खाली नहीं है, तो InfoWindow को ऐंकर के टॉप-सेंटर में रखा जाएगा. InfoWindow को उसी मैप या पैनोरामा पर ऐंकर (उपलब्ध होने पर) के तौर पर रेंडर किया जाएगा.
map optional
टाइप:  Map|StreetViewPanorama optional
वह मैप या पैनोरामा, जिस पर इस InfoWindow को रेंडर करना है.
shouldFocus optional
टाइप:  boolean optional
जब InfoWindow खोला जाए, तो फ़ोकस को उसमें ले जाना चाहिए या नहीं. अगर यह प्रॉपर्टी सेट नहीं है या इसे null या undefined पर सेट किया जाता है, तो अनुमान का इस्तेमाल करके यह तय किया जाता है कि फ़ोकस को ट्रांसफ़र करना है या नहीं. हमारी सलाह है कि आप इस प्रॉपर्टी को अपनी ज़रूरतों के हिसाब से सेट करें. ऐसा इसलिए, क्योंकि इस अनुमान में बदलाव हो सकता है और हो सकता है कि यह हर तरह के इस्तेमाल के लिए ठीक से काम न करे.