DOM elements

OverlayView class

google.maps.OverlayView क्लास

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

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

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

  • onAdd() तरीके में, आपको DOM ऑब्जेक्ट बनाने होंगे और उन्हें पैनल के चाइल्ड के तौर पर जोड़ना होगा.
  • draw() तरीके में, आपको इन एलिमेंट को पोज़िशन करना चाहिए.
  • onRemove() तरीके में, आपको डीओएम से ऑब्जेक्ट हटाने चाहिए.
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)
पैरामीटर: 
रिटर्न वैल्यू:  कोई नहीं
एलिमेंट पर क्लिक या टैप करने से, मैप पर बबल अप होने की सुविधा बंद हो जाती है. इसका इस्तेमाल करके, मैप को "क्लिक" इवेंट ट्रिगर करने से रोकें.
draw
draw()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  कोई नहीं
ओवरले को ड्रॉ करने या अपडेट करने के लिए, यह तरीका अपनाएं. MapPanes के हिसाब से ओवरले को सही जगह पर सेट करने के लिए, projection.fromLatLngToDivPixel() से मिली पोज़िशन का इस्तेमाल करें. इस तरीके को onAdd() के बाद और ज़ूम या सेंटर में बदलाव होने पर कॉल किया जाता है. हमारा सुझाव है कि इस तरीके का इस्तेमाल करके, गणना से जुड़ा ज़्यादा काम न करें.
getMap
getMap()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  Map|StreetViewPanorama
getPanes
getPanes()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  MapPanes|null
उन पैनल को दिखाता है जिनमें इस ओवरले व्यू को रेंडर किया जा सकता है. जब तक एपीआई से onAdd को कॉल नहीं किया जाता, तब तक पैनल शुरू नहीं होते.
getProjection
getProjection()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  MapCanvasProjection
इस OverlayView से जुड़ा MapCanvasProjection ऑब्जेक्ट दिखाता है. जब तक एपीआई से onAdd को कॉल नहीं किया जाता, तब तक प्रोजेक्शन को शुरू नहीं किया जाता.
onAdd
onAdd()
पैरामीटर:  कोई नहीं
रिटर्न वैल्यू:  कोई नहीं
ओवरले डीओएम एलिमेंट को शुरू करने के लिए, यह तरीका अपनाएं. मान्य मैप के साथ 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
इस पैनल में मार्कर होते हैं. इसे डीओएम इवेंट नहीं मिलते. (पैनल 2).
overlayLayer
टाइप:  Element
इस पैनल में पॉलीलाइन, पॉलीगॉन, ग्राउंड ओवरले, और टाइल लेयर ओवरले शामिल होते हैं. इसे डीओएम इवेंट नहीं मिलते. (पैन 1).
overlayMouseTarget
टाइप:  Element
इस पैनल में ऐसे एलिमेंट होते हैं जिन्हें डीओएम इवेंट मिलते हैं. (तीसरा पैनल).

MapCanvasProjection इंटरफ़ेस

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

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

fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
पैरामीटर: 
  • pixelPoint optional
  • noClampNoWrapboolean optional
रिटर्न वैल्यू:  LatLng|null
यह फ़ंक्शन, मैप के कंटेनर में पिक्सल निर्देशांक से भौगोलिक निर्देशांक का हिसाब लगाता है.
fromDivPixelToLatLng
fromDivPixelToLatLng(pixel[, noClampNoWrap])
पैरामीटर: 
  • pixelPoint optional
  • noClampNoWrapboolean optional
रिटर्न वैल्यू:  LatLng|null
खींचे और छोड़े जा सकने वाले मैप को होस्ट करने वाले डिव में, पिक्सल निर्देशांक से भौगोलिक निर्देशांक का हिसाब लगाता है.
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-ऐक्सिस में पिक्सल स्पैन से मेल खाता है.