DOM elements

OverlayView class

google.maps.OverlayView क्लास

अगर आपको मैप पर कस्टम टाइप के ओवरले ऑब्जेक्ट दिखाने हैं, तो इस क्लास को लागू किया जा सकता है.

अपने ओवरले का प्रोटोटाइप सेट करके, इस क्लास से इनहेरिट करें: MyOverlay.prototype = new google.maps.OverlayView();. OverlayView कंस्ट्रक्टर, एक खाली फ़ंक्शन होता है.

आपको तीन तरीके लागू करने होंगे: onAdd(), draw(), और onRemove().

  • onAdd() तरीके में, आपको डीओएम ऑब्जेक्ट बनाने चाहिए और उन्हें पैन के चाइल्ड के तौर पर जोड़ना चाहिए.
  • आपको draw() तरीके में इन एलिमेंट को इस तरह से रखना चाहिए.
  • onRemove() तरीके में, आपको ऑब्जेक्ट को DOM से हटाना चाहिए.
onAdd() तरीके को कॉल करने के लिए, आपको मान्य Map ऑब्जेक्ट के साथ setMap() को कॉल करना होगा. साथ ही, onRemove() तरीके को ट्रिगर करने के लिए, आपको setMap(null) को कॉल करना होगा. setMap() तरीके को, कंस्ट्रक्शन के समय या बाद में किसी भी समय कॉल किया जा सकता है. ऐसा तब किया जाता है, जब ओवरले को हटाने के बाद फिर से दिखाना हो. इसके बाद, जब भी मैप की कोई ऐसी प्रॉपर्टी बदलेगी जिससे एलिमेंट की पोज़िशन बदल सकती है, तब draw() तरीके को कॉल किया जाएगा. जैसे, ज़ूम, सेंटर या मैप टाइप.

यह क्लास MVCObject तक चलेगी.

const {OverlayView} = await google.maps.importLibrary("maps") या const {OverlayView} = await google.maps.importLibrary("streetView") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
OverlayView
OverlayView()
पैरामीटर:  कोई नहीं
OverlayView बनाता है.
preventMapHitsAndGesturesFrom
preventMapHitsAndGesturesFrom(element)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
यह विकल्प, एलिमेंट पर क्लिक, टैप, खींचने और छोड़ने, और व्हील इवेंट को मैप पर बब्ल होने से रोकता है. इसका इस्तेमाल, मैप को खींचने और ज़ूम करने के साथ-साथ मैप पर "क्लिक" इवेंट को रोकने के लिए करें.
preventMapHitsFrom
preventMapHitsFrom(element)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
इस विकल्प से, एलिमेंट पर क्लिक या टैप करने पर, मैप पर बबल अप होने की प्रोसेस रुक जाती है. इसका इस्तेमाल करके, मैप को "click" इवेंट ट्रिगर करने से रोका जा सकता है.
draw
draw()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  कोई नहीं
ओवरले को बनाने या अपडेट करने के लिए, इस तरीके का इस्तेमाल करें. MapPanes के हिसाब से ओवरले को सही जगह पर रखने के लिए, projection.fromLatLngToDivPixel() से मिली पोज़िशन का इस्तेमाल करें. इस तरीके को onAdd() के बाद कॉल किया जाता है. साथ ही, ज़ूम या सेंटर में बदलाव होने पर भी इसे कॉल किया जाता है. इस तरीके में, ज़्यादा कंप्यूटेशनल पावर की ज़रूरत वाले काम करने का सुझाव नहीं दिया जाता.
getMap
getMap()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  Map|StreetViewPanorama
getPanes
getPanes()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  MapPanes|null
उन पैन को दिखाता है जिनमें इस OverlayView को रेंडर किया जा सकता है. जब तक एपीआई, onAdd को कॉल नहीं करता, तब तक पैन शुरू नहीं होते.
getProjection
getProjection()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  MapCanvasProjection
इस OverlayView से जुड़ा MapCanvasProjection ऑब्जेक्ट दिखाता है. प्रोजेक्शन तब तक शुरू नहीं होता, जब तक एपीआई onAdd को कॉल नहीं करता.
onAdd
onAdd()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  कोई नहीं
ओवरले DOM एलिमेंट को शुरू करने के लिए, इस तरीके को लागू करें. इस तरीके को, setMap() को मान्य मैप के साथ कॉल करने के बाद एक बार कॉल किया जाता है. इस समय, पैन और प्रोजेक्शन शुरू हो जाएंगे.
onRemove
onRemove()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  कोई नहीं
अपने एलिमेंट को डीओएम से हटाने के लिए, इस तरीके का इस्तेमाल करें. setMap(null) को कॉल करने के बाद, इस तरीके को एक बार कॉल किया जाता है.
setMap
setMap(map)
पैरामीटर: 
  • map:  Map|StreetViewPanorama optional मैप या पैनोरामा. अगर null है, तो लेयर हटा दी जाएगी.
रिटर्न वैल्यू:  कोई नहीं
इस तरीके का इस्तेमाल करके, मैप या पैनोरमा में ओवरले जोड़ा जाता है.
इनहेरिट किया गया: addListener, bindTo,