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) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
मैप या पैनोरामा में ओवरले जोड़ता है. |
इनहेरिट की गई:
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]) पैरामीटर:
सामान लौटाने की वैल्यू:
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 दिखाता है. अगर ओवरले व्यू किसी StreetViewPianoram पर है, तो null दिखाता है. |
getWorldWidth |
getWorldWidth() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू:
number मौजूदा ज़ूम लेवल में पिक्सल की दुनिया में चौड़ाई. 90 या 270 डिग्री के हेडिंग ऐंगल वाले प्रोजेक्शन के लिए, यह Y-ऐक्सिस में पिक्सल स्पैन से मेल खाता है. |