DOM elements

OverlayView क्लास

google.maps.OverlayView class
extends MVCObject
library "maps", "streetView"

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

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

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

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

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

MapPanes इंटरफ़ेस

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

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

MapCanvasProjection इंटरफ़ेस

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

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

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