নিয়ন্ত্রণ ওভারভিউ
ম্যাপস জাভাস্ক্রিপ্ট এপিআই-তে 3D ম্যাপের মাধ্যমে প্রদর্শিত মানচিত্রগুলিতে UI উপাদান থাকে, যা এক্সপ্লোরেশন কন্ট্রোল নামে পরিচিত, যা ম্যাপের সাথে ব্যবহারকারীর ইন্টারঅ্যাকশন সমর্থন করে। এক্সপ্লোরেশন কন্ট্রোলগুলি ডিফল্টরূপে ম্যাপ UI-তে প্রদর্শিত হয়, তবে সরলতার জন্য বা কাস্টম নিয়ন্ত্রণের জন্য জায়গা ছেড়ে দেওয়ার জন্য এটি অক্ষম করা যেতে পারে। মনে রাখবেন যে UI নিয়ন্ত্রণগুলি অক্ষম করা থাকলে মানচিত্র এক্সপ্লোরেশনের জন্য কীবোর্ড শর্টকাটগুলি উপলব্ধ থাকে।
3D Maps in Maps JavaScript API আপনার ব্যবহারকারীদের প্রিসেট ক্যামেরা পাথ ব্যবহার করে মানচিত্রের চারপাশে গাইড করতে সহায়তা করে। এই পাথগুলিকে কাস্টমাইজ এবং একত্রিত করে সমৃদ্ধ 3D অভিজ্ঞতা তৈরি করা যেতে পারে।
অনুসন্ধান নিয়ন্ত্রণ
নিচের ছবিতে Maps JavaScript API-তে 3D Maps দ্বারা প্রদর্শিত নিয়ন্ত্রণের ডিফল্ট সেট দেখানো হয়েছে:
নিচে ম্যাপস জাভাস্ক্রিপ্টের 3D ম্যাপের সম্পূর্ণ নিয়ন্ত্রণের একটি তালিকা দেওয়া হল:
- জুম নিয়ন্ত্রণ মানচিত্রের জুম স্তর পরিবর্তন করার জন্য "+" এবং "-" বোতাম প্রদর্শন করে।
- মানচিত্রের কেন্দ্র পরিবর্তন করার জন্য মুভ কন্ট্রোল "←", "→", "↑", এবং "↓" বোতাম প্রদর্শন করে।
- রোটেট কন্ট্রোলগুলি আপনাকে ক্যামেরার শিরোনাম পরিবর্তন করতে দেয়।
- টিল্ট কন্ট্রোল আপনাকে ক্যামেরার টিল্ট পরিবর্তন করতে দেয়।
- কম্পাস নিয়ন্ত্রণ কম্পাসের উত্তর দিকের দিক নির্দেশ করে এবং ক্যামেরাটিকে উত্তর দিকের দিকে রিসেট করার অনুমতি দেয়।
নিম্নলিখিত কোড নমুনাটি টগলিং এক্সপ্লোরেশন নিয়ন্ত্রণগুলি প্রদর্শন করে:
জাভাস্ক্রিপ্ট
const map = new Map3DElement({
center: { lat: 37.819852, lng: -122.478549, altitude: 2000 },
tilt: 75,
heading: 330,
mode: MapMode.SATELLITE,
defaultUIHidden: true,
});
এইচটিএমএল
<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>
পরবর্তী পদক্ষেপ
- মানচিত্র এবং ক্যামেরা কীভাবে সীমাবদ্ধ করতে হয় তা শিখুন।
- ব্যবহারকারীর মিথস্ক্রিয়া কীভাবে শুনতে হয় এবং পরিচালনা করতে হয় তা শিখুন।