DOM elements

OverlayView क्लास

google.maps.OverlayView कक्षा

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

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

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

  • onAdd() तरीके में, आपको डीओएम ऑब्जेक्ट बनाएं और उन्हें पैनल के चिल्ड्रन के तौर पर जोड़ें.
  • draw() तरीके में, आपको इन एलिमेंट को पोज़िशन करना चाहिए.
  • onRemove() तरीके में, आपको डीओएम से ऑब्जेक्ट हटाने चाहिए.
कॉल करने के लिए, आपको एक मान्य Map ऑब्जेक्ट के साथ setMap() को कॉल करना होगा, ताकि onAdd() मैथड को कॉल किया जा सके और setMap(null), ताकि onRemove() मैथड को ट्रिगर किया जा सके. 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 के संबंध में ओवरले को सही ढंग से लगाने के लिए, project.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
इस पैनल में ऐसे एलिमेंट हैं जिनमें डीओएम इवेंट मिलते हैं. (पैन 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 दिखाता है. अगर ओवरले व्यू किसी StreetViewPianoram पर है, तो null दिखाता है.
getWorldWidth
getWorldWidth()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू:  number
मौजूदा ज़ूम लेवल में पिक्सल की दुनिया में चौड़ाई. 90 या 270 डिग्री के हेडिंग ऐंगल वाले प्रोजेक्शन के लिए, यह Y-ऐक्सिस में पिक्सल स्पैन से मेल खाता है.