Advanced Markers

AdvancedMarkerElement ক্লাস

google.maps.marker.AdvancedMarkerElement class
extends HTMLElement
implements AdvancedMarkerElementOptions
library "marker"

ম্যাপে কোনও অবস্থান দেখায়। মনে রাখবেন, AdvancedMarkerElement দেখানোর জন্য position সেট করতে হবে।

   
<gmp-advanced-marker
  anchor-left="string"
  anchor-top="string"
  gmp-clickable
  position="lat,lng"
  title="string">
</gmp-advanced-marker>

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

নির্মাণকারী
AdvancedMarkerElement	AdvancedMarkerElement([options]) প্যারামিটার: options: AdvancedMarkerElementOptions optional নির্দিষ্ট করা বিকল্পের সাহায্যে একটি AdvancedMarkerElement তৈরি করে। কোনও ম্যাপ নির্দিষ্ট করা থাকলে, কনস্ট্রাকশনের সময় AdvancedMarkerElement ম্যাপে যোগ করা হয়।

প্রপার্টি
anchorLeft attr: anchor-left	ধরন: string optional ডিফল্ট: "-৫০%" একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়। HTML অ্যাট্রিবিউট: anchor-left="string"
anchorTop attr: anchor-top	ধরন: string optional ডিফল্ট: "-১০০%" একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়। HTML অ্যাট্রিবিউট: anchor-top="string"
collisionBehavior	ধরন: CollisionBehavior optional AdvancedMarkerElementOptions.collisionBehavior দেখুন।
gmpClickable attr: gmp-clickable	ধরন: boolean optional AdvancedMarkerElementOptions.gmpClickable দেখুন। HTML অ্যাট্রিবিউট: gmp-clickable
gmpDraggable	ধরন: boolean optional AdvancedMarkerElementOptions.gmpDraggable দেখুন।
map	ধরন: Map optional AdvancedMarkerElementOptions.map দেখুন।
position attr: position	ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElementOptions.position দেখুন। HTML অ্যাট্রিবিউট: position="lat,lng" position="lat,lng,altitude"
title attr: title	ধরন: string AdvancedMarkerElementOptions.title দেখুন। HTML অ্যাট্রিবিউট: title="string"
zIndex	ধরন: number optional AdvancedMarkerElementOptions.zIndex দেখুন।
element readonly	বন্ধ করে দেওয়া হয়েছে: সরাসরি AdvancedMarkerElement ব্যবহার করুন। ধরন: HTMLElement এই ফিল্ডটি শুধু পড়া যাবে। DOM এলিমেন্ট ভিউ ব্যাক-আপ করছে।
content	বন্ধ করা হয়েছে: এর পরিবর্তে .children ব্যবহার করুন। ধরন: Node optional AdvancedMarkerElementOptions.content দেখুন।

পদ্ধতি
addListener	addListener(eventName, handler) প্যারামিটার: eventName: string উদযাপিত ইভেন্ট। handler: ইভেন্ট ম্যানেজ করার জন্য Function ফাংশন। রিটার্ন ভ্যালু: MapsEventListener ফলাফল ইভেন্ট লিসনার। Maps ইভেন্টিং সিস্টেমে প্রদত্ত ইভেন্টের নামে প্রদত্ত লিসেনার ফাংশন যোগ করে।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

ইভেন্ট
click	function(event) আর্গুমেন্ট: event: MapMouseEvent AdvancedMarkerElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়। addEventListener()-এর সাথে উপলভ্য নয় (পরিবর্তে gmp-click ব্যবহার করুন)।
drag	function(event) আর্গুমেন্ট: event: MapMouseEvent ব্যবহারকারী AdvancedMarkerElement টেনে নিয়ে যাওয়ার সময় এই ইভেন্ট বারবার ট্রিগার করা হয়। addEventListener()-এর সাথে উপলভ্য নেই।
dragend	function(event) আর্গুমেন্ট: event: MapMouseEvent ব্যবহারকারী AdvancedMarkerElement টেনে আনা বন্ধ করলে এই ইভেন্টটি ট্রিগার করা হয়। addEventListener()-এর সাথে উপলভ্য নয়।
dragstart	function(event) আর্গুমেন্ট: event: MapMouseEvent ব্যবহারকারী AdvancedMarkerElement টেনে নিয়ে যাওয়া শুরু করলে এই ইভেন্টটি ট্রিগার হয়। addEventListener()-এর সাথে উপলভ্য নয়।
gmp-click	function(event) আর্গুমেন্ট: event: AdvancedMarkerClickEvent AdvancedMarkerElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়। addEventListener()-এর সাথে ব্যবহার করলে সবচেয়ে ভালো হয় (addListener()-এর পরিবর্তে)।

AdvancedMarkerElementOptions ইন্টারফেস

google.maps.marker.AdvancedMarkerElementOptions ইন্টারফেস

AdvancedMarkerElement তৈরি করার বিকল্প।

প্রপার্টি
anchorLeft ঐচ্ছিক	ধরন: string optional ডিফল্ট: "-৫০%" একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
anchorTop ঐচ্ছিক	ধরন: string optional ডিফল্ট: "-১০০%" একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
collisionBehavior ঐচ্ছিক	ধরন: CollisionBehavior optional একটি গণনা যা নির্দিষ্ট করে যে একটি AdvancedMarkerElement কীভাবে আচরণ করবে যখন এটি অন্য AdvancedMarkerElement এর সাথে বা ভেক্টর ম্যাপে বেসম্যাপ লেবেলের সাথে সংঘর্ষ করে। মনে রাখবেন: AdvancedMarkerElement থেকে AdvancedMarkerElement সংঘর্ষ রাস্টার ও ভেক্টর ম্যাপ, দুটিতেই কাজ করে, তবে AdvancedMarkerElement থেকে বেস ম্যাপের লেবেল সংঘর্ষ শুধু ভেক্টর ম্যাপে কাজ করে।
content ঐচ্ছিক	ধরন: Node optional ডিফল্ট: PinElement DOM এলিমেন্ট AdvancedMarkerElement-এর ভিজ্যুয়ালকে ব্যাক-আপ করছে। মনে রাখবেন: AdvancedMarkerElement পাস-ইন DOM এলিমেন্ট ক্লোন করে না। DOM এলিমেন্ট একবার AdvancedMarkerElement-এ পাস করা হলে, একই DOM এলিমেন্ট অন্য AdvancedMarkerElement-এ পাস করলে DOM এলিমেন্টটি সরে যাবে এবং আগের AdvancedMarkerElement-টি খালি দেখাবে।
gmpClickable ঐচ্ছিক	ধরন: boolean optional ডিফল্ট: false true হলে, AdvancedMarkerElement ক্লিক করা যাবে এবং gmp-click ইভেন্ট ট্রিগার করবে এবং অ্যাক্সেসিবিলিটির উদ্দেশ্যে ইন্টার‍্যাক্টিভ হবে (যেমন, তীরচিহ্নযুক্ত কী-এর মাধ্যমে কীবোর্ড নেভিগেশনের অনুমতি দেওয়া)।
gmpDraggable ঐচ্ছিক	ধরন: boolean optional ডিফল্ট: false true হলে, AdvancedMarkerElement টেনে আনা যাবে। মনে রাখবেন: উচ্চতা সহ AdvancedMarkerElement ড্র্যাগ করা যাবে না।
map ঐচ্ছিক	ধরন: Map optional ম্যাপে AdvancedMarkerElement দেখানো হবে। AdvancedMarkerElement দেখানোর জন্য ম্যাপ প্রয়োজন এবং কনস্ট্রাকশনে প্রদান করা না হলে AdvancedMarkerElement.map সেট করে প্রদান করা যেতে পারে।
position ঐচ্ছিক	ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement-এর পজিশন সেট করে। কোনও পজিশন ছাড়াই AdvancedMarkerElement তৈরি করা যেতে পারে, তবে এর পজিশন না দেওয়া পর্যন্ত এটি দেখানো হবে না - যেমন, ব্যবহারকারীর অ্যাকশন বা পছন্দের মাধ্যমে। কনস্ট্রাকশনে AdvancedMarkerElement-এর পজিশন উল্লেখ করা না থাকলে, AdvancedMarkerElement.position সেট করে তা উল্লেখ করা যেতে পারে। মনে রাখবেন: অল্টিটিউড সহ AdvancedMarkerElement শুধুমাত্র ভেক্টর ম্যাপে কাজ করে।
title ঐচ্ছিক	ধরন: string optional রোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ AdvancedMarkerElement-এ যোগ করা হবে।
zIndex ঐচ্ছিক	ধরন: number optional সব AdvancedMarkerElement ম্যাপে তাদের zIndex-এর ক্রম অনুযায়ী দেখানো হয়, যেখানে বেশি ভ্যালু কম ভ্যালুর AdvancedMarkerElement-এর সামনে দেখানো হয়। ডিফল্ট হিসেবে, AdvancedMarkerElement স্ক্রিনে তাদের উল্লম্ব অবস্থান অনুযায়ী দেখানো হয়, যেখানে স্ক্রিনের নিচের দিকে থাকা AdvancedMarkerElement স্ক্রিনের উপরের দিকে থাকা AdvancedMarkerElement-এর সামনে দেখানো হয়। স্পষ্ট zIndex সহ মার্কার এবং এটি ছাড়া মার্কার একসাথে ব্যবহার করলে অপ্রত্যাশিত ভিজ্যুয়াল ফলাফল হতে পারে। পূর্বানুমানযোগ্য আচরণ নিশ্চিত করতে, সব মার্কারের জন্য zIndex সেট করা অথবা এটি সেট না করে ছেড়ে দেওয়ার সাজেশন দেওয়া হয়। মনে রাখবেন যে CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY উন্নত মার্কারের মধ্যে আপেক্ষিক অগ্রাধিকার নির্ধারণ করতেও zIndex ব্যবহার করা হয়। zIndex-এর ভ্যালু বেশি হলে তা বেশি অগ্রাধিকারকে নির্দেশ করে।

AdvancedMarkerClickEvent ক্লাস

google.maps.marker.AdvancedMarkerClickEvent class
extends Event
library "marker"

কোনও উন্নত মার্কার ক্লিক করার মাধ্যমে এই ইভেন্ট তৈরি করা হয়। event.target.position-এর মাধ্যমে মার্কারের পজিশন অ্যাক্সেস করুন।

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker");

PinElement ক্লাস

google.maps.marker.PinElement class
extends HTMLElement
implements PinElementOptions
library "marker"

PinElement হল একটি DOM এলিমেন্ট যা আকার ও গ্লিফ নিয়ে গঠিত। ডিফল্ট AdvancedMarkerElement বা Marker3DElement-এ যেমন দেখা যায়, এই শেপের বেলুন স্টাইলও একই রকম। গ্লিফ হল একটি ঐচ্ছিক DOM এলিমেন্ট যা বেলুনের আকারে দেখানো হয়। PinElement.scale-এর উপর নির্ভর করে PinElement-এর আলাদা অ্যাস্পেক্ট রেশিও থাকতে পারে।

const {PinElement} = await google.maps.importLibrary("marker");

নির্মাণকারী
PinElement	PinElement([options]) প্যারামিটার: options: PinElementOptions optional

প্রপার্টি
background	ধরন: string optional পিন আকারের ব্যাকগ্রাউন্ডের রঙ। PinElementOptions.background দেখুন।
borderColor	ধরন: string optional পিন আকারের বর্ডারের রঙ। PinElementOptions.borderColor দেখুন।
glyphColor	ধরন: string optional পিন গ্লিফের রঙ। PinElementOptions.glyphColor দেখুন।
glyphSrc	ধরন: URL|string optional পিনে দেখানোর জন্য গ্লিফ ছবির সোর্স। PinElementOptions.glyphSrc দেখুন।
glyphText	ধরন: string optional পিনে দেখানো টেক্সট। PinElementOptions.glyphText দেখুন।
scale	ধরন: number optional PinElementOptions.scale দেখুন।
element readonly	বন্ধ করা হয়েছে: সরাসরি PinElement ব্যবহার করুন। ধরন: HTMLElement এই ফিল্ডটি শুধু পড়া যাবে। DOM এলিমেন্ট ভিউ ব্যাক-আপ করছে।
glyph	বন্ধ করা হয়েছে: এর পরিবর্তে PinElementOptions.glyphText বা PinElementOptions.glyphSrc ব্যবহার করুন। ধরন: string|Element|URL optional PinElementOptions.glyph দেখুন।

পদ্ধতি
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

PinElementOptions ইন্টারফেস

google.maps.marker.PinElementOptions ইন্টারফেস

PinElement তৈরি করার বিকল্প।

প্রপার্টি
background ঐচ্ছিক	ধরন: string optional পিন আকারের ব্যাকগ্রাউন্ডের রঙ। যেকোনও CSS কালার ভ্যালু কাজ করে।
borderColor ঐচ্ছিক	ধরন: string optional পিন আকারের বর্ডারের রঙ। যেকোনও CSS কালার ভ্যালু কাজ করে।
glyph ঐচ্ছিক	বন্ধ করা হয়েছে: এর পরিবর্তে PinElementOptions.glyphText বা PinElementOptions.glyphSrc ব্যবহার করুন। ধরন: string|Element|URL optional পিনে দেখানো DOM এলিমেন্ট।
glyphColor ঐচ্ছিক	ধরন: string optional গ্লিফের রঙ। যেকোনও CSS কালার ভ্যালু কাজ করে।
glyphSrc ঐচ্ছিক	ধরন: URL|string optional পিনে দেখানোর জন্য গ্লিফ ছবির সোর্স।
glyphText ঐচ্ছিক	ধরন: string optional পিনে দেখানো টেক্সট।
scale ঐচ্ছিক	ধরন: number optional ডিফল্ট: 1 পিন স্কেল।