WebGLOverlayView क्लास
google.maps.WebGLOverlayView
कक्षा
WebGL ओवरले व्यू, Google Maps Platform की उसी रेंडरिंग की सीधे तौर पर सुविधा देता है जिसका इस्तेमाल Google Maps Platform, वेक्टर बेसमैप को रेंडर करने के लिए करता है. शेयर की गई रेंडरिंग का इस्तेमाल करने से, कई फ़ायदे मिलते हैं, जैसे कि 3D बिल्डिंग की ज्यामिति के साथ गहराई में समझना और 2D/3D कॉन्टेंट को बेसमैप रेंडरिंग के साथ सिंक करना.
Weblay ओवरले व्यू की मदद से, आप सीधे WebGL का इस्तेमाल करके, अपने मैप में कॉन्टेंट जोड़ सकते हैं.इसके अलावा, तीन ग्राफ़िक, जैसे कि Three.js या डेक. ओवरले का इस्तेमाल करने के लिए, आप google.maps.WebGLOverlayView
को आगे बढ़ा सकते हैं और लाइफ़साइकल के हर हुक को लागू करने की सुविधा दे सकते हैं: WebGLOverlayView.onAdd
, WebGLOverlayView.onContextRestored
, WebGLOverlayView.onDraw
, WebGLOverlayView.onContextLost
, और WebGLOverlayView.onRemove
.
कॉल करने के लिए, आपको सही Map
ऑब्जेक्ट के साथ WebGLOverlayView.setMap
को कॉल करना होगा, ताकि onRemove()
तरीके को ट्रिगर किया जा सके. setMap()
तरीके को बनाने के समय या उसके बाद किसी भी समय कॉल किया जा सकता है, जब ओवरले हटाने के बाद उसे फिर से दिखाया जाना चाहिए. onDraw()
मैप प्रॉपर्टी को तब कॉल किया जाएगा, जब मैप प्रॉपर्टी में ऐसे बदलाव होंगे जिनसे एलिमेंट की पोज़िशन में बदलाव हो सकता है, जैसे कि ज़ूम, बीच या मैप का टाइप. WebGLOverlayView सिर्फ़ MapOptions.mapId
वाले वेक्टर मैप में जोड़ा जा सकता है.
इस कक्षा के सदस्य MVCObject
हैं.
const {WebGLOverlayView} = await google.maps.importLibrary("maps")
पर कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
---|---|
WebGLOverlayView |
WebGLOverlayView() पैरामीटर: कोई नहीं
WebGLOverlayView बनाएं. |
तरीके | |
---|---|
getMap |
getMap() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू:
Map|null|undefined |
onAdd |
onAdd() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
ओवरले को बनाने से पहले, इस तरीके को लागू करें, ताकि आप इंटरमीडिएट डेटा स्ट्रक्चर को फ़ेच कर सकें या बना सकें. इसके लिए, यह ज़रूरी नहीं है कि इसे रेंडर होने के लिए, WebGL के तुरंत ऐक्सेस की ज़रूरत हो. रेंडर करने के लिए, इस तरीके को लागू करना चाहिए. |
onContextLost |
onContextLost() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को तब कहा जाता है, जब किसी वजह से रेंडरिंग का संदर्भ खो जाता है और आपको यहीं से पहले से मौजूद किसी भी जीएल स्थिति को साफ़ करना चाहिए, क्योंकि अब इसकी ज़रूरत नहीं है. |
onContextRestored |
onContextRestored(options) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
रेंडरिंग के उपलब्ध होने पर ही इस तरीके को कॉल किया जाता है. इस टूल का इस्तेमाल शेडर या बफ़र ऑब्जेक्ट जैसे किसी भी WebGL को चालू या बंद करने के लिए किया जाता है. |
onDraw |
onDraw(options) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को लागू करके, सीधे मैप पर WebGL कॉन्टेंट बनाएं. ध्यान दें कि अगर ओवरले को एक नए फ़्रेम की ज़रूरत है, तो WebGLOverlayView.requestRedraw को कॉल करें. |
onRemove |
onRemove() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को तब कहा जाता है, जब ओवरले को WebGLOverlayView.setMap(null) के साथ मैप से हटा दिया जाता है. साथ ही, यह आपको सभी इंटरमीडिएट ऑब्जेक्ट को हटा देता है. रेंडर करने के लिए, इस तरीके को लागू करना चाहिए. |
onStateUpdate |
onStateUpdate(options) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को लागू करके, रेंडर ऐनिमेशन फ़्रेम के बाहर किसी भी GL स्थिति के अपडेट को हैंडल करें. |
requestRedraw |
requestRedraw() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
फ़्रेम को फिर से ड्रॉ करने के लिए मैप ट्रिगर करता है. |
requestStateUpdate |
requestStateUpdate() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
जीएल स्थिति को अपडेट करने के लिए मैप को ट्रिगर करता है. |
setMap |
setMap([map]) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
मैप पर ओवरले जोड़ देता है. |
इनहेरिट की गई:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
WebGLDrawOptions इंटरफ़ेस
google.maps.WebGLDrawOptions
इंटरफ़ेस
ड्रॉइंग के विकल्प.
प्रॉपर्टी | |
---|---|
gl |
टाइप:
WebGLRenderingContext वह WebGL प्रस्तुतिकॉन्टेक्स्ट जिस पर यह WebGLOverlayView रेंडर होता है. |
transformer |
टाइप:
CoordinateTransformer कैमरे के स्पेस से अक्षांश/देशांतर निर्देशांकों में मैट्रिक्स बदलाव. |
WebGLStateOptions इंटरफ़ेस
google.maps.WebGLStateOptions
इंटरफ़ेस
जीएल स्थिति विकल्प.
प्रॉपर्टी | |
---|---|
gl |
टाइप:
WebGLRenderingContext वह WebGL प्रस्तुतिकॉन्टेक्स्ट जिस पर यह WebGLOverlayView रेंडर होता है. |
कोऑर्डिनेट ट्रांसफ़ॉर्मर इंटरफ़ेस
google.maps.CoordinateTransformer
इंटरफ़ेस
इस इंटरफ़ेस में, Google Base मैप के ऊपर WebGL के व्यू रेंडर करने के लिए, मैट्रिक्स जनरेट करने का तरीका बताया गया है.
ध्यान दें: इस ऑब्जेक्ट के लिए, रेफ़रंस को WebGLOverlayView.onDraw
कॉल के दायरे से बाहर नहीं रखा जाना चाहिए.
तरीके | |
---|---|
fromLatLngAltitude |
fromLatLngAltitude(latLngAltitude[, rotations, scale]) पैरामीटर:
रिटर्न वैल्यू: WebGL के साथ इस्तेमाल करने के लिए,
Float64Array एमवीपी मैट्रिक्स. |
getCameraParams |
getCameraParams() पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू:
CameraParams कैमरा पैरामीटर |
CameraParams इंटरफ़ेस
google.maps.CameraParams
इंटरफ़ेस
इसका इस्तेमाल कैमरा पैरामीटर वापस पाने के लिए किया जाता है, जैसे कि WebGLOverlayView
के लिए इस्तेमाल किया जाने वाला जीएल कैमरा.
यह इंटरफ़ेस CameraOptions
के दायरे में आता है.
प्रॉपर्टी | |
---|---|
center |
टाइप:
LatLng |
heading |
टाइप:
number |
tilt |
टाइप:
number |
zoom |
टाइप:
number |