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)
पैरामीटर: 
  • mapMap|StreetViewPanorama optional मैप या पैनोरामा. अगर null है, तो लेयर हटा दी जाएगी.
रिटर्न वैल्यू:  कोई नहीं
इस तरीके का इस्तेमाल करके, मैप या पैनोरमा में ओवरले जोड़ा जाता है.
इनहेरिट किया गया: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

MapPanes इंटरफ़ेस

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

floatPane
टाइप:  Element
इस पैनल में जानकारी वाली विंडो होती है. यह सभी मैप ओवरले के ऊपर होता है. (पेन 4).
mapPane
टाइप:  Element
यह सबसे नीचे वाला पैन है और टाइलों के ऊपर मौजूद होता है. इसे डीओएम इवेंट नहीं मिलते. (पेन 0).
markerLayer
टाइप:  Element
इस पैन में मार्कर मौजूद हैं. इसे डीओएम इवेंट नहीं मिलते. (दूसरा पैनल).
overlayLayer
टाइप:  Element
इस पैनल में पॉलीलाइन, पॉलीगॉन, ग्राउंड ओवरले, और टाइल लेयर ओवरले शामिल होते हैं. इसे डीओएम इवेंट नहीं मिलते. (Pane 1).
overlayMouseTarget
टाइप:  Element
इस पैनल में ऐसे एलिमेंट होते हैं जिन्हें डीओएम इवेंट मिलते हैं. (पेन 3).

MapCanvasProjection इंटरफ़ेस

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

इस ऑब्जेक्ट को OverlayView के लिए, ड्रॉ तरीके से उपलब्ध कराया जाता है. इस बात की कोई गारंटी नहीं है कि ड्रॉ कॉल किए जाने तक इसे शुरू किया जाएगा.

fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
पैरामीटर: 
  • pixelPoint optional
  • noClampNoWrapboolean optional
लौटाई गई वैल्यू:  LatLng|null
यह फ़ंक्शन, मैप के कंटेनर में मौजूद पिक्सल कोऑर्डिनेट से भौगोलिक कोऑर्डिनेट का हिसाब लगाता है.
fromDivPixelToLatLng
fromDivPixelToLatLng(pixel[, noClampNoWrap])
पैरामीटर: 
  • pixelPoint optional
  • noClampNoWrapboolean optional
लौटाई गई वैल्यू:  LatLng|null
यह फ़ंक्शन, उस div में मौजूद पिक्सल कोऑर्डिनेट से भौगोलिक कोऑर्डिनेट का हिसाब लगाता है जिसमें ड्रैग किए जा सकने वाले मैप को रखा जाता है.
fromLatLngToContainerPixel
fromLatLngToContainerPixel(latLng)
पैरामीटर: 
लौटाई गई वैल्यू:  Point|null
यह फ़ंक्शन, मैप के कंटेनर एलिमेंट में दी गई भौगोलिक जगह के पिक्सल कोऑर्डिनेट का हिसाब लगाता है.
fromLatLngToDivPixel
fromLatLngToDivPixel(latLng)
पैरामीटर: 
लौटाई गई वैल्यू:  Point|null
यह फ़ंक्शन, ड्रैग किए जा सकने वाले मैप को होल्ड करने वाले DOM एलिमेंट में, दी गई भौगोलिक जगह के पिक्सल निर्देशांकों का हिसाब लगाता है.
getVisibleRegion
getVisibleRegion()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  VisibleRegion|null
मैप का वह हिस्सा जो दिखता है. अगर मैप का साइज़ नहीं है, तो null दिखाता है. अगर OverlayView, StreetViewPanorama पर है, तो null दिखाता है.
getWorldWidth
getWorldWidth()
पैरामीटर:  कोई नहीं
लौटाई गई वैल्यू:  number
मौजूदा ज़ूम लेवल में, दुनिया की चौड़ाई पिक्सल में. अगर प्रोजेक्शन का हेडिंग ऐंगल 90 या 270 डिग्री है, तो यह Y-ऐक्सिस में पिक्सल स्पैन के बराबर होता है.