চিহ্নিতকারী

মানচিত্রের কোনো একটি নির্দিষ্ট স্থানে ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে মার্কার ব্যবহার করুন। এই নির্দেশিকাটিতে দেখানো হয়েছে কীভাবে 3D মানচিত্রে মার্কার ব্যবহার ও কাস্টমাইজ করতে হয়। মার্কারগুলো যে উচ্চতায় প্রদর্শিত হবে, তার পাশাপাশি আপনি সেগুলোর আকৃতি, আকার এবং রঙও নিয়ন্ত্রণ করতে পারেন। নিচের উদাহরণটিতে একটি সাধারণ মার্কার দেখানো হয়েছে:

জাভাস্ক্রিপ্টের Maps-এ 3D ম্যাপের জন্য দুটি স্বতন্ত্র মার্কার ক্লাস রয়েছে, যার প্রতিটি নির্দিষ্ট ব্যবহারের জন্য অপ্টিমাইজ করা হয়েছে। নিম্নলিখিত সারণিতে উপলব্ধ দুটি ক্লাসের মধ্যে পার্থক্য এবং সুবিধা-অসুবিধাগুলো দেখানো হয়েছে:

সক্ষমতা	MarkerElement	Marker3DElement
কাস্টমাইজেশন	উচ্চ (কাস্টম এইচটিএমএল এলিমেন্ট, কোর অ্যানিমেশন এপিআই ইত্যাদি সমর্থন করে)	নিম্ন (কম কাস্টমাইজযোগ্য)
কর্মক্ষমতা	ইন্টারঅ্যাকশন পারফরম্যান্স কমে যায় (বেশি সংখ্যক মার্কার থাকলে FPS কমে যায়)	উন্নত ইন্টারঅ্যাকশন পারফরম্যান্স (বৃহৎ ডেটাসেট রেন্ডার করার জন্য অপ্টিমাইজ করা)
প্রস্তাবিত ক্ষমতা	প্রায় ১,০০০ মার্কার পর্যন্ত নির্ভরযোগ্য মিথস্ক্রিয়া কর্মক্ষমতা	১,০০০টির বেশি মার্কার ব্যবহারের জন্য প্রস্তাবিত।

রঙ, স্কেল এবং আইকন চিত্র কাস্টমাইজ করুন

ডিফল্ট মার্কারের ব্যাকগ্রাউন্ড, গ্লিফ, বর্ডারের রঙ এবং আকার কাস্টমাইজ করুন।

ডিফল্ট মার্কার আইকনটি একটি কাস্টম SVG রিসোর্স দিয়ে প্রতিস্থাপন করুন।

মার্কারের উচ্চতা সেট করুন

আপনি মার্কারটিকে এক্সট্রুড করে এবং উচ্চতা নির্ধারণ করে মার্কারের উচ্চতা ঠিক করতে পারেন।

মার্কারগুলোকে ক্লিক এবং কিবোর্ড ইভেন্টে সাড়া দিতে সক্ষম করুন।

একটি click ইভেন্ট লিসেনার যোগ করে মার্কারকে ক্লিক এবং কিবোর্ড ইভেন্টে সাড়া দেওয়ার উপযোগী করে তুলুন।

function initMap() {
  const map = new Map3DElement({
    center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
    tilt: 67.5,
    range: 45000,
    mode: MapMode.HYBRID
  });

  const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
    map,
    position: {lat: 37.4239163, lng: -122.0947209},
  });

  interactiveMarker.addEventListener('gmp-click', (event) => {
    // Handle the click event.
    // ...
  });
}

মার্কার সংঘর্ষের আচরণ সেট করুন

কোনো মার্কার অন্য কোনো মার্কার বা ম্যাপ লেবেলের সাথে সংঘর্ষে লিপ্ত হলে তার আচরণ কেমন হবে তা নির্দিষ্ট করুন।

const marker = new Marker3DElement({
    position: {lat, lng},
    collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});

মার্কার পারফরম্যান্স

কাস্টম এইচটিএমএল মার্কার ( MarkerElement ) স্ট্যান্ডার্ড ৩ডি মার্কারের ( Marker3DElement ) তুলনায় কম পারফরম্যান্স দেয়। ১,০০০-এর বেশি মার্কারযুক্ত অ্যাপ্লিকেশনের ক্ষেত্রে সর্বোত্তম পারফরম্যান্স নিশ্চিত করতে Marker3dElement ক্লাসটি ব্যবহারের জন্য জোরালোভাবে সুপারিশ করা হয়।

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

• একটি মার্কার যোগ করুন