OverlayView class
google.maps.OverlayView
क्लास
अगर आपको मैप पर कस्टम टाइप के ओवरले ऑब्जेक्ट दिखाने हैं, तो इस क्लास को लागू किया जा सकता है.
अपने ओवरले का प्रोटोटाइप सेट करके, इस क्लास से इनहेरिट करें: MyOverlay.prototype = new google.maps.OverlayView();
. OverlayView
कंस्ट्रक्टर, एक खाली फ़ंक्शन होता है.
आपको तीन तरीके लागू करने होंगे: onAdd()
, draw()
, और onRemove()
.
onAdd()
तरीके में, आपको डीओएम ऑब्जेक्ट बनाने चाहिए और उन्हें पैन के चाइल्ड के तौर पर जोड़ना चाहिए.- आपको
draw()
तरीके में इन एलिमेंट को इस तरह से रखना चाहिए. onRemove()
तरीके में, आपको ऑब्जेक्ट को DOM से हटाना चाहिए.
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) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस विकल्प से, एलिमेंट पर क्लिक या टैप करने पर, मैप पर बबल अप होने की प्रोसेस रुक जाती है. इसका इस्तेमाल करके, मैप को "click" इवेंट ट्रिगर करने से रोका जा सकता है. |
तरीके | |
---|---|
draw |
draw() पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
ओवरले को बनाने या अपडेट करने के लिए, इस तरीके का इस्तेमाल करें. MapPanes के हिसाब से ओवरले को सही जगह पर रखने के लिए, projection.fromLatLngToDivPixel() से मिली पोज़िशन का इस्तेमाल करें. इस तरीके को onAdd() के बाद कॉल किया जाता है. साथ ही, ज़ूम या सेंटर में बदलाव होने पर भी इसे कॉल किया जाता है. इस तरीके में, ज़्यादा कंप्यूटेशनल पावर की ज़रूरत वाले काम करने का सुझाव नहीं दिया जाता. |
getMap |
getMap() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Map|StreetViewPanorama |
getPanes |
getPanes() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
MapPanes|null उन पैन को दिखाता है जिनमें इस OverlayView को रेंडर किया जा सकता है. जब तक एपीआई, onAdd को कॉल नहीं करता, तब तक पैन शुरू नहीं होते. |
getProjection |
getProjection() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
MapCanvasProjection इस OverlayView से जुड़ा MapCanvasProjection ऑब्जेक्ट दिखाता है. प्रोजेक्शन तब तक शुरू नहीं होता, जब तक एपीआई onAdd को कॉल नहीं करता. |
onAdd |
onAdd() पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
ओवरले DOM एलिमेंट को शुरू करने के लिए, इस तरीके को लागू करें. इस तरीके को, 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 इस पैन में मार्कर मौजूद हैं. इसे डीओएम इवेंट नहीं मिलते. (दूसरा पैनल). |
overlayLayer |
टाइप:
Element इस पैनल में पॉलीलाइन, पॉलीगॉन, ग्राउंड ओवरले, और टाइल लेयर ओवरले शामिल होते हैं. इसे डीओएम इवेंट नहीं मिलते. (Pane 1). |
overlayMouseTarget |
टाइप:
Element इस पैनल में ऐसे एलिमेंट होते हैं जिन्हें डीओएम इवेंट मिलते हैं. (पेन 3). |
MapCanvasProjection इंटरफ़ेस
google.maps.MapCanvasProjection
इंटरफ़ेस
इस ऑब्जेक्ट को OverlayView
के लिए, ड्रॉ तरीके से उपलब्ध कराया जाता है. इस बात की कोई गारंटी नहीं है कि ड्रॉ कॉल किए जाने तक इसे शुरू किया जाएगा.
तरीके | |
---|---|
fromContainerPixelToLatLng |
fromContainerPixelToLatLng(pixel[, noClampNoWrap]) पैरामीटर:
लौटाई गई वैल्यू:
LatLng|null यह फ़ंक्शन, मैप के कंटेनर में मौजूद पिक्सल कोऑर्डिनेट से भौगोलिक कोऑर्डिनेट का हिसाब लगाता है. |
fromDivPixelToLatLng |
fromDivPixelToLatLng(pixel[, noClampNoWrap]) पैरामीटर:
लौटाई गई वैल्यू:
LatLng|null यह फ़ंक्शन, उस div में मौजूद पिक्सल कोऑर्डिनेट से भौगोलिक कोऑर्डिनेट का हिसाब लगाता है जिसमें ड्रैग किए जा सकने वाले मैप को रखा जाता है. |
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-ऐक्सिस में पिक्सल स्पैन के बराबर होता है. |