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 बनाने के बाद, आपको उसे मैप पर दिखाने के लिए Open को कॉल करना होगा. उपयोगकर्ता, Infoविंडो को मैप से हटाने के लिए, उस पर मौजूद 'बंद करें' बटन पर क्लिक कर सकता है. इसी बात को ध्यान में रखते हुए डेवलपर, Close() पर कॉल भी कर सकता है.
close
close()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
इस InfoWindow को बंद करने के लिए, इसे DOM स्ट्रक्चर से हटाया जाता है.
focus
focus()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
इस InfoWindow पर फ़ोकस सेट करता है. visible इवेंट के साथ-साथ इस तरीके का इस्तेमाल करके, यह पक्का किया जा सकता है कि फ़ोकस सेट करने से पहले, InfoWindow दिख रहा है या नहीं. दिखाई न देने वाले InfoWindow पर फ़ोकस नहीं किया जा सकता.
getContent
getContent()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  string|Element|Text|null|undefined इस InfoWindow का कॉन्टेंट. जो कॉन्टेंट के तौर पर पहले सेट किया गया था.
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 को जोड़ा जा सकता है. हालांकि, ऐसा करना ज़रूरी नहीं है. कोर एपीआई में, मार्कर क्लास इकलौता ऐंकर होता है. हालांकि, ऐंकर कोई भी MVCObject हो सकता है जो pixelOffset की गिनती करने के लिए, LatLng position प्रॉपर्टी और वैकल्पिक तौर पर पॉइंट anchorPoint प्रॉपर्टी दिखाता है. इसके लिए, InfoWindowOptions देखें. anchorPoint, ऐंकर की जगह से InfoWindow की नोक तक का ऑफ़सेट है. हमारा सुझाव है कि आप इस तरीके के लिए, एक आर्ग्युमेंट के तौर पर InfoWindowOpenOptions इंटरफ़ेस का इस्तेमाल करें. खुले होने पर ब्राउज़र फ़ोकस बदलने से बचने के लिए, InfoWindowOpenOptions.shouldFocus को false पर सेट करें.
setContent
setContent([content])
पैरामीटर: 
  • content:  string|Element|Text optional इस InfoWindow द्वारा दिखाई जाने वाली सामग्री.
रिटर्न वैल्यू: कोई नहीं
setOptions
setOptions([options])
पैरामीटर: 
रिटर्न वैल्यू: कोई नहीं
setPosition
setPosition([position])
पैरामीटर: 
  • position:  LatLng|LatLngLiteral optional LatLng की वह स्थिति जिस पर इस InfoWindow को दिखाया जाएगा.
रिटर्न वैल्यू: कोई नहीं
setZIndex
setZIndex(zIndex)
पैरामीटर: 
  • zIndex:  number इस InfoWindow के लिए z-इंडेक्स. कम z-इंडेक्स वाले अन्य सभी InfoWindows के सामने एक 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> DOM से अटैच होता है. अगर जानकारी विंडो का कॉन्टेंट डाइनैमिक तौर पर तैयार किया जा रहा है, तो हो सकता है कि आप इस इवेंट पर नज़र रखना चाहें.
Betaheadercontent_changed
function()
आर्ग्यूमेंट: कोई नहीं
हेडर सामग्री प्रॉपर्टी में बदलाव होने पर यह इवेंट सक्रिय होता है.
Betaheaderdisabled_changed
function()
आर्ग्यूमेंट: कोई नहीं
हेडर में बदलाव करने वाली प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है.
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 में प्रदर्शित करने के लिए सामग्री. यह कोई एचटीएमएल एलिमेंट, सामान्य टेक्स्ट वाली स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. Infoविंडो का साइज़, कॉन्टेंट के हिसाब से होगा. कॉन्टेंट का साइज़ साफ़ तौर पर सेट करने के लिए, कॉन्टेंट को उस साइज़ वाले एचटीएमएल एलिमेंट के तौर पर सेट करें.
disableAutoPan optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
मैप को पैन करने की सुविधा बंद करें, ताकि InfoWindow के खुलने पर पूरी तरह से दिखने लगे.
BetaheaderContent optional
टाइप:  string|Element|Text optional
InfoWindow हेडर पंक्ति में दिखाया जाने वाला कॉन्टेंट. यह कोई एचटीएमएल एलिमेंट या एचटीएमएल वाली स्ट्रिंग हो सकती है. Infoविंडो का साइज़, कॉन्टेंट के हिसाब से होगा. हेडर कॉन्टेंट का साइज़ साफ़ तौर पर सेट करने के लिए, हेडर कॉन्टेंट को उस साइज़ वाले एचटीएमएल एलिमेंट के तौर पर सेट करें.
BetaheaderDisabled optional
टाइप:  boolean optional
InfoWindow में पूरी हेडर पंक्ति को अक्षम करता है. अगर नीति को 'सही है' पर सेट किया जाता है, तो हेडर को हटा दिया जाएगा. इससे हेडर का कॉन्टेंट और 'बंद करें' बटन छिप जाएंगे.
maxWidth optional
टाइप:  number optional
Infoविंडो की ज़्यादा से ज़्यादा चौड़ाई, चाहे कॉन्टेंट की चौड़ाई कुछ भी हो. इस वैल्यू पर सिर्फ़ तब विचार किया जाता है, जब इसे open() पर कॉल करने से पहले सेट किया गया हो. कॉन्टेंट बदलते समय ज़्यादा से ज़्यादा चौड़ाई को बदलने के लिए, close(), setOptions(), और फिर open() को कॉल करें.
minWidth optional
टाइप:  number optional
जानकारी विंडो की कम से कम चौड़ाई, चाहे कॉन्टेंट की चौड़ाई कुछ भी हो. हमारा सुझाव है कि इस प्रॉपर्टी का इस्तेमाल करते समय, 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 उनके zIndex के क्रम में दिखाए जाते हैं, जिनमें ज़्यादा वैल्यू, InfoWindows के सामने कम वैल्यू के साथ दिखती हैं. डिफ़ॉल्ट रूप से, InfoWindows उनके अक्षांश के अनुसार प्रदर्शित होता है, जिसमें निचले अक्षांशों के InfoWindows उच्च अक्षांश पर InfoWindows के सामने प्रदर्शित होते हैं. InfoWindows हमेशा मार्कर के पहले प्रदर्शित होता है.

InfoWindowOpenOptions इंटरफ़ेस

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

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