WebGL

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)
पैरामीटर: 
  • optionsWebGLStateOptions डेवलपर, जीएल कॉन्टेक्स्ट को पहले जैसा कर सकते हैं.
सामान लौटाने की वैल्यू: कोई नहीं
रेंडरिंग के उपलब्ध होने पर ही इस तरीके को कॉल किया जाता है. इस टूल का इस्तेमाल शेडर या बफ़र ऑब्जेक्ट जैसे किसी भी WebGL को चालू या बंद करने के लिए किया जाता है.
onDraw
onDraw(options)
पैरामीटर: 
  • optionsWebGLDrawOptions जो डेवलपर को कॉन्टेंट को उससे जुड़े Google बेसमैप पर रेंडर करने की सुविधा देता है.
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को लागू करके, सीधे मैप पर WebGL कॉन्टेंट बनाएं. ध्यान दें कि अगर ओवरले को एक नए फ़्रेम की ज़रूरत है, तो WebGLOverlayView.requestRedraw को कॉल करें.
onRemove
onRemove()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को तब कहा जाता है, जब ओवरले को WebGLOverlayView.setMap(null) के साथ मैप से हटा दिया जाता है. साथ ही, यह आपको सभी इंटरमीडिएट ऑब्जेक्ट को हटा देता है. रेंडर करने के लिए, इस तरीके को लागू करना चाहिए.
onStateUpdate
onStateUpdate(options)
पैरामीटर: 
  • optionsWebGLStateOptions. इससे डेवलपर, जीएल कॉन्टेक्स्ट को पहले जैसा कर सकते हैं.
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके को लागू करके, रेंडर ऐनिमेशन फ़्रेम के बाहर किसी भी GL स्थिति के अपडेट को हैंडल करें.
requestRedraw
requestRedraw()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
फ़्रेम को फिर से ड्रॉ करने के लिए मैप ट्रिगर करता है.
requestStateUpdate
requestStateUpdate()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू: कोई नहीं
जीएल स्थिति को अपडेट करने के लिए मैप को ट्रिगर करता है.
setMap
setMap([map])
पैरामीटर: 
  • mapMap optional div, मॉडल और दृश्य स्थिति तक पहुंचने के लिए मैप.
सामान लौटाने की वैल्यू: कोई नहीं
मैप पर ओवरले जोड़ देता है.
इनहेरिट की गई: 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])
पैरामीटर: 
  • latLngAltitudeLatLngAltitude|LatLngAltitudeLiteral अक्षांश, देशांतर, और ऊंचाई.
  • rotationsFloat32Array optional एक श्रेणी, जिसमें XYZ कन्वेंशन में, डिग्री में यूलर रोटेशन ऐंगल होता है.
  • scaleFloat32Array optional स्ट्रिंग जिसमें XYZ स्केलर कलेक्शन होता है. इसे कार्डिनल ऐक्सिस पर लागू किया जाता है.
रिटर्न वैल्यू: WebGL के साथ इस्तेमाल करने के लिए, Float64Array एमवीपी मैट्रिक्स.
getCameraParams
getCameraParams()
पैरामीटर: कोई नहीं
सामान लौटाने की वैल्यू:  CameraParams कैमरा पैरामीटर

CameraParams इंटरफ़ेस

google.maps.CameraParams इंटरफ़ेस

इसका इस्तेमाल कैमरा पैरामीटर वापस पाने के लिए किया जाता है, जैसे कि WebGLOverlayView के लिए इस्तेमाल किया जाने वाला जीएल कैमरा.

यह इंटरफ़ेस CameraOptions के दायरे में आता है.

center
टाइप:  LatLng
heading
टाइप:  number
tilt
टाइप:  number
zoom
टाइप:  number