3D Maps

Map3DElement ক্লাস

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

Map3DElement হল 3D মানচিত্র দৃশ্যের জন্য একটি HTML ইন্টারফেস।

কাস্টম উপাদান:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled default-ui-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></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 | LatLngAltitudeLiteral optional
একটি LatLngAltitude হিসাবে দেওয়া মানচিত্রের কেন্দ্র, যেখানে উচ্চতা ভূমি স্তরের উপরে মিটার। মনে রাখবেন যে ক্যামেরাটি কোথায় অবস্থিত তা অগত্যা নয়, কারণ range ক্ষেত্রটি মানচিত্র কেন্দ্র থেকে ক্যামেরার দূরত্বকে প্রভাবিত করে৷ সেট করা না থাকলে, ডিফল্ট হিসেবে {lat: 0, lng: 0, altitude: 63170000} । 63170000 মিটার হল সর্বাধিক অনুমোদিত উচ্চতা (পৃথিবীর ব্যাসার্ধ 10 দ্বারা গুণিত)।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultLabelsDisabled
প্রকার: boolean optional
ডিফল্ট: false
true হলে, ডিফল্ট মানচিত্র লেবেল রেন্ডার করা হয় না।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d default-labels-disabled></gmp-map-3d>
defaultUIDisabled
প্রকার: boolean optional
ডিফল্ট: false
true হলে, সমস্ত ডিফল্ট UI বোতাম নিষ্ক্রিয় করা হয়। কীবোর্ড এবং অঙ্গভঙ্গি নিয়ন্ত্রণ নিষ্ক্রিয় করে না।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d default-ui-disabled></gmp-map-3d>
heading
প্রকার: number optional
মানচিত্রের কম্পাস শিরোনাম, ডিগ্রীতে, যেখানে উত্তর শূন্য। যখন কোন কাত না থাকে, যে কোন রোলকে শিরোনাম হিসাবে ব্যাখ্যা করা হবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d heading="number"></gmp-map-3d>
maxAltitude
প্রকার: number optional
মাটির উপরে সর্বোচ্চ উচ্চতা যা মানচিত্রে প্রদর্শিত হবে। একটি বৈধ মান হল 0 এবং 63170000 মিটার (পৃথিবীর ব্যাসার্ধ 10 দ্বারা গুণিত)।
এইচটিএমএল বৈশিষ্ট্য:
  • <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] এ শিরোনাম করার অনুমতি দেবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d max-heading="number"></gmp-map-3d>
maxTilt
প্রকার: number optional
মানচিত্রের ঘটনার সর্বাধিক কোণ। একটি বৈধ মান 0 এবং 90 ডিগ্রীর মধ্যে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d max-tilt="number"></gmp-map-3d>
minAltitude
প্রকার: number optional
মাটির উপরে ন্যূনতম উচ্চতা যা মানচিত্রে প্রদর্শিত হবে। একটি বৈধ মান হল 0 এবং 63170000 মিটার (পৃথিবীর ব্যাসার্ধ 10 দ্বারা গুণিত)।
এইচটিএমএল বৈশিষ্ট্য:
  • <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] এ শিরোনাম করার অনুমতি দেবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d min-heading="number"></gmp-map-3d>
minTilt
প্রকার: number optional
মানচিত্রের ঘটনার সর্বনিম্ন কোণ। একটি বৈধ মান 0 এবং 90 ডিগ্রীর মধ্যে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
range
প্রকার: number optional
ক্যামেরা থেকে মানচিত্রের কেন্দ্রের দূরত্ব, মিটারে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
প্রকার: number optional
ডিগ্রীতে ভিউ ভেক্টরের চারপাশে ক্যামেরার রোল। অস্পষ্টতা সমাধান করার জন্য, যখন কোন কাত থাকবে না, যে কোন রোলকে শিরোনাম হিসাবে ব্যাখ্যা করা হবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
প্রকার: number optional
ডিগ্রীতে ক্যামেরার ভিউ ভেক্টরের কাত। পৃথিবীর দিকে সরাসরি নিচের দিকে তাকিয়ে থাকা একটি ভিউ ভেক্টরের শূন্য ডিগ্রী কাত হবে। পৃথিবী থেকে দূরে নির্দেশিত একটি ভিউ ভেক্টরের 180 ডিগ্রি কাত হবে।
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d tilt="number"></gmp-map-3d>
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। addEventListener দেখুন।
flyCameraAround
flyCameraAround(options)
পরামিতি:
রিটার্ন মান: কোনটিই নয়
এই পদ্ধতিটি একটি নির্দিষ্ট সময়ের জন্য একটি নির্দিষ্ট অবস্থানের চারপাশে ক্যামেরাকে প্রদক্ষিণ করে, সেই সময়ের মধ্যে প্রদত্ত সংখ্যক রাউন্ড তৈরি করে।

ডিফল্টরূপে, ক্যামেরা ঘড়ির কাঁটার দিকে প্রদক্ষিণ করে। বৃত্তাকার জন্য একটি ঋণাত্মক সংখ্যা দেওয়া হলে, ক্যামেরা পরিবর্তে ঘড়ির কাঁটার বিপরীত দিকে প্রদক্ষিণ করবে।

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

রাউন্ডের সংখ্যা শূন্য হলে, কোন স্পিন ঘটবে না এবং অ্যানিমেশনটি শুরু হওয়ার সাথে সাথেই সম্পূর্ণ হবে।
flyCameraTo
flyCameraTo(options)
পরামিতি:
রিটার্ন মান: কোনটিই নয়
এই পদ্ধতিটি একটি নির্দিষ্ট সময়কাল ধরে বর্তমান অবস্থান থেকে একটি প্রদত্ত শেষ অবস্থানে ক্যামেরাকে প্যারাবোলিকভাবে স্থানান্তরিত করে।

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

পদ্ধতিটি অ্যাসিঙ্ক্রোনাস কারণ মানচিত্রটি ন্যূনতম পরিমাণ লোড করার পরেই অ্যানিমেশনগুলি শুরু বা বন্ধ হতে পারে। অ্যানিমেশন বন্ধ হয়ে গেলে পদ্ধতিটি ফিরে আসে।
gmp-animationend
function(animationEndEvent)
যুক্তি:
  • animationEndEvent : Event
ফ্লাই অ্যানিমেশন শেষ হলে এই ইভেন্টটি গুলি করা হয়। এই ইভেন্টটি DOM গাছের মধ্যে দিয়ে বুদবুদ হয়ে ওঠে।
gmp-centerchange
function(centerChangeEvent)
যুক্তি:
  • centerChangeEvent : Event
Map3DElement এর কেন্দ্র সম্পত্তি পরিবর্তন হলে এই ইভেন্টটি গুলি করা হয়।
gmp-click
function(clickEvent)
যুক্তি:
Map3DElement উপাদানটি ক্লিক করা হলে এই ইভেন্টটি গুলি করা হয়।
gmp-headingchange
function(headingChangeEvent)
যুক্তি:
  • headingChangeEvent : Event
Map3DElement এর শিরোনাম বৈশিষ্ট্য পরিবর্তন হলে এই ইভেন্টটি বরখাস্ত করা হয়।
gmp-rangechange
function(rangeChangeEvent)
যুক্তি:
  • rangeChangeEvent : Event
Map3DElement-এর পরিসরের বৈশিষ্ট্য পরিবর্তন হলে এই ইভেন্টটি চালু করা হয়।
gmp-rollchange
function(rollChangeEvent)
যুক্তি:
Map3DElement এর রোল প্রপার্টি পরিবর্তন হলে এই ইভেন্টটি বরখাস্ত করা হয়।
gmp-steadychange
function(steadyChangeEvent)
যুক্তি:
Map3DElement এর স্থির অবস্থা পরিবর্তিত হলে এই ইভেন্টটি গুলি করা হয়।
gmp-tiltchange
function(tiltChangeEvent)
যুক্তি:
Map3DElement এর টিল্ট প্রপার্টি পরিবর্তিত হলে এই ইভেন্টটি চালু করা হয়।

Map3DElementOptions ইন্টারফেস

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

Map3DElementOptions অবজেক্ট একটি Map3DElement এ সেট করা যেতে পারে এমন বৈশিষ্ট্যগুলিকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।

bounds optional
প্রকার: LatLngBounds | LatLngBoundsLiteral optional
Map3DElement.bounds দেখুন।
center optional
প্রকার: LatLngAltitude | LatLngAltitudeLiteral optional
Map3DElement.center দেখুন।
defaultLabelsDisabled optional
প্রকার: boolean optional
Map3DElement.defaultLabelsDisabled দেখুন।
defaultUIDisabled optional
প্রকার: boolean optional
Map3DElement.defaultUIDisabled দেখুন।
heading optional
প্রকার: number optional
Map3DElement.heading দেখুন।
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 দেখুন।
range optional
প্রকার: number optional
Map3DElement.range দেখুন।
roll optional
প্রকার: number optional
Map3DElement.roll দেখুন।
tilt optional
প্রকার: number optional
Map3DElement.tilt দেখুন।

FlyAroundAnimationOptions ইন্টারফেস

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

FlyCameraAround অ্যানিমেশনের জন্য কাস্টমাইজেশন বিকল্প।

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

FlyToAnimationOptions ইন্টারফেস

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

FlyCameraTo অ্যানিমেশনের জন্য কাস্টমাইজেশন বিকল্প।

endCamera
প্রকার: CameraOptions
অ্যানিমেশনের শেষে ক্যামেরাটি যে অবস্থানে নির্দেশ করবে।
durationMillis optional
প্রকার: number optional
মিলিসেকেন্ডে অ্যানিমেশনের সময়কাল। 0 এর সময়কাল ক্যামেরাটিকে সরাসরি শেষ অবস্থানে টেলিপোর্ট করবে।

ক্যামেরা অপশন ইন্টারফেস

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

ক্যামেরা অবজেক্টে সেট করা যেতে পারে এমন বৈশিষ্ট্যগুলিকে সংজ্ঞায়িত করতে CameraOptions অবজেক্ট ব্যবহার করা হয়। ক্যামেরা অবজেক্ট এমন যেকোন কিছু হতে পারে যার ক্যামেরার অবস্থান, যেমন একটি বর্তমান মানচিত্রের অবস্থা বা ভবিষ্যতে অনুরোধ করা অ্যানিমেশন অবস্থা।

center optional
প্রকার: LatLngAltitude | LatLngAltitudeLiteral 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 দেখুন।

স্টেডি চেঞ্জ ইভেন্ট ক্লাস

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

এই ইভেন্টটি Map3DElement এর একটি স্থির অবস্থা পর্যবেক্ষণ থেকে তৈরি করা হয়েছে। এই ইভেন্টটি DOM গাছের মধ্যে দিয়ে বুদবুদ হয়ে ওঠে।

এই ক্লাস Event প্রসারিত.

const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d") কল করে অ্যাক্সেস করুন।