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