এক নজরে কন্ট্রোল
Maps JavaScript API-তে 3D Maps-এর মাধ্যমে দেখানো ম্যাপে UI এলিমেন্ট থাকে, যা এক্সপ্লোরেশন কন্ট্রোল নামে পরিচিত, এটি ম্যাপের সাথে ব্যবহারকারীর ইন্টার্যাকশনে সাহায্য করে। ডিফল্ট হিসেবে ম্যাপ UI-তে এক্সপ্লোরেশন কন্ট্রোল দেখানো হয়, তবে সরলতা বজায় রাখতে বা কাস্টম কন্ট্রোলের জন্য জায়গা রাখতে এটি বন্ধ করা যেতে পারে। মনে রাখবেন যে UI কন্ট্রোল বন্ধ করা থাকলে ম্যাপ এক্সপ্লোর করার জন্য কীবোর্ড শর্টকাট উপলভ্য থাকে।
Maps JavaScript API-তে 3D Maps-এর মাধ্যমে, আগে থেকে সেট করা ক্যামেরা পাথ ব্যবহার করে ম্যাপের চারপাশে আপনার ব্যবহারকারীদের গাইড করার সুবিধাও পাওয়া যায়। এইসব পাথ কাস্টমাইজ করা এবং একত্রিত করে সমৃদ্ধ 3D অভিজ্ঞতা তৈরি করা যেতে পারে।
এক্সপ্লোরেশন কন্ট্রোল
Maps JavaScript API-তে 3D Maps-এর মাধ্যমে দেখানো কন্ট্রোলের ডিফল্ট সেট নিচের ছবিতে দেখানো হয়েছে:
Maps JavaScript-এ 3D Maps-এর সম্পূর্ণ কন্ট্রোলের তালিকা নিচে দেওয়া হল:
- জুম কন্ট্রোল ম্যাপের জুম লেভেল পরিবর্তন করার জন্য "+" এবং "-" বোতাম দেখায়।
- সরানোর কন্ট্রোল ম্যাপের কেন্দ্র পরিবর্তন করার জন্য "←", "→", "↑" এবং "↓" বোতাম দেখায়।
- ঘোরানোর কন্ট্রোল আপনাকে ক্যামেরার হেডিং পরিবর্তন করতে দেয়।
- টিল্ট কন্ট্রোল আপনাকে ক্যামেরার টিল্ট পরিবর্তন করতে দেয়।
- কম্পাস কন্ট্রোল কম্পাসের উত্তর দিক নির্দেশ করে এবং ক্যামেরা উত্তর দিকে রিসেট করার অনুমতি দেয়।
- ম্যাপ মোড কন্ট্রোল আপনাকে
ROADMAPমোড এবং ফটোরিয়েলিস্টিক (HYBRIDবাSATELLITE) মোডের মধ্যে টগল করতে দেয়।
নিম্নলিখিত কোড স্যাম্পেল এক্সপ্লোরেশন কন্ট্রোল টগল করার বিষয়টি দেখায়:
জাভাস্ক্রিপ্ট
const map = new Map3DElement({
center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
tilt: 75,
heading: 330,
mode: MapMode.SATELLITE,
defaultUIHidden: true,
});
HTML
<gmp-map-3d
mode="hybrid"
range="639.274301042242"
tilt="64.92100184857551"
center="34.0768990953219,-118.47450491266041,292.9794737933403"
heading="-61.02026752077781"
default-ui-disabled
></gmp-map-3d>
পরবর্তী ধাপ
- কীভাবে ম্যাপ ও ক্যামেরা সীমাবদ্ধ করবেন তা জানুন।
- ব্যবহারকারীর ইন্টার্যাকশন কীভাবে শুনবেন ও ম্যানেজ করবেন তা জানুন।