শুরু করুন

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

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

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

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

API key পান

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

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

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

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

এর জন্য আপনার এইমাত্র তৈরি করা ম্যাপ আইডি প্রয়োজন। এটি আপনার 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'
   });

সতর্কতা: উন্নত মার্কারের জন্য উদাহরণ ম্যাপে এমন ম্যাপ আইডি ব্যবহার করা হয় যা হ্রাস করা-POI ম্যাপ স্টাইলের সাথে লিঙ্ক করা থাকে। আপনি যদি উদাহরণ কোড আবার ব্যবহার করেন, তাহলে আমরা সাজেস্ট করি যে এইসব ম্যাপ আইডি DEMO_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.
  }
});

পরবর্তী ধাপ

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