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]) पैरामीटर:  opts:  InfoWindowOptions optional यह दिए गए विकल्पों के साथ एक सूचना विंडो बनाता है. InfoWindow को मैप पर किसी खास जगह पर या मार्कर के ऊपर रखा जा सकता है. यह इस बात पर निर्भर करता है कि विकल्पों में क्या बताया गया है. जब तक ऑटो-पैन की सुविधा बंद नहीं की जाती, तब तक InfoWindow खुलने पर मैप को पैन करेगा, ताकि वह खुद दिख सके. InfoWindow बनाने के बाद, आपको इसे मैप पर दिखाने के लिए open को कॉल करना होगा. उपयोगकर्ता, 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 ऑब्जेक्ट (सुझाया गया) या वह मैप|पैनोरमा जिस पर इस InfoWindow को रेंडर करना है. anchor:  MVCObject|AdvancedMarkerElement optional यह वह ऐंकर है जिस पर यह InfoWindow दिखेगा. अगर ऐंकर शून्य नहीं है, तो InfoWindow को ऐंकर के सबसे ऊपर बीच में रखा जाएगा. InfoWindow को उसी मैप या पैनोरमा पर रेंडर किया जाएगा जिस पर ऐंकर (अगर उपलब्ध हो) मौजूद है. रिटर्न वैल्यू:  कोई नहीं यह फ़ंक्शन, दिए गए मैप पर इस InfoWindow को खोलता है. इसके अलावा, किसी ऐंकर से InfoWindow को जोड़ा जा सकता है. कोर एपीआई में, सिर्फ़ मार्कर क्लास को ऐंकर किया जा सकता है. हालांकि, ऐंकर कोई भी MVCObject हो सकता है. इसके लिए, यह ज़रूरी है कि वह LatLng position प्रॉपर्टी को दिखाता हो. साथ ही, pixelOffset का हिसाब लगाने के लिए, वह Point 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]) पैरामीटर:  options:  InfoWindowOptions optional रिटर्न वैल्यू:  कोई नहीं
setPosition	setPosition([position]) पैरामीटर:  position:  LatLng|LatLngLiteral optional LatLng पोज़िशन, जहां इस InfoWindow को दिखाना है. रिटर्न वैल्यू:  कोई नहीं
setZIndex	setZIndex(zIndex) पैरामीटर:  zIndex:  number इस InfoWindow के लिए z-index. ज़्यादा z-इंडेक्स वाला InfoWindow, कम z-इंडेक्स वाले सभी InfoWindow के ऊपर दिखेगा. रिटर्न वैल्यू:  कोई नहीं
इनहेरिट किया गया: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

इवेंट
close	function() आर्ग्युमेंट: कोई नहीं जब भी InfoWindow बंद होता है, तब यह इवेंट ट्रिगर होता है. उदाहरण के लिए, ऐसा InfoWindow.close तरीके को कॉल करने, InfoWindow को बंद करने के लिए एस्केप बटन दबाने या बंद करें बटन पर क्लिक करने या InfoWindow को किसी दूसरे मैप पर ले जाने से हो सकता है.
closeclick	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब 'बंद करें' बटन पर क्लिक किया जाता है.
content_changed	function() आर्ग्युमेंट: कोई नहीं कॉन्टेंट प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है.
domready	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब <div> में मौजूद InfoWindow का कॉन्टेंट, DOM से अटैच होता है. अगर आपको जानकारी विंडो का कॉन्टेंट डाइनैमिक तरीके से बनाना है, तो इस इवेंट को मॉनिटर किया जा सकता है.
headercontent_changed	function() आर्ग्युमेंट: कोई नहीं जब headerContent प्रॉपर्टी बदलती है, तब यह इवेंट ट्रिगर होता है.
headerdisabled_changed	function() आर्ग्युमेंट: कोई नहीं जब headerDisabled प्रॉपर्टी बदलती है, तब यह इवेंट ट्रिगर होता है.
position_changed	function() आर्ग्युमेंट: कोई नहीं जब position प्रॉपर्टी बदलती है, तब यह इवेंट ट्रिगर होता है.
visible	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब InfoWindow पूरी तरह से दिखता है. जब InfoWindow को पैन करके स्क्रीन से हटा दिया जाता है और फिर वापस स्क्रीन पर लाया जाता है, तब यह इवेंट ट्रिगर नहीं होता.
zindex_changed	function() आर्ग्युमेंट: कोई नहीं InfoWindow का zIndex बदलने पर, यह इवेंट ट्रिगर होता है.

InfoWindowOptions इंटरफ़ेस

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

InfoWindowOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें InfoWindow पर सेट किया जा सकता है.

प्रॉपर्टी
ariaLabel optional	टाइप:  string optional InfoWindow को असाइन करने के लिए AriaLabel.
content optional	टाइप:  string|Element|Text optional InfoWindow में दिखाने के लिए कॉन्टेंट. यह एचटीएमएल एलिमेंट, सादा टेक्स्ट स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. InfoWindow का साइज़, कॉन्टेंट के हिसाब से होगा. कॉन्टेंट के लिए कोई साइज़ सेट करने के लिए, कॉन्टेंट को उस साइज़ का एचटीएमएल एलिमेंट सेट करें.
disableAutoPan optional	टाइप:  boolean optional डिफ़ॉल्ट: false जब InfoWindow खुलता है, तो उसे पूरी तरह से दिखाने के लिए, मैप को पैन करने की सुविधा बंद करें.
headerContent optional	टाइप:  string|Element|Text optional InfoWindow की हेडर लाइन में दिखने वाला कॉन्टेंट. यह एचटीएमएल एलिमेंट या सादे टेक्स्ट की स्ट्रिंग हो सकती है. InfoWindow का साइज़, कॉन्टेंट के हिसाब से होगा. हेडर कॉन्टेंट के लिए कोई साइज़ सेट करने के लिए, 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 सभी InfoWindow, मैप पर उनके zIndex के क्रम में दिखते हैं. ज़्यादा वैल्यू वाले InfoWindow, कम वैल्यू वाले InfoWindow के सामने दिखते हैं. डिफ़ॉल्ट रूप से, InfoWindow को उनके अक्षांश के हिसाब से दिखाया जाता है. इसमें कम अक्षांश वाले InfoWindow, ज़्यादा अक्षांश वाले InfoWindow के सामने दिखते हैं. InfoWindow हमेशा मार्कर के सामने दिखती हैं.

InfoWindowOpenOptions इंटरफ़ेस

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

InfoWindow खोलने के विकल्प

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