Info Window

InfoWindow class

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 हो सकता है जो pixelOffset का हिसाब लगाने के लिए, LatLng position प्रॉपर्टी और वैकल्पिक रूप से Point anchorPoint प्रॉपर्टी दिखाता हो (InfoWindowOptions देखें). anchorPoint, ऐंकर की पोज़िशन से InfoWindow की नोक तक का ऑफ़सेट है. हमारा सुझाव है कि इस तरीके के लिए, InfoWindowOpenOptions इंटरफ़ेस का इस्तेमाल एक आर्ग्युमेंट के तौर पर करें. ब्राउज़र के खुलने पर फ़ोकस बदलने से रोकने के लिए, InfoWindowOpenOptions.shouldFocus को false पर सेट करें.
setContent	setContent([content]) पैरामीटर:  content:  string|Element|Text optional यह जानकारी देने वाली विंडो में दिखने वाला कॉन्टेंट. रिटर्न वैल्यू:  कोई नहीं
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-index वाला InfoWindow, कम z-index वाले सभी 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 optional	टाइप:  string optional InfoWindow को असाइन करने के लिए AriaLabel.
content optional	टाइप:  string|Element|Text optional InfoWindow में दिखाने के लिए कॉन्टेंट. यह कोई एचटीएमएल एलिमेंट, सादा टेक्स्ट स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. InfoWindow का साइज़, कॉन्टेंट के हिसाब से तय किया जाएगा. कॉन्टेंट के लिए साफ़ तौर पर साइज़ सेट करने के लिए, कॉन्टेंट को उस साइज़ के एचटीएमएल एलिमेंट के तौर पर सेट करें.
disableAutoPan optional	टाइप:  boolean optional डिफ़ॉल्ट: false मैप को पैन करने की सुविधा बंद करें, ताकि जानकारी वाली विंडो खुलने पर वह पूरी तरह से दिखे.
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 सभी इन्फ़ोविंडो, मैप पर उनके zIndex के क्रम में दिखती हैं. इसमें ज़्यादा वैल्यू वाली इन्फ़ोविंडो, कम वैल्यू वाली इन्फ़ोविंडो के सामने दिखती हैं. डिफ़ॉल्ट रूप से, इनफ़ोविंडो उनके अक्षांश के हिसाब से दिखती हैं. कम अक्षांश वाली इनफ़ोविंडो, ज़्यादा अक्षांश वाली इनफ़ोविंडो के सामने दिखती हैं. इनफ़ोविंडो हमेशा मार्कर के सामने दिखती हैं.

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 पर सेट किया जाता है, तो फ़ोकस को दूसरी जगह ले जाना है या नहीं, यह तय करने के लिए हेयुरिस्टिक का इस्तेमाल किया जाता है. हमारा सुझाव है कि अपनी ज़रूरतों के हिसाब से इस प्रॉपर्टी को साफ़ तौर पर सेट करें, क्योंकि हेयुरिस्टिक्स में बदलाव हो सकता है और हो सकता है कि यह सभी इस्तेमाल के उदाहरणों के लिए सही से काम न करे.