উন্নত মার্কারগুলির সাথে সেট আপ করতে এই পদক্ষেপগুলি অনুসরণ করুন৷
একটি API কী পান এবং মানচিত্র জাভাস্ক্রিপ্ট API সক্ষম করুন৷
উন্নত মার্কার ব্যবহার করার আগে, আপনার একটি বিলিং অ্যাকাউন্ট সহ একটি ক্লাউড প্রজেক্ট এবং মানচিত্র জাভাস্ক্রিপ্ট API সক্ষম করা প্রয়োজন৷ আরও জানতে, আপনার Google ক্লাউড প্রকল্প সেট আপ দেখুন।
একটি মানচিত্র আইডি তৈরি করুন
একটি নতুন মানচিত্র ID তৈরি করতে, ক্লাউড কাস্টমাইজেশনের ধাপগুলি অনুসরণ করুন৷ জাভাস্ক্রিপ্টে মানচিত্রের ধরন সেট করুন এবং ভেক্টর বা রাস্টার বিকল্পটি নির্বাচন করুন।
আপনার মানচিত্র প্রারম্ভিক কোড আপডেট করুন
এর জন্য আপনার তৈরি করা মানচিত্র ID প্রয়োজন। এটি আপনার মানচিত্র ব্যবস্থাপনা পৃষ্ঠায় পাওয়া যাবে।
প্রয়োজনে একটি
asyncফাংশনের মধ্যে থেকে উন্নত মার্কার লাইব্রেরি লোড করুন:const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
mapIdপ্রপার্টি ব্যবহার করে ম্যাপ ইনস্ট্যান্টিয়েট করার সময় একটি ম্যাপ আইডি প্রদান করুন। এটি আপনার প্রদান করা একটি মানচিত্র ID বাDEMO_MAP_IDহতে পারে।const map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8, mapId: 'YOUR_MAP_ID' });
মানচিত্রের ক্ষমতা পরীক্ষা করুন (ঐচ্ছিক)
উন্নত মার্কারগুলির একটি মানচিত্র আইডি প্রয়োজন৷ মানচিত্র ID অনুপস্থিত থাকলে, উন্নত মার্কার লোড করতে পারবে না। একটি সমস্যা সমাধানের পদক্ষেপ হিসাবে, আপনি মানচিত্র ক্ষমতা পরিবর্তনের সদস্যতা নিতে একটি mapcapabilities_changed শ্রোতা যোগ করতে পারেন। মানচিত্র ক্ষমতা ব্যবহার করা ঐচ্ছিক, এবং শুধুমাত্র পরীক্ষা এবং সমস্যা সমাধানের উদ্দেশ্যে বা রানটাইম ফলব্যাক উদ্দেশ্যে সুপারিশ করা হয়।
// Optional: subscribe to map capability changes. map.addListener('mapcapabilities_changed', () => { const mapCapabilities = map.getMapCapabilities(); if (!mapCapabilities.isAdvancedMarkersAvailable) { // Advanced markers are *not* available, add a fallback. } });