DOM elements

OverlayView क्लास

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 के हिसाब से सही जगह पर रखने के लिए, प्रोजेक्शन.fromLatLngToDivPixel() की पोज़िशन का इस्तेमाल करें. इस तरीके को onAdd() के बाद कॉल किया जाता है. साथ ही, इसे ज़ूम या सेंटर बदलने पर कॉल किया जाता है. इस तरीके में कंप्यूटेशनल तरीके से महंगा काम करने का सुझाव नहीं दिया जाता.
getMap
getMap()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  Map|StreetViewPanorama
getPanes
getPanes()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  MapPanes|null
वे पैनल दिखाता है जिनमें इस ओवरले व्यू को रेंडर किया जा सकता है. जब तक एपीआई के ज़रिए onAdd को कॉल नहीं किया जाता, तब तक पैनल शुरू नहीं होते.
getProjection
getProjection()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  MapCanvasProjection
इस OverlayView से जुड़े MapCanvasProjection ऑब्जेक्ट को दिखाता है. प्रोजेक्शन तब तक शुरू नहीं होता, जब तक onAdd को एपीआई कॉल नहीं करता.
onAdd
onAdd()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
ओवरले डीओएम एलिमेंट को शुरू करने के लिए, यह तरीका लागू करें. मान्य मैप पर setMap() कॉल करने के बाद, इस तरीके को एक बार कॉल किया जाता है. इस समय, पैनल और प्रोजेक्शन शुरू कर दिए गए हैं.
onRemove
onRemove()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
डीओएम से अपने एलिमेंट हटाने के लिए, यह तरीका लागू करें. setMaps(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
यह सबसे नीचे का पैनल है और टाइल के ऊपर है. इसे DOM इवेंट नहीं मिलते. (पेन 0).
markerLayer
टाइप:  Element
इस पैनल में मार्कर मौजूद हैं. इसे DOM इवेंट नहीं मिलते. (पेन 2).
overlayLayer
टाइप:  Element
इस पैनल में पॉलीलाइन, पॉलीगॉन, ग्राउंड ओवरले, और टाइल लेयर ओवरले होते हैं. इसे DOM इवेंट नहीं मिलते. (पेन 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
खींचने और छोड़ने लायक मैप को होल्ड करने वाले डीओएम एलिमेंट में, दी गई भौगोलिक जगह के पिक्सल कोऑर्डिनेट का हिसाब लगाता है.
getVisibleRegion
getVisibleRegion()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  VisibleRegion|null
मैप का दिखाई देने वाला क्षेत्र. मैप का साइज़ न होने पर null दिखाता है. अगर ओवरले व्यू किसी StreetViewPanorama पर है, तो null दिखाता है.
getWorldWidth
getWorldWidth()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू:  number
मौजूदा ज़ूम लेवल में पिक्सल में दुनिया की चौड़ाई. 90 या 270 डिग्री के शीर्षक कोण के प्रोजेक्शन के लिए, यह Y-ऐक्सिस में पिक्सल स्पैन के बराबर होता है.