WebGL

WebGLOverlayView ক্লাস

google.maps.WebGLOverlayView ক্লাস

WebGL ওভারলে ভিউ, ভেক্টর বেসম্যাপ রেন্ডার করার জন্য Google Maps Platform যে WebGL রেন্ডারিং কন্টেক্সট ব্যবহার করে, সেটিতে সরাসরি অ্যাক্সেস প্রদান করে। শেয়ার করা রেন্ডারিং কনটেক্সটের এই ব্যবহার, 3D বিল্ডিং জিওমেট্রির সাথে ডেপথ অক্লুশন এবং বেসম্যাপ রেন্ডারিংয়ের সাথে 2D/3D কন্টেন্ট সিঙ্ক করার ক্ষমতার মতো সুবিধা প্রদান করে।

WebGL ওভারলে ভিউয়ের মাধ্যমে আপনি সরাসরি WebGL বা Three.js বা deck.gl-এর মতো জনপ্রিয় গ্রাফিক্স লাইব্রেরি ব্যবহার করে আপনার ম্যাপে কন্টেন্ট যোগ করতে পারবেন। ওভারলে ব্যবহার করতে, আপনি google.maps.WebGLOverlayView এক্সটেন্ড করতে এবং নিম্নলিখিত প্রতিটি লাইফসাইকেল হুকের জন্য একটি ইমপ্লিমেন্টেশন প্রদান করতে পারেন: WebGLOverlayView.onAdd, WebGLOverlayView.onContextRestored, WebGLOverlayView.onDraw, WebGLOverlayView.onContextLost এবং WebGLOverlayView.onRemove।

onAdd() মেথডে কল ট্রিগার করতে আপনাকে অবশ্যই সঠিক Map অবজেক্ট সহ WebGLOverlayView.setMap-এ কল করতে হবে এবং onRemove() মেথড ট্রিগার করতে setMap(null)-এ কল করতে হবে। কনস্ট্রাকশনের সময় বা পরে যেকোনও সময় setMap() মেথড কল করা যেতে পারে, যখন ওভারলে সরিয়ে দেওয়ার পরে আবার দেখাতে হবে। ম্যাপের কোনও প্রপার্টি পরিবর্তন হলে, onDraw() মেথড কল করা হবে। এর ফলে এলিমেন্টের পজিশন পরিবর্তন হতে পারে, যেমন জুম, সেন্টার বা ম্যাপের ধরন। WebGLOverlayView শুধুমাত্র MapOptions.mapId সহ ভেক্টর ম্যাপে যোগ করা যেতে পারে (RenderingType.VECTOR MapOptions.renderingType-এ সেট করা এবং MapOptions.mapId হিসেবে Map.DEMO_MAP_ID ব্যবহার করা ম্যাপ সহ)।

এই ক্লাসটি MVCObject-এর এক্সটেনশন।

const {WebGLOverlayView} = await google.maps.importLibrary("maps") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

WebGLOverlayView
WebGLOverlayView()
প্যারামিটার:  কিছু নেই
WebGLOverlayView তৈরি করে।
getMap
getMap()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  Map|null|undefined
onAdd
onAdd()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
ওভারলে আঁকার আগে ইন্টারমিডিয়েট ডেটা স্ট্রাকচার ফেচ বা তৈরি করতে এই পদ্ধতি প্রয়োগ করুন, যার জন্য WebGL রেন্ডারিং কনটেক্সটে অবিলম্বে অ্যাক্সেসের প্রয়োজন হয় না। রেন্ডার করার জন্য এই পদ্ধতি প্রয়োগ করতে হবে।
onContextLost
onContextLost()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
কোনও কারণে রেন্ডারিং কনটেক্সট হারিয়ে গেলে এই পদ্ধতিকে কল করা হয় এবং এখানে আপনার আগে থেকে থাকা GL স্টেট মুছে ফেলা উচিত, কারণ এটির আর প্রয়োজন নেই।
onContextRestored
onContextRestored(options)
প্যারামিটার: 
  • options:  WebGLStateOptions যা ডেভেলপারদের GL কনটেক্সট রিস্টোর করার অনুমতি দেয়।
রিটার্ন ভ্যালু:  কিছু নেই
রেন্ডারিং কনটেক্সট উপলভ্য হলে এই পদ্ধতি ব্যবহার করা হয়। শেডার বা বাফার অবজেক্টের মতো যেকোনও WebGL স্টেট শুরু বা বাইন্ড করতে এটি ব্যবহার করুন।
onDraw
onDraw(options)
প্যারামিটার: 
  • options:  WebGLDrawOptions যা ডেভেলপারদের সংশ্লিষ্ট Google বেসম্যাপে কন্টেন্ট রেন্ডার করার অনুমতি দেয়।
রিটার্ন ভ্যালু:  কিছু নেই
ম্যাপে সরাসরি WebGL কন্টেন্ট আঁকার জন্য এই পদ্ধতি প্রয়োগ করুন। মনে রাখবেন, ওভারলেতে নতুন ফ্রেম আঁকার প্রয়োজন হলে WebGLOverlayView.requestRedraw কল করুন।
onRemove
onRemove()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
WebGLOverlayView.setMap(null)-এর মাধ্যমে ম্যাপ থেকে ওভারলে সরিয়ে দেওয়া হলে এই পদ্ধতিকে কল করা হয় এবং এখানে আপনাকে সব ইন্টারমিডিয়েট অবজেক্ট সরিয়ে দিতে হবে। রেন্ডার করার জন্য এই পদ্ধতি প্রয়োগ করতে হবে।
onStateUpdate
onStateUpdate(options)
প্যারামিটার: 
  • options:  WebGLStateOptions যা ডেভেলপারদের GL কনটেক্সট রিস্টোর করার অনুমতি দেয়।
রিটার্ন ভ্যালু:  কিছু নেই
রেন্ডার অ্যানিমেশন ফ্রেমের বাইরে যেকোনও GL স্টেট আপডেট ম্যানেজ করতে এই পদ্ধতি প্রয়োগ করুন।
requestRedraw
requestRedraw()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
ফ্রেম আবার আঁকার জন্য ম্যাপ ট্রিগার করে।
requestStateUpdate
requestStateUpdate()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
GL স্টেট আপডেট করার জন্য ম্যাপ ট্রিগার করে।
setMap
setMap([map])
প্যারামিটার: 
  • map:  Map optional div, মডেল ও ভিউ স্টেট অ্যাক্সেস করার ম্যাপ।
রিটার্ন ভ্যালু:  কিছু নেই
ম্যাপে ওভারলে যোগ করে।
উত্তরাধিকার সূত্রে প্রাপ্ত: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

WebGLDrawOptions ইন্টারফেস

google.maps.WebGLDrawOptions ইন্টারফেস

অঙ্কন করার বিকল্প।

gl
WebGLRenderingContext যার উপর এই WebGLOverlayView রেন্ডার করতে হবে।
transformer
ক্যামেরা স্পেস থেকে অক্ষাংশ/দ্রাঘিমাংশ স্থানাঙ্কে ম্যাট্রিক্স ট্রান্সফর্মেশন।

WebGLStateOptions ইন্টারফেস

google.maps.WebGLStateOptions ইন্টারফেস

GL স্টেট সংক্রান্ত বিকল্প।

gl
WebGLRenderingContext যার উপর এই WebGLOverlayView রেন্ডার করতে হবে।

CoordinateTransformer ইন্টারফেস

google.maps.CoordinateTransformer ইন্টারফেস

এই ইন্টারফেস Google বেস ম্যাপের উপরে WebGL সিন রেন্ডার করার জন্য ম্যাট্রিক্স তৈরি করার সুবিধাজনক পদ্ধতি প্রদান করে।

মনে রাখবেন: এই অবজেক্টের রেফারেন্স এনক্যাপসুলেটিং WebGLOverlayView.onDraw কলের স্কোপের বাইরে রাখা উচিত নয়।

fromLatLngAltitude
fromLatLngAltitude(latLngAltitude[, rotations, scale])
প্যারামিটার: 
  • latLngAltitude:  LatLngAltitude|LatLngAltitudeLiteral অক্ষাংশ, দ্রাঘিমাংশ ও উচ্চতা।
  • rotations:  Float32Array optional একটি অ্যারে যাতে XYZ কনভেনশনে ডিগ্রিতে অয়লার রোটেশন অ্যাঙ্গেল থাকে।
  • scale:  Float32Array optional অ্যারে যাতে XYZ স্কেলার অ্যারে আছে যা কার্ডিনাল অক্ষে প্রয়োগ করতে হবে।
রিটার্ন ভ্যালু:  Float64Array WebGL-এর সাথে ব্যবহার করার জন্য MVP ম্যাট্রিক্স।
getCameraParams
getCameraParams()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  CameraParams ক্যামেরা প্যারামিটার

CameraParams ইন্টারফেস

google.maps.CameraParams ইন্টারফেস

ক্যামেরা প্যারামিটার ফিরিয়ে আনার জন্য ব্যবহার করা হয়, যেমন WebGLOverlayView-এর জন্য ব্যবহৃত GL ক্যামেরা।

এই ইন্টারফেস CameraOptions-কে এক্সটেন্ড করে।

center
ধরন:  LatLng
heading
ধরন:  number
tilt
ধরন:  number
zoom
ধরন:  number