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, मैप को खोले जाने पर उसे पैन करेगा. इससे, वह मैप पर खुद को दिखने लगेगा. InfoWindow बनाने के बाद, आपको उसे मैप पर दिखाने के लिए, 'खोलें' को कॉल करना होगा. उपयोगकर्ता, InfoWindow पर मौजूद 'बंद करें' बटन पर क्लिक करके, उसे मैप से हटा सकता है. इसके अलावा, वही इफ़ेक्ट इस्तेमाल करने के लिए, डेवलपर Close() को कॉल कर सकता है. |
प्रॉपर्टी | |
---|---|
isOpen |
टाइप:
boolean जांच करता है कि InfoWindow खुला है या नहीं. |
तरीके | |
---|---|
close |
close() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस InfoWindow को DOM स्ट्रक्चर से हटाकर बंद करता है. |
focus |
focus() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस InfoWindow पर फ़ोकस सेट करता है. हालांकि, फ़ोकस को सेट करने से पहले, visible इवेंट के साथ इस तरीके का इस्तेमाल किया जा सकता है, ताकि यह पक्का किया जा सके कि InfoWindow दिख रही है. जो InfoWindow नहीं दिख रहा है उसे फ़ोकस नहीं किया जा सकता. |
getContent |
getContent() पैरामीटर: कोई नहीं
|
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]) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
दिए गए मैप पर इस InfoWindow को खोलता है. इसके अलावा, किसी InfoWindow को ऐंकर के साथ जोड़ा जा सकता है. कोर एपीआई में, सिर्फ़ मार्कर क्लास वाला ऐंकर होता है. हालांकि, ऐंकर कोई भी MVCObject, लॉग इन करने के लिए LatLng position प्रॉपर्टी हो सकता है. इसके अलावा, pixelOffset का हिसाब लगाने के लिए, इसका विकल्प anchorPoint प्रॉपर्टी भी हो सकती है (InfoWindowOptions देखें). anchorPoint , ऐंकर की स्थिति से InfoWindow के सबसे ऊपरी हिस्से तक का ऑफ़सेट है. हमारा सुझाव है कि इस तरीके के लिए, InfoWindowOpenOptions इंटरफ़ेस को एक आर्ग्युमेंट के तौर पर इस्तेमाल करें. ब्राउज़र का फ़ोकस 'खुला है' पर न बदलने के लिए, InfoWindowOpenOptions.shouldFocus को false पर सेट करें. |
setContent |
setContent([content]) सामान लौटाने की वैल्यू: कोई नहीं
|
setHeaderContent |
setHeaderContent([headerContent]) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
|
setHeaderDisabled |
setHeaderDisabled([headerDisabled]) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
|
setOptions |
setOptions([options]) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
|
setPosition |
setPosition([position]) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
|
setZIndex |
setZIndex(zIndex) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
|
इनहेरिट की गई:
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() तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब हेडर कॉन्टेंट प्रॉपर्टी में बदलाव होता है. |
headerdisabled_changed |
function() तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब हेडर बंद की गई प्रॉपर्टी में बदलाव होता है. |
position_changed |
function() तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब पोज़िशन प्रॉपर्टी बदल जाती है. |
visible |
function() तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब InfoWindow पूरी तरह से दिख रहा हो. यह इवेंट तब ट्रिगर नहीं होता, जब InfoWindow को बंद करके स्क्रीन पर वापस भेजा जाता है. |
zindex_changed |
function() तर्क: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब InfoWindow का zइंडेक्स बदलता है. |
InfoWindowOptions इंटरफ़ेस
google.maps.InfoWindowOptions
इंटरफ़ेस
InfoWindowOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें InfoWindow पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
ariaLabel optional |
टाइप:
string optional InfoWindow को असाइन करने के लिए, AriaLabel. |
content optional |
InfoWindow में दिखाने के लिए सामग्री. यह कोई एचटीएमएल एलिमेंट, सामान्य टेक्स्ट वाली स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. InfoWindows का साइज़, कॉन्टेंट के हिसाब से होगा. अगर आपको कॉन्टेंट के लिए सही साइज़ सेट करना है, तो कॉन्टेंट को उस साइज़ वाले एचटीएमएल एलिमेंट के तौर पर सेट करें. |
disableAutoPan optional |
टाइप:
boolean optional डिफ़ॉल्ट:
false मैप को पैन करने की सुविधा बंद करें, ताकि InfoWindow के खुलने पर उसे पूरी तरह से देखा जा सके. |
headerContent optional |
InfoWindow हेडर पंक्ति में दिखाया जाने वाला कॉन्टेंट. यह कोई एचटीएमएल एलिमेंट या सादे टेक्स्ट की स्ट्रिंग हो सकती है. InfoWindows का साइज़, कॉन्टेंट के हिसाब से होगा. हेडर के कॉन्टेंट का साइज़ साफ़ तौर पर सेट करने के लिए, 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 सभी InfoWindows मैप पर उनके zइंडेक्स के क्रम में दिखाए जाते हैं, जिसमें कम मानों के साथ InfoWindows के सामने उच्च मान प्रदर्शित किए जाते हैं. डिफ़ॉल्ट रूप से, InfoWindows उनके अक्षांश के अनुसार प्रदर्शित होते हैं, जिनमें नीचे के अक्षांशों के InfoWindows, उच्च अक्षांश पर InfoWindows के सामने दिखाई देते हैं. InfoWindows हमेशा मार्कर के सामने प्रदर्शित होते हैं. |
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 पर सेट किया जाता है, तो अनुमान का इस्तेमाल करके यह तय किया जाता है कि फ़ोकस को ट्रांसफ़र करना है या नहीं. हमारी सलाह है कि आप इस प्रॉपर्टी को अपनी ज़रूरतों के हिसाब से सेट करें. ऐसा इसलिए, क्योंकि इस अनुमान में बदलाव हो सकता है और हो सकता है कि यह हर तरह के इस्तेमाल के लिए ठीक से काम न करे. |