3D Maps

Map3DElement ক্লাস

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

Map3DElement হল 3D মানচিত্র দৃশ্যের জন্য একটি HTML ইন্টারফেস। মনে রাখবেন রেন্ডারিং শুরু করার জন্য 3D মানচিত্রের জন্য mode সেট করা আবশ্যক।

কাস্টম উপাদান:
<gmp-map-3d center="lat,lng,altitude" default-ui-disabled heading="number" 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"></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>
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>
mode
প্রকার: MapMode optional
মানচিত্রটি রেন্ডার করা উচিত এমন একটি মোড নির্দিষ্ট করে৷ সেট না থাকলে, মানচিত্রটি রেন্ডার করা হবে না৷
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-map-3d mode="hybrid"></gmp-map-3d>
  • <gmp-map-3d mode="satellite"></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 এর টিল্ট প্রপার্টি পরিবর্তিত হলে এই ইভেন্টটি চালু করা হয়।