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