Maps JavaScript API-এর জন্য WebGL-চালিত বৈশিষ্ট্যগুলি আপনাকে কাত এবং ঘূর্ণন নিয়ন্ত্রণ করতে, মানচিত্রে সরাসরি 3D বস্তু যোগ করতে এবং আরও অনেক কিছু করতে দেয়৷ নিম্নলিখিত বৈশিষ্ট্য অন্তর্ভুক্ত করা হয়:
- WebGL ওভারলে ভিউ আপনাকে আপনার মানচিত্রে কাস্টম 2D এবং 3D গ্রাফিক্স এবং অ্যানিমেটেড সামগ্রী যোগ করতে দেয়৷
- কাত এবং শিরোনাম এখন প্রোগ্রামগতভাবে সামঞ্জস্য করা যেতে পারে, এবং মাউস এবং কীবোর্ড অঙ্গভঙ্গি ব্যবহার করে।
- map.moveCamera() আপনাকে একই সাথে একাধিক ক্যামেরা বৈশিষ্ট্য পরিবর্তন করতে দেয়।
- জুম এখন ভগ্নাংশ মান সমর্থন করে।
এবার শুরু করা যাক
নতুন WebGL বৈশিষ্ট্যগুলি ব্যবহার করার জন্য, আপনার একটি মানচিত্র ID প্রয়োজন যা ভেক্টর মানচিত্র ব্যবহার করে। আপনাকে আপনার API বুটস্ট্র্যাপ অনুরোধ আপডেট করতে হবে। এই বিভাগে আপনি কিভাবে দেখায়.
একটি নতুন মানচিত্র আইডি তৈরি করুন
একটি নতুন মানচিত্র আইডি তৈরি করতে, ক্লাউড-ভিত্তিক মানচিত্র স্টাইলিং-এর ধাপগুলি অনুসরণ করুন - একটি মানচিত্র আইডি পান । মানচিত্র প্রকারটি JavaScript- এ সেট করতে ভুলবেন না এবং ভেক্টর বিকল্পটি নির্বাচন করুন। মানচিত্রে কাত এবং ঘূর্ণন সক্ষম করতে টিল্ট এবং/অথবা ঘূর্ণন পরীক্ষা করুন। এটি করার ফলে আপনি এই মানগুলিকে প্রোগ্রাম্যাটিকভাবে সামঞ্জস্য করতে পারবেন এবং ব্যবহারকারীদের সরাসরি মানচিত্রে কাত এবং শিরোনাম সামঞ্জস্য করতে দেয়৷ যদি টিল্ট বা শিরোনাম ব্যবহার আপনার অ্যাপকে বিরূপভাবে প্রভাবিত করে, তাহলে টিল্ট এবং রোটেশন চেক না করে রাখুন যাতে ব্যবহারকারীরা কাত এবং ঘূর্ণন সামঞ্জস্য করতে সক্ষম হবে না।
আপনার মানচিত্র প্রারম্ভিক কোড আপডেট করুন
এর জন্য আপনার তৈরি করা মানচিত্র ID প্রয়োজন। এটি আপনার মানচিত্র ব্যবস্থাপনা পৃষ্ঠায় পাওয়া যাবে। এখানে দেখানো হিসাবে mapId প্রপার্টি ব্যবহার করে ম্যাপ ইনস্ট্যান্টিয়েট করার সময় একটি ম্যাপ আইডি প্রদান করুন:
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});
উদাহরণ
এই বৈশিষ্ট্যগুলি প্রদর্শন করার জন্য উদাহরণ প্রদান করা হয়েছে: