শুরু করুন

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

উন্নত মার্কারগুলির সাথে সেট আপ করতে এই পদক্ষেপগুলি অনুসরণ করুন৷

একটি API কী পান এবং মানচিত্র জাভাস্ক্রিপ্ট API সক্ষম করুন৷

উন্নত মার্কার ব্যবহার করার আগে, আপনার একটি বিলিং অ্যাকাউন্ট সহ একটি ক্লাউড প্রজেক্ট এবং মানচিত্র জাভাস্ক্রিপ্ট API সক্ষম করা প্রয়োজন৷ আরও জানতে, আপনার Google ক্লাউড প্রকল্প সেট আপ দেখুন।

একটি API কী পান

একটি মানচিত্র আইডি তৈরি করুন

একটি নতুন মানচিত্র ID তৈরি করতে, ক্লাউড কাস্টমাইজেশনের ধাপগুলি অনুসরণ করুন৷ জাভাস্ক্রিপ্টে মানচিত্রের ধরন সেট করুন এবং ভেক্টর বা রাস্টার বিকল্পটি নির্বাচন করুন।

গুরুত্বপূর্ণ: পরীক্ষার জন্য, আপনি আপনার অ্যাপ কোডে mapId: 'DEMO_MAP_ID' ব্যবহার করে একটি মানচিত্র ID তৈরি এবং কনফিগার করার ধাপটি এড়িয়ে যেতে পারেন৷

আপনার মানচিত্র প্রারম্ভিক কোড আপডেট করুন

এর জন্য আপনার তৈরি করা মানচিত্র ID প্রয়োজন। এটি আপনার মানচিত্র ব্যবস্থাপনা পৃষ্ঠায় পাওয়া যাবে।

1. Maps JavaScript API লোড করুন ।

2. প্রয়োজনে একটি async ফাংশনের মধ্যে থেকে উন্নত মার্কার লাইব্রেরি লোড করুন:

   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;

3. ম্যাপ 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 ব্যবহার করে যা একটি হ্রাস-POI মানচিত্র শৈলীর সাথে লিঙ্ক করা হয়৷ আপনি যদি উদাহরণ কোড পুনরায় ব্যবহার করেন, তাহলে আমরা এই মানচিত্র ID গুলিকে DEMO_MAP_ID বা আপনার নিজস্ব মানচিত্র 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.
  }
});

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

একটি ডিফল্ট উন্নত মার্কার তৈরি করুন