3D Maps

Map3DElement class

google.maps.maps3d.Map3DElement ক্লাস

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

কাস্টম এলিমেন্ট:
<gmp-map-3d center="lat,lng,altitude" default-ui-hidden description="string" gesture-handling="auto" 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="hybrid" range="number" roll="number" tilt="number" default-ui-disabled></gmp-map-3d>

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

এই ক্লাসটি Map3DElementOptions প্রয়োগ করে।

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

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

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

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

এই পদ্ধতিটি অ্যাসিঙ্ক্রোনাস কারণ ম্যাপ ন্যূনতম পরিমাণ লোড হওয়ার পরেই অ্যানিমেশন শুরু হতে পারে। অ্যানিমেশন শুরু হয়ে গেলে পদ্ধতিটি রিটার্ন করে।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
stopCameraAnimation
stopCameraAnimation()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
এই পদ্ধতিটি যেকোনও ফ্লাই অ্যানিমেশন বন্ধ করে দেয় যা হয়ত চলছে। অ্যানিমেশনের মাঝখানে ক্যামেরা যেখানে থাকে সেখানেই থেকে যায়; এটি শেষ পয়েন্টে টেলিপোর্ট করে না।

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

Map3DElementOptions ইন্টারফেস

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

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

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

google.maps.maps3d.MapMode কনস্ট্যান্ট

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

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

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

google.maps.maps3d.GestureHandling কনস্ট্যান্ট

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

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

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

FlyAroundAnimationOptions ইন্টারফেস

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

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

FlyToAnimationOptions ইন্টারফেস

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

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

CameraOptions ইন্টারফেস

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

CameraOptions অবজেক্ট ব্যবহার করে ক্যামেরা অবজেক্টে সেট করা যায় এমন প্রপার্টি নির্ধারণ করা হয়। ক্যামেরা অবজেক্ট এমন যেকোনও কিছু হতে পারে যার ক্যামেরা পজিশন আছে, যেমন বর্তমান ম্যাপ স্টেট বা ভবিষ্যতে অনুরোধ করা অ্যানিমেশন স্টেট।
center optional
Map3DElement.center দেখুন।
heading optional
ধরন:  number optional
Map3DElement.heading দেখুন।
range optional
ধরন:  number optional
Map3DElement.range দেখুন।
roll optional
ধরন:  number optional
Map3DElement.roll দেখুন।
tilt optional
ধরন:  number optional
Map3DElement.tilt দেখুন।

SteadyChangeEvent ক্লাস

google.maps.maps3d.SteadyChangeEvent ক্লাস

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

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

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

LocationClickEvent class

google.maps.maps3d.LocationClickEvent ক্লাস

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

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

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

PlaceClickEvent ক্লাস

google.maps.maps3d.PlaceClickEvent ক্লাস

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

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

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