Advanced Markers

AdvancedMarkerElement ক্লাস

google.maps.marker.AdvancedMarkerElement ক্লাস

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

কাস্টম এলিমেন্ট:
<gmp-advanced-marker anchor-left="string" anchor-top="string" gmp-clickable position="lat,lng" title="string"></gmp-advanced-marker>

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি AdvancedMarkerElementOptions প্রয়োগ করে।

const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।
AdvancedMarkerElement
AdvancedMarkerElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি AdvancedMarkerElement তৈরি করে। কোনও ম্যাপ নির্দিষ্ট করা থাকলে, কনস্ট্রাকশনের সময় AdvancedMarkerElement ম্যাপে যোগ করা হয়।
anchorLeft
ধরন:  string optional
ডিফল্ট: "-৫০%"
একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-advanced-marker anchor-left="string"></gmp-advanced-marker>
anchorTop
ধরন:  string optional
ডিফল্ট: "-১০০%"
একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-advanced-marker anchor-top="string"></gmp-advanced-marker>
collisionBehavior
ধরন:  CollisionBehavior optional
AdvancedMarkerElementOptions.collisionBehavior দেখুন।
gmpClickable
ধরন:  boolean optional
AdvancedMarkerElementOptions.gmpClickable দেখুন।
HTML অ্যাট্রিবিউট:
  • <gmp-advanced-marker gmp-clickable></gmp-advanced-marker>
gmpDraggable
ধরন:  boolean optional
AdvancedMarkerElementOptions.gmpDraggable দেখুন।
map
ধরন:  Map optional
AdvancedMarkerElementOptions.map দেখুন।
position
AdvancedMarkerElementOptions.position দেখুন।
HTML অ্যাট্রিবিউট:
  • <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker>
  • <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title
ধরন:  string
AdvancedMarkerElementOptions.title দেখুন।
HTML অ্যাট্রিবিউট:
  • <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex
ধরন:  number optional
AdvancedMarkerElementOptions.zIndex দেখুন।
element
ধরন:  HTMLElement
এই ফিল্ডটি শুধু পড়া যাবে। DOM এলিমেন্ট ভিউ ব্যাক-আপ করছে।
content
ধরন:  Node optional
AdvancedMarkerElementOptions.content দেখুন।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন
addListener
addListener(eventName, handler)
প্যারামিটার: 
  • eventName:  string উদযাপিত ইভেন্ট।
  • handler:  Function ইভেন্ট ম্যানেজ করার ফাংশন।
রিটার্ন ভ্যালু:  MapsEventListener ফলাফল ইভেন্ট লিসনার।
Maps ইভেন্টিং সিস্টেমে প্রদত্ত ইভেন্টের নামে প্রদত্ত লিসেনার ফাংশন যোগ করে।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
click
function(event)
আর্গুমেন্ট: 
AdvancedMarkerElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।

addEventListener()-এর সাথে উপলভ্য নয় (পরিবর্তে gmp-click ব্যবহার করুন)।
drag
function(event)
আর্গুমেন্ট: 
ব্যবহারকারী AdvancedMarkerElement টেনে নিয়ে যাওয়ার সময় এই ইভেন্ট বারবার ট্রিগার করা হয়।

addEventListener()-এর সাথে উপলভ্য নেই।
dragend
function(event)
আর্গুমেন্ট: 
ব্যবহারকারী AdvancedMarkerElement টেনে আনা বন্ধ করলে এই ইভেন্টটি ট্রিগার করা হয়।

addEventListener()-এর সাথে উপলভ্য নেই।
dragstart
function(event)
আর্গুমেন্ট: 
ব্যবহারকারী AdvancedMarkerElement টেনে নিয়ে যাওয়া শুরু করলে এই ইভেন্টটি ট্রিগার হয়।

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

AdvancedMarkerElementOptions ইন্টারফেস

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

AdvancedMarkerElement তৈরি করার বিকল্প।
anchorLeft optional
ধরন:  string optional
ডিফল্ট: "-৫০%"
একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
anchorTop optional
ধরন:  string optional
ডিফল্ট: "-১০০%"
একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে মার্কারের অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
collisionBehavior optional
ধরন:  CollisionBehavior optional
একটি গণনা যা নির্দিষ্ট করে যে একটি AdvancedMarkerElement কীভাবে আচরণ করবে যখন এটি অন্য AdvancedMarkerElement এর সাথে বা ভেক্টর ম্যাপে বেসম্যাপ লেবেলের সাথে সংঘর্ষ করে।

মনে রাখবেন: AdvancedMarkerElement থেকে AdvancedMarkerElement সংঘর্ষ রাস্টার ও ভেক্টর ম্যাপ, দুটিতেই কাজ করে, তবে AdvancedMarkerElement থেকে বেস ম্যাপের লেবেল সংঘর্ষ শুধু ভেক্টর ম্যাপে কাজ করে।
content optional
ধরন:  Node optional
ডিফল্ট: PinElement
DOM এলিমেন্ট AdvancedMarkerElement-এর ভিজ্যুয়ালকে ব্যাক-আপ করছে।

মনে রাখবেন: AdvancedMarkerElement পাস-ইন DOM এলিমেন্ট ক্লোন করে না। DOM এলিমেন্ট একবার AdvancedMarkerElement-এ পাস করা হলে, একই DOM এলিমেন্ট অন্য AdvancedMarkerElement-এ পাস করলে DOM এলিমেন্টটি সরে যাবে এবং আগের AdvancedMarkerElement-টি খালি দেখাবে।
gmpClickable optional
ধরন:  boolean optional
ডিফল্ট: false
true হলে, AdvancedMarkerElement ক্লিক করা যাবে এবং gmp-click ইভেন্ট ট্রিগার করবে এবং অ্যাক্সেসিবিলিটির উদ্দেশ্যে ইন্টার‍্যাক্টিভ হবে (যেমন, তীরচিহ্নযুক্ত কী-এর মাধ্যমে কীবোর্ড নেভিগেশনের অনুমতি দেওয়া)।
gmpDraggable optional
ধরন:  boolean optional
ডিফল্ট: false
true হলে, AdvancedMarkerElement টেনে আনা যাবে।

মনে রাখবেন: উচ্চতা সহ AdvancedMarkerElement ড্র্যাগ করা যাবে না।
map optional
ধরন:  Map optional
ম্যাপে AdvancedMarkerElement দেখানো হবে। AdvancedMarkerElement দেখানোর জন্য ম্যাপ প্রয়োজন এবং কনস্ট্রাকশনে প্রদান করা না হলে AdvancedMarkerElement.map সেট করে প্রদান করা যেতে পারে।
position optional
AdvancedMarkerElement-এর পজিশন সেট করে। কোনও পজিশন ছাড়াই AdvancedMarkerElement তৈরি করা যেতে পারে, তবে এর পজিশন না দেওয়া পর্যন্ত এটি দেখানো হবে না - যেমন, ব্যবহারকারীর অ্যাকশন বা পছন্দের মাধ্যমে। কনস্ট্রাকশনে AdvancedMarkerElement-এর পজিশন উল্লেখ করা না থাকলে, AdvancedMarkerElement.position সেট করে তা উল্লেখ করা যেতে পারে।

মনে রাখবেন: অল্টিটিউড সহ AdvancedMarkerElement শুধুমাত্র ভেক্টর ম্যাপে কাজ করে।
title optional
ধরন:  string optional
রোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ AdvancedMarkerElement-এ যোগ করা হবে।
zIndex optional
ধরন:  number optional
সব AdvancedMarkerElement ম্যাপে তাদের zIndex-এর ক্রম অনুযায়ী দেখানো হয়, যেখানে বেশি ভ্যালু কম ভ্যালুর AdvancedMarkerElement-এর সামনে দেখানো হয়। ডিফল্ট হিসেবে, AdvancedMarkerElement স্ক্রিনে তাদের উল্লম্ব অবস্থান অনুযায়ী দেখানো হয়, যেখানে স্ক্রিনের নিচের দিকে থাকা AdvancedMarkerElement স্ক্রিনের উপরের দিকে থাকা AdvancedMarkerElement-এর সামনে দেখানো হয়। মনে রাখবেন যে CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY উন্নত মার্কারের মধ্যে আপেক্ষিক অগ্রাধিকার নির্ধারণ করতেও zIndex ব্যবহার করা হয়। zIndex-এর ভ্যালু বেশি হলে তা বেশি অগ্রাধিকারকে নির্দেশ করে।

AdvancedMarkerClickEvent ক্লাস

google.maps.marker.AdvancedMarkerClickEvent ক্লাস

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

এই ক্লাসটি Event-এর এক্সটেনশন।

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PinElement ক্লাস

google.maps.marker.PinElement ক্লাস

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

এই ক্লাসটি HTMLElement-এর এক্সটেনশন।

এই ক্লাসটি PinElementOptions প্রয়োগ করে।

const {PinElement} = await google.maps.importLibrary("marker") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।
PinElement
PinElement([options])
প্যারামিটার: 
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
ধরন:  HTMLElement
এই ফিল্ডটি শুধু পড়া যাবে। DOM এলিমেন্ট ভিউ ব্যাক-আপ করছে।
glyph
ধরন:  string|Element|URL optional
PinElementOptions.glyph দেখুন।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PinElementOptions ইন্টারফেস

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

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