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() पैरामीटर: कोई नहीं
|
getPosition |
getPosition() पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
LatLng|null|undefined इस InfoWindow की LatLng स्थिति. |
getZIndex |
getZIndex() पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
number इस InfoWindow का zIndex. |
open |
open([options, anchor]) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
दिए गए मैप पर यह InfoWindow खोलता है. इसके अलावा, किसी ऐंकर के साथ InfoWindow को जोड़ा जा सकता है. हालांकि, ऐसा करना ज़रूरी नहीं है. कोर एपीआई में, मार्कर क्लास इकलौता ऐंकर होता है. हालांकि, ऐंकर कोई भी MVCObject हो सकता है जो pixelOffset की गिनती करने के लिए, LatLng position प्रॉपर्टी और वैकल्पिक तौर पर पॉइंट anchorPoint प्रॉपर्टी दिखाता है. इसके लिए, InfoWindowOptions देखें. anchorPoint , ऐंकर की जगह से InfoWindow की नोक तक का ऑफ़सेट है. हमारा सुझाव है कि आप इस तरीके के लिए, एक आर्ग्युमेंट के तौर पर InfoWindowOpenOptions इंटरफ़ेस का इस्तेमाल करें. खुले होने पर ब्राउज़र फ़ोकस बदलने से बचने के लिए, InfoWindowOpenOptions.shouldFocus को false पर सेट करें. |
setContent |
setContent([content]) रिटर्न वैल्यू: कोई नहीं
|
setOptions |
setOptions([options]) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setPosition |
setPosition([position]) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setZIndex |
setZIndex(zIndex) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
इनहेरिट की गई:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
इवेंट | |
---|---|
closeclick |
function() आर्ग्यूमेंट: कोई नहीं
'बंद करें' बटन पर क्लिक होने पर, यह इवेंट सक्रिय होता है. |
content_changed |
function() आर्ग्यूमेंट: कोई नहीं
सामग्री प्रॉपर्टी में बदलाव होने पर यह इवेंट सक्रिय होता है. |
domready |
function() आर्ग्यूमेंट: कोई नहीं
यह इवेंट तब सक्रिय होता है, जब InfoWindow की सामग्री वाला <div> DOM से अटैच होता है. अगर जानकारी विंडो का कॉन्टेंट डाइनैमिक तौर पर तैयार किया जा रहा है, तो हो सकता है कि आप इस इवेंट पर नज़र रखना चाहें. |
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 |
InfoWindow में प्रदर्शित करने के लिए सामग्री. यह कोई एचटीएमएल एलिमेंट, सामान्य टेक्स्ट वाली स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. Infoविंडो का साइज़, कॉन्टेंट के हिसाब से होगा. कॉन्टेंट का साइज़ साफ़ तौर पर सेट करने के लिए, कॉन्टेंट को उस साइज़ वाले एचटीएमएल एलिमेंट के तौर पर सेट करें. |
disableAutoPan optional |
टाइप:
boolean optional डिफ़ॉल्ट:
false मैप को पैन करने की सुविधा बंद करें, ताकि 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 पर सेट होती है, तो अनुमान के आधार पर यह तय किया जाता है कि फ़ोकस को किसी अन्य जगह पर ले जाना चाहिए या नहीं. हमारा सुझाव है कि आप इस प्रॉपर्टी को अपनी ज़रूरतों के हिसाब से सेट करें. ऐसा इसलिए, क्योंकि अनुमान में बदलाव हो सकता है और हो सकता है कि यह हर तरह के इस्तेमाल के लिए ठीक से काम न करे. |