Info Window

InfoWindow क्लास

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

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

const {InfoWindow} = await google.maps.importLibrary("maps");
 या 
const {InfoWindow} = await google.maps.importLibrary("streetView");
InfoWindow
InfoWindow([opts])
पैरामीटर:
दिए गए विकल्पों के साथ जानकारी विंडो बनाता है. विकल्पों में दी गई जानकारी के आधार पर, 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])
पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
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-इंडेक्स. ज़्यादा 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 पर सेट किया जाता है, तो फ़ोकस को मूव किया जाना चाहिए या नहीं, यह तय करने के लिए ह्यूरिस्टिक का इस्तेमाल किया जाता है. हमारा सुझाव है कि आप इस प्रॉपर्टी को अपनी ज़रूरत के हिसाब से सेट करें. ऐसा इसलिए, क्योंकि ह्यूरिस्टिक में बदलाव हो सकता है और हो सकता है कि यह सभी मामलों में सही तरीके से काम न करे.