Info लिखें क्लास
google.maps.InfoWindow
क्लास
बबल की तरह दिखने वाला ओवरले और अक्सर किसी मार्कर से कनेक्ट होता है.
यह क्लास
MVCObject
तक बढ़ाई गई है.
const {InfoWindow} = await google.maps.importLibrary("maps")
या const {InfoWindow} = await google.maps.importLibrary("streetView")
पर कॉल करके ऐक्सेस करें. Maps JavaScript एपीआई में लाइब्रेरी देखें.
निर्माता | |
---|---|
InfoWindow |
InfoWindow([opts]) पैरामीटर:
दिए गए विकल्पों की मदद से जानकारी वाली विंडो बनाता है. विकल्पों में दी गई जानकारी के हिसाब से, किसी जानकारी वाली विंडो को किसी खास जगह या मार्कर के ऊपर रखा जा सकता है. जब तक अपने-आप पैन होने की सुविधा बंद नहीं होती, तब तक InInfoViews खोलने पर मैप दिखने लगेगा. Infoविंडो बनाने के बाद, उसे मैप पर दिखाने के लिए आपको खोलने के लिए कॉल करना होगा. उपयोगकर्ता उसे Map से निकालने के लिए InfoInfo पर बंद करें बटन पर क्लिक कर सकता है या डेवलपर इसी प्रभाव के लिए Close() को कॉल कर सकता है. |
तरीके | |
---|---|
close |
close() पैरामीटर: कोई नहीं
लौटाने की वैल्यू: कोई नहीं
डीओएम स्ट्रक्चर से इसे हटाकर, इस Infoविंडो को बंद करता है. |
focus |
focus() पैरामीटर: कोई नहीं
लौटाने की वैल्यू: कोई नहीं
InfoWindow पर फ़ोकस सेट करता है. फ़ोकस सेट करने से पहले, आप visible इवेंट के साथ-साथ इस तरीके का इस्तेमाल करके यह पक्का कर सकते हैं कि InfoWindow दिख रहा है. जो InfoWindow दिखाई नहीं देता वह फ़ोकस नहीं किया जा सकता. |
getContent |
getContent() पैरामीटर: कोई नहीं
|
getPosition |
getPosition() पैरामीटर: कोई नहीं
लौटाने की वैल्यू:
LatLng|null|undefined इस Infoविंडो की LatLng स्थिति. |
getZIndex |
getZIndex() पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
number इस इन्फ़ोविंडो का zइंडेक्स. |
open |
open([options, anchor]) पैरामीटर:
लौटाने की वैल्यू: कोई नहीं
दिए गए मैप पर यह इन्फ़ोविंडो खोलता है. इसके अलावा, किसी Info लिखें को ऐंकर से जोड़ा जा सकता है. कोर एपीआई में, मार्कर क्लास ही एक ऐंकर होता है. ऐंकर, ऐसा कोई भी MVCObject हो सकता है जो LatLng position प्रॉपर्टी को दिखाता है. हालांकि, pixelOffset का हिसाब लगाने के लिए पॉइंट anchorPoint प्रॉपर्टी हो सकती है (InfoInfoOptions देखें). anchorPoint ऐंकर की स्थिति से लेकर इन्फ़ोविंडो के टिप तक का ऑफ़सेट है. हमारा सुझाव है कि इस तरीके के लिए, 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> के साथ डीओएम से जुड़ा होता है. जानकारी वाली विंडो का कॉन्टेंट डाइनैमिक तौर पर बनाया जा रहा है, तो इस इवेंट पर नज़र रखी जा सकती है. |
position_changed |
function() आर्ग्युमेंट: कोई नहीं
पोज़िशन प्रॉपर्टी में बदलाव होने पर यह इवेंट सक्रिय हो जाता है. |
visible |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब सक्रिय होता है, जब InfoWindow पूरी तरह से दिखता है. यह इवेंट तब सक्रिय नहीं होता, जब InfoWindow पैन किया जाता है और फिर स्क्रीन पर वापस आ जाता है. |
zindex_changed |
function() आर्ग्युमेंट: कोई नहीं
InfoWindow के zइंडेक्स में बदलाव होने पर यह इवेंट सक्रिय होता है. |
InfoविंडोOptions इंटरफ़ेस
google.maps.InfoWindowOptions
इंटरफ़ेस
Infoविंडो विकल्प ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी की जानकारी देने के लिए किया जाता है जिन्हें इन्फ़ोविंडो पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
ariaLabel optional |
टाइप:
string optional Infoविंडो को असाइन करने के लिए AriaLabel. |
content optional |
जानकारी विंडो में दिखाने के लिए कॉन्टेंट. यह एक एचटीएमएल एलिमेंट, सादा टेक्स्ट वाली स्ट्रिंग या एचटीएमएल वाली स्ट्रिंग हो सकती है. इन्फ़ोविंडो का साइज़, कॉन्टेंट के हिसाब से तय होता है. कॉन्टेंट के लिए अश्लील साइज़ सेट करने के लिए, कॉन्टेंट को एचटीएमएल एलिमेंट के तौर पर सेट करें. |
disableAutoPan optional |
टाइप:
boolean optional डिफ़ॉल्ट:
false इन्फ़ोविंडो के खुलने पर उसे पूरी तरह से देखने के लिए मैप को पैन करने की सुविधा बंद करें. |
maxWidth optional |
टाइप:
number optional इन्फ़ोविंडो की ज़्यादा से ज़्यादा चौड़ाई, कॉन्टेंट की चौड़ाई चाहे जो भी हो. इस वैल्यू को सिर्फ़ तब माना जाता है, जब इसे open() पर कॉल करने से पहले सेट किया जाता है. कॉन्टेंट बदलते समय, सबसे ज़्यादा चौड़ाई बदलने के लिए close() , setOptions() , और फिर open() को कॉल करें. |
minWidth optional |
टाइप:
number optional टेक्स्ट की विंडो की कम से कम चौड़ाई, भले ही कॉन्टेंट की चौड़ाई कुछ भी हो. इस प्रॉपर्टी का इस्तेमाल करते समय, minWidth की वैल्यू को मैप की चौड़ाई (पिक्सल में) से कम पर सेट करने का सुझाव दिया जाता है. इस वैल्यू को सिर्फ़ तब माना जाता है, जब इसे open() पर कॉल करने से पहले सेट किया जाता है. कॉन्टेंट बदलते समय कम से कम चौड़ाई बदलने के लिए, close() , setOptions() , और फिर open() कॉल करें. |
pixelOffset optional |
टाइप:
Size optional ऑफ़सेट, मैप पर जानकारी विंडो के सिरे से पिक्सल में, जिसकी भौगोलिक जानकारी में विंडो विंडो को ऐंकर किया जाता है. अगर किसी इन्फ़ोविंडो को ऐंकर के साथ खोला जाता है, तो ऐंकर की anchorPoint प्रॉपर्टी से pixelOffset की गिनती की जाएगी. |
position optional |
टाइप:
LatLng|LatLngLiteral optional वह LatLng जिस पर यह इन्फ़ोविंडो दिखाना है. जानकारी विंडो को ऐंकर की मदद से खोलने पर, ऐंकर की जगह का इस्तेमाल किया जाएगा. |
zIndex optional |
टाइप:
number optional सभी InfoWindows मैप पर zइंडेक्स के क्रम में दिखाए जाते हैं, जहां ज़्यादा वैल्यू Inवैल्यू Windows के सामने कम वैल्यू के साथ दिखती हैं. डिफ़ॉल्ट रूप से, InfoWindows उनके अक्षांश के अनुसार दिखता है, जिसमें कम विंडो वाले InfoWindows ज़्यादा अक्षांश पर InfoWindows के सामने दिखते हैं. InfoWindows हमेशा मार्कर के सामने दिखाया जाता है. |
InfoविंडोOpenOptions इंटरफ़ेस
google.maps.InfoWindowOpenOptions
इंटरफ़ेस
Infoविंडो खोलने के विकल्प
प्रॉपर्टी | |
---|---|
anchor optional |
टाइप:
MVCObject|AdvancedMarkerElement optional वह ऐंकर जिस पर यह Info लिखें होगा. अगर ऐंकर शून्य नहीं है, तो Infoविंडो को ऐंकर के सबसे ऊपर बीच में रखा जाएगा. इन्फ़ोविंडो को उसी मैप या पैनोरामा में रेंडर किया जाएगा जिस पर ऐंकर (उपलब्ध होने पर) मौजूद होता है. |
map optional |
टाइप:
Map|StreetViewPanorama optional वह मैप या पैनोरामा जिस पर यह इन्फ़ोविंडो रेंडर करनी है. |
shouldFocus optional |
टाइप:
boolean optional क्या फ़ोकस को खोले जाने पर, उसे इन्फ़ोविंडो में ले जाना है या नहीं. अगर इस प्रॉपर्टी को सेट नहीं किया जाता है या इसे null या undefined पर सेट किया जाता है, तो ह्यूरिस्टिक का इस्तेमाल करके यह तय किया जाता है कि फ़ोकस को किसी दूसरी जगह ले जाना चाहिए या नहीं. यह सुझाव दिया जाता है कि आप इस प्रॉपर्टी को अपनी ज़रूरतों के हिसाब से सेट करें, क्योंकि अनुभव बदल सकता है और हो सकता है कि इस्तेमाल के सभी उदाहरणों में यह ठीक से काम न करे. |