Info Window

InfoWindow क्लास

google.maps.InfoWindow class
extends MVCObject
library "maps", "streetView"

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

const {InfoWindow} = await google.maps.importLibrary("maps");

या

const {InfoWindow} = await google.maps.importLibrary("streetView");

निर्माता

InfoWindow

InfoWindow([opts]) पैरामीटर: opts: InfoWindowOptions optional दिए गए विकल्पों के साथ जानकारी विंडो बनाता है. विकल्पों में दी गई जानकारी के आधार पर, InfoWindow को मैप पर किसी खास जगह या मार्कर के ऊपर रखा जा सकता है. जब तक ऑटो-पैन की सुविधा बंद नहीं की जाती, तब तक InfoWindow खुलने पर मैप को पैन करेगा, ताकि वह दिख सके. InfoWindow बनाने के बाद, आपको इसे मैप पर दिखाने के लिए, open को कॉल करना होगा. उपयोगकर्ता, InfoWindow पर मौजूद 'बंद करें' बटन पर क्लिक करके, उसे मैप से हटा सकता है. इसके अलावा, डेवलपर भी close() को कॉल करके ऐसा कर सकता है.

प्रॉपर्टी
isOpen readonly	टाइप: boolean यह जांच करता है कि InfoWindow खुला है या नहीं.

तरीके
close	close() पैरामीटर: कोई नहीं रिटर्न वैल्यू: कोई नहीं यह InfoWindow को डीओएम स्ट्रक्चर से हटाकर बंद कर देता है.
focus	focus() पैरामीटर: कोई नहीं रिटर्न वैल्यू: कोई नहीं इस InfoWindow पर फ़ोकस सेट करता है. इस तरीके का इस्तेमाल visible इवेंट के साथ किया जा सकता है. इससे यह पक्का किया जा सकता है कि फ़ोकस सेट करने से पहले, InfoWindow दिख रहा हो. जो InfoWindow नहीं दिख रहा है उस पर फ़ोकस नहीं किया जा सकता.
getContent	getContent() पैरामीटर: कोई नहीं रिटर्न वैल्यू: string|Element|Text|null|undefined इस InfoWindow का कॉन्टेंट. यह वही है जो पहले कॉन्टेंट के तौर पर सेट किया गया था.
getHeaderContent	getHeaderContent() पैरामीटर: कोई नहीं Return Value: string|Element|Text|null|undefined इस InfoWindow का हेडर कॉन्टेंट. InfoWindowOptions.headerContent देखें.
getHeaderDisabled	getHeaderDisabled() पैरामीटर: कोई नहीं Return Value: boolean|undefined Whether the whole header row is disabled or not. 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-इंडेक्स. ज़्यादा z-इंडेक्स वाली InfoWindow, कम 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() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब headerContent प्रॉपर्टी में बदलाव होता है.
headerdisabled_changed	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब headerDisabled प्रॉपर्टी में बदलाव होता है.
position_changed	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब पोज़िशन प्रॉपर्टी में बदलाव होता है.
visible	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब InfoWindow पूरी तरह से दिखता है. यह इवेंट तब ट्रिगर नहीं होता, जब InfoWindow को स्क्रीन से हटाकर वापस लाया जाता है.
zindex_changed	function() आर्ग्युमेंट: कोई नहीं यह इवेंट तब ट्रिगर होता है, जब InfoWindow का zIndex बदलता है.

InfoWindowOptions इंटरफ़ेस

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

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

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

InfoWindowOpenOptions इंटरफ़ेस

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

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

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