এই পৃষ্ঠায় Maps JavaScript-এ ফটোরিয়ালিস্টিক 3D মানচিত্রের মূল বৈশিষ্ট্যগুলির তথ্য রয়েছে যা আপনাকে ইন্টারেক্টিভ এবং নিমজ্জিত 3D অভিজ্ঞতা তৈরি করতে দেয়৷ নিম্নলিখিত ডকুমেন্টেশন কভার করে:
- নির্বিঘ্ন মিথস্ক্রিয়া জন্য ব্যবহারকারী ইন্টারফেস ইভেন্ট পরিচালনা.
- 3D স্পেস নেভিগেট করার জন্য অনুসন্ধান নিয়ন্ত্রণ সহ।
- নির্দেশিত ট্যুরের জন্য প্রিসেট ক্যামেরা পাথ ব্যবহার করা।
- একটি নির্দিষ্ট এলাকায় ফোকাস বজায় রাখতে ক্যামেরা সীমাবদ্ধতা প্রয়োগ করা।
ইউজার ইন্টারফেস ইভেন্ট
এই বিভাগে ইন্টারেক্টিভ ইভেন্টগুলির রূপরেখা দেয় এবং 3D মানচিত্রের সাথে কাজ করার সময় আপনি শুনতে এবং প্রোগ্রাম্যাটিকভাবে পরিচালনা করতে পারেন এমন রাজ্য পরিবর্তনের বিজ্ঞপ্তিগুলি। ব্রাউজারের মধ্যে জাভাস্ক্রিপ্ট ইভেন্ট-চালিত, যার অর্থ এটি ইভেন্ট তৈরি করে ব্যবহারকারীর মিথস্ক্রিয়ায় সাড়া দেয় যা আপনার প্রোগ্রাম শুনতে পারে এবং সেই অনুযায়ী কোড চালাতে পারে।
দুটি প্রধান ধরনের ইভেন্ট আছে:
- ব্যবহারকারীর ইন্টারঅ্যাকশন ইভেন্টগুলি (যেমন মাউস ক্লিক) 3D মানচিত্র ভিউপোর্ট থেকে আপনার কোডে প্রচার করা হয়। এই ইভেন্টগুলি আপনাকে 3D মানচিত্র পরিবেশের মধ্যে সরাসরি ব্যবহারকারীর ক্রিয়াগুলির প্রতিক্রিয়া জানাতে দেয়৷ নমুনা দেখুন ।
- রাজ্য পরিবর্তনের বিজ্ঞপ্তিগুলি একটি প্রচলিত
property_changed
নামকরণ স্কিম ব্যবহার করে অন্তর্নিহিত 3D মানচিত্র ডেটা মডেল এবং রেন্ডারিং স্টেটের আপডেটগুলি প্রতিফলিত করে।
প্রতিটি 3D ম্যাপিং API অবজেক্ট নামকৃত ইভেন্টগুলির একটি সেট প্রকাশ করে যেগুলির জন্য আপনার প্রোগ্রাম ইভেন্ট শ্রোতাদের নিবন্ধন করতে পারে এবং বিল্ট-ইন addEventListener()
ফাংশন ব্যবহার করে সেই ঘটনাগুলি ঘটলে যুক্তি চালাতে পারে। নিম্নলিখিত উদাহরণটি একটি 3D মানচিত্রের সাথে একজন ব্যবহারকারীর ইন্টারঅ্যাক্ট করার সময় ট্রিগার হওয়া সাধারণ ঘটনাগুলিকে চিত্রিত করে৷
নিম্নলিখিত উদাহরণটি দেখায় যে কোনও ব্যবহারকারী মানচিত্রের সাথে ইন্টারঅ্যাক্ট করার সময় কোন ইভেন্টগুলি ট্রিগার হয়:
অনুসন্ধান নিয়ন্ত্রণ
ম্যাপ জাভাস্ক্রিপ্ট এপিআই-এর ফটোরিয়ালিস্টিক 3D ম্যাপে প্রদর্শিত ম্যাপগুলিতে UI উপাদান রয়েছে যা মানচিত্রের সাথে ব্যবহারকারীর মিথস্ক্রিয়াকে সমর্থন করে। এই উপাদানগুলি ব্যবহারকারী নিয়ন্ত্রণ হিসাবে পরিচিত। অন্বেষণ নিয়ন্ত্রণগুলি ডিফল্টরূপে অন্তর্ভুক্ত করা হয়, তবে আপনি আপনার অ্যাপ্লিকেশনে সেগুলিকে দমন করতে বেছে নিতে পারেন।
নিম্নলিখিত চিত্রটি মানচিত্র জাভাস্ক্রিপ্টে ফটোরিয়ালিস্টিক 3D মানচিত্র দ্বারা প্রদর্শিত ডিফল্ট নিয়ন্ত্রণগুলি দেখায়:
নিচে Maps JavaScript-এ ফটোরিয়ালিস্টিক 3D ম্যাপে নিয়ন্ত্রণের সম্পূর্ণ সেটের একটি তালিকা রয়েছে:
- জুম নিয়ন্ত্রণ মানচিত্রের জুম স্তর পরিবর্তন করার জন্য "+" এবং "-" বোতাম প্রদর্শন করে।
- টিল্ট কন্ট্রোল আপনাকে ক্যামেরার কাত পরিবর্তন করতে দেয়।
- ঘোরান নিয়ন্ত্রণ আপনাকে ক্যামেরার শিরোনাম পরিবর্তন করতে দেয়।
- সরান নিয়ন্ত্রণ মানচিত্রের কেন্দ্র পরিবর্তনের জন্য "←", "→", "↑", এবং "↓" বোতাম প্রদর্শন করে।
ক্যামেরা নিয়ন্ত্রণ এবং অ্যানিমেশন
প্রিসেট ক্যামেরা পাথ
ম্যাপ জাভাস্ক্রিপ্টে ফটোরিয়ালিস্টিক 3D মানচিত্র দুটি প্রিসেট ক্যামেরা পাথ প্রদান করে। ক্যামেরা পাথগুলি অ্যানিমেশনের সময়কাল পরিবর্তন করে (যার ফলে গতি বৃদ্ধি বা হ্রাস) বা আরও সিনেমাটিক অভিজ্ঞতা তৈরি করতে তাদের একত্রিত করে কাস্টমাইজ করা যেতে পারে।
ম্যাপ জাভাস্ক্রিপ্টে ফটোরিয়ালিস্টিক 3D মানচিত্র নিম্নলিখিত ক্যামেরা পথগুলিকে সমর্থন করে:
-
FlyCameraTo
অ্যানিমেশন মানচিত্র কেন্দ্র থেকে একটি নির্দিষ্ট গন্তব্যে উড়ে যায়। -
FlyCameraAround
অ্যানিমেশন মানচিত্রের একটি বিন্দুর চারপাশে ঘোরে যদিও আপনি অনেকবার উল্লেখ করেন।
দুটি উপলভ্য পথ একত্রিত হতে পারে আগ্রহের একটি বিন্দুতে উড়তে, এটির চারপাশে ঘুরতে এবং তারপর যখন ইচ্ছা তখন থামতে।
ক্যামেরা সীমাবদ্ধতা
ক্যামেরার প্যান, সর্বোচ্চ উচ্চতা নিয়ন্ত্রণ করা বা প্রদত্ত মানচিত্রে ব্যবহারকারীর গতিবিধি সীমাবদ্ধ করে ল্যাট/এলএনজি সীমানা তৈরি করা আপনার পক্ষে বাঞ্ছনীয় হতে পারে। আপনি ক্যামেরা সীমাবদ্ধতা ব্যবহার করে এটি করতে পারেন।
ক্যামেরা সীমাবদ্ধতাগুলি কীভাবে কাজ করে এবং প্রয়োগ করা হয় তার উদাহরণের জন্য, ডেমোটি দেখুন।