3D মানচিত্র নিয়ন্ত্রণ এবং অনুসন্ধান

প্ল্যাটফর্ম নির্বাচন করুন: অ্যান্ড্রয়েড আইওএস জাভাস্ক্রিপ্ট

নিয়ন্ত্রণগুলির সংক্ষিপ্ত বিবরণ

Maps JavaScript API-এর 3D Maps-এর মাধ্যমে প্রদর্শিত মানচিত্রগুলিতে UI উপাদান থাকে, যা এক্সপ্লোরেশন কন্ট্রোল নামে পরিচিত, এবং এগুলি ব্যবহারকারীকে মানচিত্রের সাথে মিথস্ক্রিয়া করতে সহায়তা করে। এক্সপ্লোরেশন কন্ট্রোলগুলি ডিফল্টরূপে মানচিত্রের UI-তে প্রদর্শিত হয়, কিন্তু সরলতার জন্য বা কাস্টম কন্ট্রোলের জন্য জায়গা রাখতে এগুলি নিষ্ক্রিয় করা যেতে পারে। উল্লেখ্য যে, UI কন্ট্রোলগুলি নিষ্ক্রিয় থাকলেও মানচিত্র অন্বেষণের জন্য কীবোর্ড শর্টকাটগুলি উপলব্ধ থাকে।

Maps JavaScript API-এর 3D Maps ফিচারটি পূর্বনির্ধারিত ক্যামেরা পাথ ব্যবহার করে আপনার ব্যবহারকারীদের ম্যাপের চারপাশে পথ দেখানোর সুবিধাও দেয়। সমৃদ্ধ 3D অভিজ্ঞতা তৈরি করার জন্য এই পাথগুলোকে কাস্টমাইজ এবং একত্রিত করা যায়।

অনুসন্ধান নিয়ন্ত্রণ

নিম্নলিখিত চিত্রটিতে Maps JavaScript API-এর 3D Maps দ্বারা প্রদর্শিত ডিফল্ট কন্ট্রোল সেটটি দেখানো হয়েছে:

নিয়ন্ত্রণ ব্যবস্থা সহ মানচিত্রের ছবি

নিচে Maps JavaScript-এর 3D Maps-এ থাকা সমস্ত কন্ট্রোলের একটি তালিকা দেওয়া হলো:

  • জুম কন্ট্রোলে ম্যাপের জুম লেভেল পরিবর্তন করার জন্য "+" এবং "-" বাটন রয়েছে।
  • ম্যাপের কেন্দ্র পরিবর্তন করার জন্য মুভ কন্ট্রোলে "←", "→", "↑", এবং "↓" বাটনগুলো প্রদর্শিত হয়।
  • রোটেট কন্ট্রোলগুলো আপনাকে ক্যামেরার অভিমুখ পরিবর্তন করতে দেয়।
  • টিল্ট কন্ট্রোল ব্যবহার করে আপনি ক্যামেরার টিল্ট পরিবর্তন করতে পারবেন।
  • কম্পাস কন্ট্রোলটি উত্তর দিক নির্দেশ করে এবং ক্যামেরাটিকে উত্তরমুখী অবস্থানে রিসেট করার সুযোগ দেয়।

নিম্নলিখিত কোড নমুনাটি এক্সপ্লোরেশন কন্ট্রোল টগল করার পদ্ধতি প্রদর্শন করে:

জাভাস্ক্রিপ্ট

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>

পরবর্তী পদক্ষেপ