3D Maps

Map3DElement class

google.maps.maps3d.Map3DElement class
extends HTMLElement
implements Map3DElementOptions
library "maps3d"

Map3DElement হল 3D ম্যাপ ভিউয়ের জন্য একটি HTML ইন্টারফেস। মনে রাখবেন যে 3D ম্যাপ রেন্ডার করা শুরু করার জন্য mode সেট করতে হবে।

                  
<gmp-map-3d
  autofits-camera-animation="value-name"
  camera-position="lat,lng,altitude"
  center="lat,lng,altitude"
  default-ui-hidden
  description="string"
  fov="number"
  gesture-handling="value-name"
  heading="number"
  internal-usage-attribution-ids="id1 id2"
  map-id="string"
  max-altitude="number"
  max-heading="number"
  max-tilt="number"
  min-altitude="number"
  min-heading="number"
  min-tilt="number"
  mode="value-name"
  range="number"
  roll="number"
  tilt="number">
</gmp-map-3d>
 
const {Map3DElement} = await google.maps.importLibrary("maps3d");
Map3DElement
Map3DElement([options])
প্যারামিটার:
AlphaautofitsCameraAnimation
attr: autofits-camera-animation
ইনপুটের ধরন: AutofitsCameraAnimation optional
আউটপুটের ধরন: AutofitsCameraAnimation optional
ডিফল্ট: none
অটোমেটিক ক্যামেরা ফিটিংয়ের জন্য ব্যবহার করার অ্যানিমেশন।
HTML অ্যাট্রিবিউট: autofits-camera-animation="value-name"
bounds
ইনপুটের ধরন: LatLngBounds|LatLngBoundsLiteral optional
আউটপুটের ধরন: LatLngBounds optional
সেট করা হলে, নির্দিষ্ট করা অক্ষাংশ/দ্রাঘিমাংশ সীমার মধ্যে ক্যামেরার পজিশন সীমাবদ্ধ করে। মনে রাখবেন, বাউন্ডের বাইরে থাকা অবজেক্ট এখনও রেন্ডার করা হয়। বাউন্ডারি অক্ষাংশ ও দ্রাঘিমাংশ উভয়কেই সীমাবদ্ধ করতে পারে অথবা শুধুমাত্র অক্ষাংশ বা দ্রাঘিমাংশকে সীমাবদ্ধ করতে পারে। শুধুমাত্র অক্ষাংশের সীমার জন্য পশ্চিম ও পূর্ব দ্রাঘিমাংশ হিসেবে যথাক্রমে -180 ও 180 ব্যবহার করুন। শুধুমাত্র দ্রাঘিমাংশ-ভিত্তিক সীমার জন্য যথাক্রমে 90 এবং -90-এর উত্তর ও দক্ষিণ অক্ষাংশ ব্যবহার করুন।
cameraPosition
attr: camera-position
ইনপুটের ধরন: LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optional
আউটপুটের ধরন: LatLngAltitude optional
LatLngAltitude হিসেবে ক্যামেরার পজিশন। বাদ দেওয়া হলে, এটি পাওয়া যাবে। center বাদ দেওয়া হলেও cameraPosition নির্দিষ্ট করা থাকলে, center-এর মান cameraPosition. থেকে নেওয়া হবে। একই রান লুপে দুটিই আপডেট করা হলে, cameraPosition-কে অগ্রাধিকার দেওয়া হবে। প্রদত্ত শেয়ার করা হেডিং, রেঞ্জ, রোল ও টিল্টের প্রসঙ্গে cameraPosition ও center ফিল্ড একে অপরের থেকে ওয়ান-টু-ওয়ান-ডেরাইভড হতে পারে।
HTML অ্যাট্রিবিউট: camera-position="lat,lng,altitude"
center
attr: center
ইনপুটের ধরন: LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optional
আউটপুটের ধরন: LatLngAltitude optional
LatLngAltitude হিসেবে ম্যাপের কেন্দ্র দেখানো হয়েছে, যেখানে উচ্চতা সমুদ্রপৃষ্ঠের গড় উচ্চতার উপরে মিটারে দেখানো হয়েছে। মনে রাখবেন, ক্যামেরাটি যে এখানেই অবস্থিত তা নয়, কারণ range ফিল্ডটি ম্যাপের কেন্দ্র থেকে ক্যামেরার দূরত্বকে প্রভাবিত করে। সেট করা না থাকলে, ডিফল্ট হিসেবে {lat: 0, lng: 0, altitude: 63170000} সেট করা হয়। সর্বাধিক অনুমোদিত উচ্চতা হল ৬৩১৭০০০০ মিটার (পৃথিবীর ব্যাসার্ধকে ১০ দিয়ে গুণ করলে যা হয়)।
HTML অ্যাট্রিবিউট: center="lat,lng,altitude"
defaultUIHidden
attr: default-ui-hidden
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
true হলে, সব ডিফল্ট UI বোতাম লুকানো থাকে।
HTML অ্যাট্রিবিউট: default-ui-hidden
description
attr: description
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
প্রদান করা হলে, অ্যাক্সেসিবিলিটি সংক্রান্ত বিবরণ (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদান করা ভ্যালু সহ ম্যাপে যোগ করা হবে।
HTML অ্যাট্রিবিউট: description="string"
fov
attr: fov
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ডিগ্রিতে উল্লম্ব ফিল্ড অফ ভিউ নির্দিষ্ট করে। সঠিক ভ্যালুর রেঞ্জ ৫.০ থেকে ৮০.০ পর্যন্ত। ভ্যালু বেশি হলে দৃশ্যমান এলাকা বাড়ে, তবে দৃষ্টিকোণ বিকৃত হতে পারে। ডিফল্ট: ৩৫.০।
HTML অ্যাট্রিবিউট: fov="number"
gestureHandling
attr: gesture-handling
ইনপুটের ধরন: GestureHandling optional
আউটপুটের ধরন: GestureHandling
ডিফল্ট: GestureHandling.GREEDY
কো-অপারেটিভ জেসচার হ্যান্ডলিং নিয়ন্ত্রণ করে। COOPERATIVE-এ সেট করা থাকলে, ম্যাপ স্ক্রল করার জন্য মডিফায়ার কী বা দুই আঙুলের জেসচার প্রয়োজন। GREEDY-এ সেট করা থাকলে, ম্যাপ এলিমেন্টে ব্যবহারকারীর ইভেন্ট থেকে হোস্ট পৃষ্ঠা স্ক্রল করা যাবে না। AUTO-এ সেট করা হলে, হোস্ট পৃষ্ঠার স্ক্রল করার ক্ষমতার উপর ভিত্তি করে জেসচার ম্যানেজ করার বিষয়টি নির্ধারণ করা হয়।
HTML অ্যাট্রিবিউট: gesture-handling="value-name"
heading
attr: heading
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপের কম্পাস হেডিং, ডিগ্রিতে, যেখানে উত্তর দিক হল শূন্য। কোনও টিল্ট না থাকলে, যেকোনও রোলকে হেডিং হিসেবে ব্যাখ্যা করা হবে।
HTML অ্যাট্রিবিউট: heading="number"
internalUsageAttributionIds
attr: internal-usage-attribution-ids
ইনপুটের ধরন: Iterable<string> optional
আউটপুটের ধরন: Array<string> optional
ইনিশিয়ালাইজারে ব্যবহারের অ্যাট্রিবিউশন আইডি যোগ করে, যা Google-কে বুঝতে সাহায্য করে যে কোন লাইব্রেরি এবং স্যাম্পেল ডেভেলপারদের জন্য সহায়ক, যেমন মার্কার ক্লাস্টারিং লাইব্রেরির ব্যবহার। ব্যবহারের অ্যাট্রিবিউশন আইডি পাঠানোর বিকল্প থেকে বেরিয়ে আসতে, এই প্রপার্টি মুছে ফেলা নিরাপদ। শুধুমাত্র অনন্য ভ্যালু পাঠানো হবে। ইনস্ট্যান্টিয়েশনের পরে এই ভ্যালুতে করা পরিবর্তন উপেক্ষা করা হতে পারে।
HTML অ্যাট্রিবিউট: internal-usage-attribution-ids="id1 id2"
language
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
বেস ম্যাপের ভাষা যে ভাষায় রেন্ডার করার চেষ্টা করা হবে। Maps JS API লোড করার সময় ডেভেলপার যে ভাষা অনুরোধ করেছেন সেটি ডিফল্ট হিসেবে সেট করা হবে।
mapId
attr: map-id
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
ম্যাপের জন্য ক্লাউড-ভিত্তিক ম্যাপ স্টাইল ফেচ করতে ব্যবহার করা হবে এমন একটি ম্যাপ আইডি নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: map-id="string"
maxAltitude
attr: max-altitude
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপে দেখানো হবে এমন গ্রাউন্ডের উপরে সর্বোচ্চ উচ্চতা। সঠিক ভ্যালু 0 এবং 63170000 মিটারের মধ্যে (পৃথিবীর ব্যাসার্ধকে ১০ দিয়ে গুণ করে)।
HTML অ্যাট্রিবিউট: max-altitude="number"
maxHeading
attr: max-heading
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপের হেডিংয়ের (ঘোরানো) সর্বাধিক কোণ। সঠিক ভ্যালু 0 ও 360 ডিগ্রির মধ্যে হয়। minHeading এবং maxHeading <= 360 ডিগ্রির একটি ব্যবধানকে উপস্থাপন করে যেখানে হেডিং জেসচারের অনুমতি দেওয়া হবে। minHeading = 180 এবং maxHeading = 90, [0, 90]-এ হেডিং এবং [180, 360]-এ হেডিং করার অনুমতি দেবে। minHeading = 90 এবং maxHeading = 180-এর মাধ্যমে [90, 180]-এ হেডিং ব্যবহার করা যাবে।
HTML অ্যাট্রিবিউট: max-heading="number"
maxTilt
attr: max-tilt
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপের ইনসিডেন্সের সর্বাধিক অ্যাঙ্গেল। সঠিক ভ্যালু 0 ও 90 ডিগ্রির মধ্যে হয়।
HTML অ্যাট্রিবিউট: max-tilt="number"
minAltitude
attr: min-altitude
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপে দেখানো হবে এমন গ্রাউন্ডের উপরে ন্যূনতম উচ্চতা। সঠিক ভ্যালু 0 এবং 63170000 মিটারের মধ্যে (পৃথিবীর ব্যাসার্ধকে ১০ দিয়ে গুণ করে)।
HTML অ্যাট্রিবিউট: min-altitude="number"
minHeading
attr: min-heading
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপের হেডিংয়ের (ঘোরানো) ন্যূনতম কোণ। সঠিক ভ্যালু 0 ও 360 ডিগ্রির মধ্যে হয়। minHeading এবং maxHeading <= 360 ডিগ্রির একটি ব্যবধানকে উপস্থাপন করে যেখানে হেডিং জেসচার অনুমোদিত হবে। minHeading = 180 এবং maxHeading = 90-এর মাধ্যমে [0, 90]-এ হেডিং এবং [180, 360]-এ হেডিংয়ের অনুমতি দেওয়া হবে। minHeading = 90 এবং maxHeading = 180, [90, 180]-এর দিকে যাওয়ার অনুমতি দেবে।
HTML অ্যাট্রিবিউট: min-heading="number"
minTilt
attr: min-tilt
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ম্যাপের ন্যূনতম আপতন কোণ। সঠিক ভ্যালু 0 ও 90 ডিগ্রির মধ্যে হয়।
HTML অ্যাট্রিবিউট: min-tilt="number"
mode
attr: mode
ইনপুটের ধরন: MapMode optional
আউটপুটের ধরন: MapMode optional
ম্যাপ কোন মোডে রেন্ডার করা হবে তা নির্দিষ্ট করে। সেট করা না থাকলে, ম্যাপ রেন্ডার করা হবে না।
HTML অ্যাট্রিবিউট: mode="value-name"
range
attr: range
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ক্যামেরা থেকে ম্যাপের কেন্দ্রবিন্দুর দূরত্ব, মিটারে।
HTML অ্যাট্রিবিউট: range="number"
region
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
বেস ম্যাপের POI রেন্ডার করার জন্য যে অঞ্চল ব্যবহার করা হবে। Maps JS API লোড করার সময় ডেভেলপার যে অঞ্চলের জন্য অনুরোধ করেছেন সেটি ডিফল্ট হিসেবে সেট করা হবে।
roll
attr: roll
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ডিগ্রিতে ভিউ ভেক্টরের চারপাশে ক্যামেরার রোল। অস্পষ্টতা দূর করতে, কোনও টিল্ট না থাকলে, যেকোনও রোলকে হেডিং হিসেবে ব্যাখ্যা করা হবে।
HTML অ্যাট্রিবিউট: roll="number"
tilt
attr: tilt
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
ক্যামেরার ভিউ ভেক্টরের টিল্ট ডিগ্রিতে। পৃথিবীর দিকে সরাসরি নিচের দিকে তাকানো ভিউ ভেক্টরের টিল্ট শূন্য ডিগ্রি হবে। পৃথিবী থেকে দূরে নির্দেশ করা একটি ভিউ ভেক্টরের টিল্ট 180 ডিগ্রি হবে।
HTML অ্যাট্রিবিউট: tilt="number"
defaultUIDisabled
attr: default-ui-disabled
ধরন: boolean optional
ডিফল্ট: false
true হলে, সব ডিফল্ট UI বোতাম বন্ধ হয়ে যায়। কীবোর্ড ও জেসচার কন্ট্রোল বন্ধ করে না।
HTML অ্যাট্রিবিউট: default-ui-disabled
flyCameraAround
flyCameraAround(options)
প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
এই পদ্ধতিটি নির্দিষ্ট সময়ের জন্য নির্দিষ্ট লোকেশনের চারপাশে ক্যামেরা ঘোরায়। অ্যানিমেশনটি প্রদত্ত FlyAroundAnimationOptions.repeatCount বার পুনরাবৃত্তি করা যেতে পারে।

ক্যামেরা ঘড়ির কাঁটার দিকে ঘুরবে।

যে লোকেশনের চারপাশে প্রদক্ষিণ করা হচ্ছে সেটি CameraOptions.center-এর মাধ্যমে নির্দিষ্ট করা হয়েছে। এটি হল সেই লোকেশন যা অরবিট অ্যানিমেশনের সময় ভিউপোর্টের কেন্দ্রে দেখানো হবে, যখন ক্যামেরা এটির চারপাশে ঘুরবে।

পদ্ধতিটি অ্যাসিঙ্ক্রোনাস কারণ ম্যাপ ন্যূনতম পরিমাণ লোড হওয়ার পরেই অ্যানিমেশন শুরু হতে পারে। অ্যানিমেশন শুরু হয়ে গেলে পদ্ধতিটি রিটার্ন করে।

FlyAroundAnimationOptions.repeatCount-এর সংখ্যা শূন্য হলে, কোনও স্পিন হবে না এবং অ্যানিমেশন শুরু হওয়ার সাথে সাথেই শেষ হয়ে যাবে।
flyCameraTo
flyCameraTo(options)
প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
এই পদ্ধতিটি নির্দিষ্ট সময়সীমার মধ্যে বর্তমান লোকেশন থেকে প্রদত্ত শেষ লোকেশনে প্যারাবোলিক্যালি ক্যামেরা সরায়। শেষ লোকেশন CameraOptions.cameraPosition-এর মাধ্যমে নির্দিষ্ট করা যেতে পারে, যা ক্যামেরার সঠিক পজিশন কন্ট্রোল করে অথবা CameraOptions.center-এর মাধ্যমে, যা ম্যাপের দৃশ্যমান ভিউপোর্ট সেন্টার কন্ট্রোল করে।

এই পদ্ধতিটি অ্যাসিঙ্ক্রোনাস কারণ ম্যাপ ন্যূনতম পরিমাণ লোড হওয়ার পরেই অ্যানিমেশন শুরু হতে পারে। অ্যানিমেশন শুরু হয়ে গেলে পদ্ধতিটি রিটার্ন করে।
stopCameraAnimation
stopCameraAnimation()
প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু: কিছু নেই
এই পদ্ধতিটি যেকোনও ফ্লাই অ্যানিমেশন বন্ধ করে দেয় যা হয়ত চলছে। অ্যানিমেশনের মাঝখানে ক্যামেরা যেখানে থাকে সেখানেই থেকে যায়; এটি শেষ পয়েন্টে টেলিপোর্ট করে না।

পদ্ধতিটি অ্যাসিঙ্ক্রোনাস কারণ ম্যাপ ন্যূনতম পরিমাণ লোড হওয়ার পরেই অ্যানিমেশন শুরু বা বন্ধ হতে পারে। অ্যানিমেশন বন্ধ হয়ে গেলে পদ্ধতিটি ফিরে আসে।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener
gmp-animationend
function(animationEndEvent)
আর্গুমেন্ট:
  • animationEndEvent: Event optional
ফ্লাই অ্যানিমেশন শেষ হলে এই ইভেন্টটি ফায়ার করা হয়। এই ইভেন্ট DOM ট্রি-র মাধ্যমে বাবল আপ করে।
gmp-camerapositionchange
function(cameraPositionChangeEvent)
আর্গুমেন্ট:
  • cameraPositionChangeEvent: Event optional
Map3DElement-এর cameraPosition প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।
gmp-centerchange
function(centerChangeEvent)
আর্গুমেন্ট:
  • centerChangeEvent: Event optional
Map3DElement-এর সেন্টার প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।
gmp-click
function(clickEvent)
আর্গুমেন্ট:
Map3DElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।
gmp-error
function(mapInitializationErrorEvent)
আর্গুমেন্ট:
  • mapInitializationErrorEvent: Event optional
ম্যাপ শুরু করতে না পারলে এই ইভেন্টটি ট্রিগার করা হয়।
gmp-fovchange
function(fovChangeEvent)
আর্গুমেন্ট:
  • fovChangeEvent: Event optional
Map3DElement-এর fov প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ফায়ার হয়।
gmp-headingchange
function(headingChangeEvent)
আর্গুমেন্ট:
  • headingChangeEvent: Event optional
Map3DElement-এর হেডিং প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।
gmp-map-id-error
function(mapIdErrorEvent)
আর্গুমেন্ট:
  • mapIdErrorEvent: Event optional
Map3DElement-এর mapId প্রপার্টি ভুল হলে এই ইভেন্ট ট্রিগার হয়।
gmp-rangechange
function(rangeChangeEvent)
আর্গুমেন্ট:
  • rangeChangeEvent: Event optional
Map3DElement-এর রেঞ্জ প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।
gmp-rollchange
function(rollChangeEvent)
আর্গুমেন্ট:
  • rollChangeEvent: Event optional
Map3DElement-এর রোল প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।
gmp-steadychange
function(steadyChangeEvent)
আর্গুমেন্ট:
Map3DElement-এর স্টেডি স্টেট পরিবর্তন হলে এই ইভেন্ট ফায়ার করা হয়।
gmp-tiltchange
function(tiltChangeEvent)
আর্গুমেন্ট:
  • tiltChangeEvent: Event optional
Map3DElement-এর টিল্ট প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।

Map3DElementOptions ইন্টারফেস

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

Map3DElementOptions অবজেক্ট ব্যবহার করে Map3DElement-এ সেট করা যায় এমন প্রপার্টি নির্ধারণ করা হয়।
AlphaautofitsCameraAnimation
ঐচ্ছিক
ধরন: AutofitsCameraAnimation optional
AlphaMap3DElement.autofitsCameraAnimation দেখুন।
bounds
ঐচ্ছিক
ধরন: LatLngBounds|LatLngBoundsLiteral optional
Map3DElement.bounds দেখুন।
cameraPosition
ঐচ্ছিক
Map3DElement.cameraPosition দেখুন।
center
ঐচ্ছিক
Map3DElement.center দেখুন।
defaultUIDisabled
ঐচ্ছিক
ধরন: boolean optional
Map3DElement.defaultUIDisabled দেখুন।
defaultUIHidden
ঐচ্ছিক
ধরন: boolean optional
Map3DElement.defaultUIHidden দেখুন।
description
ঐচ্ছিক
ধরন: string optional
Map3DElement.description দেখুন।
fov
ঐচ্ছিক
ধরন: number optional
Map3DElement.fov দেখুন।
gestureHandling
ঐচ্ছিক
ধরন: GestureHandling optional
Map3DElement.gestureHandling দেখুন।
heading
ঐচ্ছিক
ধরন: number optional
Map3DElement.heading দেখুন।
internalUsageAttributionIds
ঐচ্ছিক
ধরন: Iterable<string> optional
Map3DElement.internalUsageAttributionIds দেখুন।
language
ঐচ্ছিক
ধরন: string optional
Map3DElement.language দেখুন।
mapId
ঐচ্ছিক
ধরন: string optional
Map3DElement.mapId দেখুন।
maxAltitude
ঐচ্ছিক
ধরন: number optional
Map3DElement.maxAltitude দেখুন।
maxHeading
ঐচ্ছিক
ধরন: number optional
Map3DElement.maxHeading দেখুন।
maxTilt
ঐচ্ছিক
ধরন: number optional
Map3DElement.maxTilt দেখুন।
minAltitude
ঐচ্ছিক
ধরন: number optional
Map3DElement.minAltitude দেখুন।
minHeading
ঐচ্ছিক
ধরন: number optional
Map3DElement.minHeading দেখুন।
minTilt
ঐচ্ছিক
ধরন: number optional
Map3DElement.minTilt দেখুন।
mode
ঐচ্ছিক
ধরন: MapMode optional
Map3DElement.mode দেখুন।
range
ঐচ্ছিক
ধরন: number optional
Map3DElement.range দেখুন।
region
ঐচ্ছিক
ধরন: string optional
Map3DElement.region দেখুন।
roll
ঐচ্ছিক
ধরন: number optional
Map3DElement.roll দেখুন।
tilt
ঐচ্ছিক
ধরন: number optional
Map3DElement.tilt দেখুন।

MapMode কনস্ট্যান্ট

google.maps.maps3d.MapMode কনস্ট্যান্ট
লাইব্রেরি "maps3d"

ম্যাপ কোন মোডে রেন্ডার করা হবে তা নির্দিষ্ট করে।

এইসব কনস্ট্যান্ট স্ট্রিং হিসেবেও ব্যবহার করা যায়। TypeScript-এ, স্ট্রিং লিটারেল MapModeString টাইপ দ্বারা সংজ্ঞায়িত করা হয়।

const {MapMode} = await google.maps.importLibrary("maps3d");
HYBRID এই ম্যাপ মোড স্যাটেলাইট বা ফটোরিয়েলিস্টিক ইমেজারিতে প্রধান রাস্তার একটি স্বচ্ছ লেয়ার দেখায়।
AlphaROADMAP এই ম্যাপ মোড সাধারণ রাস্তার ম্যাপ দেখায়।
SATELLITE এই ম্যাপ মোড স্যাটেলাইট বা ফটোরিয়ালিস্টিক ছবি উপলভ্য থাকলে তা দেখায়।

GestureHandling কনস্ট্যান্ট

google.maps.maps3d.GestureHandling কনস্ট্যান্ট
লাইব্রেরি "maps3d"

ম্যাপ এলিমেন্টে জেসচার ইভেন্ট কীভাবে ম্যানেজ করা উচিত তা নির্দিষ্ট করে।

এইসব কনস্ট্যান্ট স্ট্রিং হিসেবেও ব্যবহার করা যায়। TypeScript-এ, স্ট্রিং লিটারেল GestureHandlingString টাইপ দ্বারা সংজ্ঞায়িত করা হয়।

const {GestureHandling} = await google.maps.importLibrary("maps3d");
AUTO এটি ম্যাপকে কো-অপারেটিভ বা গ্রিডি জেসচার হ্যান্ডলিং ব্যবহার করার ব্যাপারে সিদ্ধান্ত নিতে দেয়। উল্লেখ করা না থাকলে এটি ডিফল্ট অ্যাকশন।

এর ফলে ম্যাপ কো-অপারেটিভ মোডে চলে যাবে, যদি ম্যাপ তার স্ক্রল পেরেন্টকে (সাধারণত হোস্ট পৃষ্ঠা) ডমিনেট করে, যেখানে ব্যবহারকারী ম্যাপ থেকে অন্য কন্টেন্টে স্ক্রল করতে পারবেন না।
COOPERATIVE এটি কো-অপারেটিভ মোডকে বাধ্য করে, যেখানে ম্যাপ স্ক্রল করার জন্য মডিফায়ার কী বা দুই-আঙুলের জেসচার প্রয়োজন।
GREEDY এটি গ্রিডি মোডকে বাধ্য করে, যেখানে ম্যাপ এলিমেন্টে ব্যবহারকারীর ইভেন্ট থেকে হোস্ট পৃষ্ঠা স্ক্রল করা যায় না।

AutofitsCameraAnimation constants

google.maps.maps3d.AutofitsCameraAnimation কনস্ট্যান্ট
লাইব্রেরি "maps3d"

ক্যামেরা যখন তার অপ্ট-ইন করা চাইল্ড এলিমেন্ট অনুযায়ী নিজেকে কেন্দ্রে রাখার জন্য নতুন পজিশনে যায়, তখন সেটি কীভাবে কাজ করবে তা নির্দিষ্ট করে।

এইসব কনস্ট্যান্ট স্ট্রিং হিসেবেও ব্যবহার করা যায়। TypeScript-এ, স্ট্রিং লিটারেল AutofitsCameraAnimationString টাইপ দ্বারা সংজ্ঞায়িত করা হয়।

const {AutofitsCameraAnimation} = await google.maps.importLibrary("maps3d");
FLY_TO নতুন অবস্থানে যায়।
NONE অ্যানিমেশন ছাড়াই নতুন পজিশনে স্ন্যাপ করে।

FlyAroundAnimationOptions ইন্টারফেস

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

FlyCameraAround অ্যানিমেশনের জন্য কাস্টমাইজেশন বিকল্প।
camera
ধরন: CameraOptions
অরবিট অ্যানিমেশনের সময় ক্যামেরার ফোকাস যে সেন্ট্রাল পয়েন্টে থাকবে। মনে রাখবেন, ক্যামেরা এই কেন্দ্রবিন্দুর চারপাশে ঘুরলে ম্যাপের হেডিং পরিবর্তন হবে।
durationMillis
ঐচ্ছিক
ধরন: number optional
মিলিসেকেন্ডে একটি অ্যানিমেশন চক্রের সময়সীমা।
repeatCount
ঐচ্ছিক
ধরন: number optional
অ্যানিমেশন কতবার রিপিট হবে তা উল্লেখ করে। সংখ্যাটি শূন্য হলে, অ্যানিমেশন শুরু হওয়ার সাথে সাথেই শেষ হয়ে যাবে। Number.Infinity পাস করা হলে, অ্যানিমেশনটি চিরকাল রিপিট হবে।
rounds
ঐচ্ছিক
ধরন: number optional
প্রদত্ত সময়সীমার মধ্যে কেন্দ্রের চারপাশে ঘোরানোর জন্য রাউন্ডের সংখ্যা। এটি রোটেশনের সামগ্রিক গতি নিয়ন্ত্রণ করে। rounds-এ নেগেটিভ নম্বর পাস করলে, ক্যামেরা ডিফল্ট ঘড়ির কাঁটার দিকে ঘোরার পরিবর্তে ঘড়ির কাঁটার বিপরীত দিকে ঘুরবে।

FlyToAnimationOptions ইন্টারফেস

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

FlyCameraTo অ্যানিমেশনের জন্য কাস্টমাইজেশন বিকল্প।
endCamera
ধরন: CameraOptions
অ্যানিমেশনের শেষে ক্যামেরাটি যে লোকেশনে পয়েন্ট করা উচিত।
durationMillis
ঐচ্ছিক
ধরন: number optional
মিলিসেকেন্ডে অ্যানিমেশনের সময়সীমা। সময়সীমা ০ হলে ক্যামেরা সরাসরি শেষ পজিশনে চলে যাবে।

CameraOptions ইন্টারফেস

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

CameraOptions অবজেক্ট ব্যবহার করে ক্যামেরা অবজেক্টে সেট করা যায় এমন প্রপার্টি নির্ধারণ করা হয়। ক্যামেরা অবজেক্ট এমন যেকোনও কিছু হতে পারে যার ক্যামেরা পজিশন আছে, যেমন বর্তমান ম্যাপ স্টেট বা ভবিষ্যতে অনুরোধ করা অ্যানিমেশন স্টেট।
altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
ডিফল্ট: AltitudeMode.ABSOLUTE
প্রদত্ত CameraOptions অবজেক্টের উচ্চতার মান কীভাবে ব্যাখ্যা করা হবে তা নির্দিষ্ট করে এমন একটি enum। এটি আগে থেকে থাকা AltitudeMode enum আবার ব্যবহার করে।
cameraPosition
ঐচ্ছিক
Map3DElement.cameraPosition দেখুন।
center
ঐচ্ছিক
Map3DElement.center দেখুন।
fov
ঐচ্ছিক
ধরন: number optional
Map3DElement.fov দেখুন।
heading
ঐচ্ছিক
ধরন: number optional
Map3DElement.heading দেখুন।
range
ঐচ্ছিক
ধরন: number optional
Map3DElement.range দেখুন।
roll
ঐচ্ছিক
ধরন: number optional
Map3DElement.roll দেখুন।
tilt
ঐচ্ছিক
ধরন: number optional
Map3DElement.tilt দেখুন।

SteadyChangeEvent ক্লাস

google.maps.maps3d.SteadyChangeEvent class
extends Event
library "maps3d"

Map3DElement-এর স্থির অবস্থা মনিটর করার মাধ্যমে এই ইভেন্ট তৈরি করা হয়েছে। এই ইভেন্ট DOM ট্রি-র মাধ্যমে বাবল আপ করে।

const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d");
isSteady
ধরন: boolean
Map3DElement স্থির (অর্থাৎ, বর্তমান দৃশ্যের জন্য সব রেন্ডারিং সম্পূর্ণ হয়েছে) কিনা তা দেখায়।

LocationClickEvent class

google.maps.maps3d.LocationClickEvent class
extends Event
library "maps3d"

Map3DElement-এ ক্লিক করার মাধ্যমে এই ইভেন্ট তৈরি করা হয়েছে।

const {LocationClickEvent} = await google.maps.importLibrary("maps3d");
position
ধরন: LatLngAltitude optional
ইভেন্ট ঘটার সময় কার্সরের নিচে থাকা অক্ষাংশ/দ্রাঘিমাংশ/উচ্চতা। মনে রাখবেন, আরও মোটা স্তরে, কম সঠিক ডেটা ফেরত দেওয়া হবে। এছাড়াও, অনেক উপর থেকে ক্যামেরা পজিশন থেকে জলের উপরিভাগে ক্লিক করার সময় উচ্চতার ভ্যালুর জন্য সমুদ্রের তলদেশের উচ্চতা দেখানো হতে পারে। এই ইভেন্টটি DOM ট্রির মাধ্যমে বাবল আপ করে।

PlaceClickEvent ক্লাস

google.maps.maps3d.PlaceClickEvent class
extends LocationClickEvent
library "maps3d"

Map3DElement-এ কোনও জায়গার আইকনে ক্লিক করে এই ইভেন্ট তৈরি করা হয়েছে। ডিফল্ট পপওভার দেখানো বন্ধ করতে, এই ইভেন্টে preventDefault() মেথড কল করুন যাতে Map3DElement এটি ম্যানেজ করতে না পারে।

const {PlaceClickEvent} = await google.maps.importLibrary("maps3d");
placeId
ধরন: string
ম্যাপ ফিচারের প্লেস আইডি।
ইনহেরিট করা: position
fetchPlace
fetchPlace()
প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু: Promise<Place>
এই জায়গা আইডির জন্য Place নিয়ে আসে। এর ফলে তৈরি হওয়া Place অবজেক্টে, id প্রপার্টি পপুলেট করা হবে। Place.fetchFields()-এর মাধ্যমে পরে অতিরিক্ত ফিল্ডের জন্য অনুরোধ করা যেতে পারে, যা সাধারণ Places API চালু করা এবং বিলিংয়ের উপর নির্ভর করে। Place ফেচ করার সময় কোনও সমস্যা হলে, প্রমিস বাতিল করা হয়।