শুরু করুন

প্ল্যাটফর্ম বেছে নিন: Android iOS JavaScript

উন্নত মার্কার সেট-আপ করতে এইসব ধাপ অনুসরণ করুন।

API কী পান এবং Maps JavaScript API চালু করুন

উন্নত মার্কার ব্যবহার করার আগে, আপনার একটি বিলিং অ্যাকাউন্ট সহ ক্লাউড প্রোজেক্ট এবং Maps JavaScript API চালু থাকতে হবে। আরও জানতে, আপনার Google Cloud প্রোজেক্ট সেট-আপ করুন দেখুন।

API key পান

ম্যাপ আইডি তৈরি করুন

নতুন ম্যাপ আইডি তৈরি করতে, ক্লাউড কাস্টমাইজেশন-এ উল্লেখ করা ধাপগুলি অনুসরণ করুন। ম্যাপের ধরন JavaScript হিসেবে সেট করুন এবং ভেক্টর অথবা রাস্টার বিকল্প বেছে নিন।

ভেক্টর ম্যাপ আইডি তৈরি করুন

আপনার ম্যাপ ইনিশিয়ালাইজেশন কোড আপডেট করুন

এর জন্য আপনার তৈরি করা ম্যাপ আইডি প্রয়োজন। এটি আপনার Maps ম্যানেজমেন্ট পৃষ্ঠায় পাওয়া যাবে।

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

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

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

  3. mapId প্রপার্টি ব্যবহার করে ম্যাপ ইনস্ট্যান্টিয়েট করার সময় ম্যাপ আইডি প্রদান করুন। এটি আপনার দেওয়া ম্যাপ আইডি অথবা 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'
});

ম্যাপের সুবিধা চেক করা (ঐচ্ছিক)

উন্নত মার্কারের জন্য ম্যাপ আইডি প্রয়োজন। ম্যাপ আইডি না থাকলে, উন্নত মার্কার লোড করা যাবে না। সমস্যার সমাধান করার ধাপ হিসেবে, ম্যাপের ক্ষমতা সংক্রান্ত পরিবর্তন সাবস্ক্রাইব করতে আপনি 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.
  }
});

পরবর্তী ধাপ

ম্যাপে মার্কার যোগ করা