Advanced Markers

AdvancedMarkerElement ক্লাস

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

একটি মানচিত্রে একটি অবস্থান দেখায়। মনে রাখবেন যে AdvancedMarkerElement প্রদর্শনের জন্য position অবশ্যই সেট করা উচিত।

দ্রষ্টব্য: একটি ওয়েব উপাদান হিসাবে ব্যবহার (যেমন কাস্টম <gmp-advanced-marker> HTML উপাদান ব্যবহার করে, শুধুমাত্র v=beta চ্যানেলে উপলব্ধ)।

কাস্টম উপাদান:
<gmp-advanced-marker 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 মানচিত্রে যোগ করা হয়।
collisionBehavior
প্রকার: CollisionBehavior optional
content
প্রকার: Node optional
element
প্রকার: HTMLElement
এই ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য। DOM এলিমেন্ট ভিউ ব্যাক করছে।
Beta gmpClickable
প্রকার: boolean optional
gmpDraggable
প্রকার: boolean optional
map
প্রকার: Map optional
position
প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker>
  • <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title
প্রকার: string
এইচটিএমএল বৈশিষ্ট্য:
  • <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex
প্রকার: number optional
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি কেস-সংবেদনশীল স্ট্রিং যা শোনার জন্য ইভেন্টের ধরণকে উপস্থাপন করে।
  • listener : EventListener | EventListenerObject যে বস্তুটি একটি বিজ্ঞপ্তি পায়। এটি অবশ্যই একটি ফাংশন বা হ্যান্ডেল ইভেন্ট পদ্ধতি সহ একটি বস্তু হতে হবে
  • options : boolean| AddEventListenerOptions optional বিকল্পগুলি দেখুন। কাস্টম ইভেন্টগুলি শুধুমাত্র capture এবং passive সমর্থন করে৷
রিটার্ন মান: void
একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। AddEventListener দেখুন
addListener
addListener(eventName, handler)
পরামিতি:
  • eventName : string অবজারভড ইভেন্ট।
  • handler : ইভেন্টগুলি পরিচালনা করার জন্য Function ফাংশন।
রিটার্ন মান: MapsEventListener ফলাফল ইভেন্ট লিসেনার।
মানচিত্র ইভেন্টিং সিস্টেমে প্রদত্ত ইভেন্ট নামের সাথে প্রদত্ত শ্রোতা ফাংশন যোগ করে।
Beta removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional বিকল্প দেখুন
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন
click
function(event)
যুক্তি:
AdvancedMarkerElement এলিমেন্টে ক্লিক করলে এই ইভেন্টটি বরখাস্ত হয়।

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

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

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

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

AdvancedMarkerElementOptions ইন্টারফেস

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

একটি AdvancedMarkerElement নির্মাণের বিকল্প।

collisionBehavior optional
প্রকার: CollisionBehavior optional
একটি গণনা নির্দিষ্ট করে যে একটি AdvancedMarkerElement কিভাবে আচরণ করবে যখন এটি অন্য AdvancedMarkerElement বা একটি ভেক্টর মানচিত্রে বেসম্যাপ লেবেলের সাথে সংঘর্ষ হয়।

দ্রষ্টব্য : AdvancedMarkerElement থেকে AdvancedMarkerElement সংঘর্ষ রাস্টার এবং ভেক্টর উভয় মানচিত্রেই কাজ করে, তবে, AdvancedMarkerElement থেকে বেস মানচিত্রের লেবেল সংঘর্ষ শুধুমাত্র ভেক্টর মানচিত্রে কাজ করে।

content optional
প্রকার: Node optional
ডিফল্ট: PinElement.element
DOM এলিমেন্ট একটি AdvancedMarkerElement এর ভিজ্যুয়ালকে সমর্থন করে।

দ্রষ্টব্য : AdvancedMarkerElement পাস করা DOM উপাদানকে ক্লোন করে না। একবার DOM উপাদানটি একটি AdvancedMarkerElement এ পাস করা হলে, একই DOM উপাদানটি অন্য AdvancedMarkerElement এ পাস করলে DOM উপাদানটি সরে যাবে এবং পূর্ববর্তী AdvancedMarkerElement টিকে খালি দেখাবে।

Beta 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
প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional
AdvancedMarkerElement এর অবস্থান সেট করে। একটি AdvancedMarkerElement একটি অবস্থান ছাড়াই নির্মিত হতে পারে, কিন্তু তার অবস্থান প্রদান না করা পর্যন্ত প্রদর্শিত হবে না - উদাহরণস্বরূপ, ব্যবহারকারীর ক্রিয়া বা পছন্দ দ্বারা। একটি AdvancedMarkerElement এর অবস্থান AdvancedMarkerElement.position সেট করে প্রদান করা যেতে পারে যদি নির্মাণে প্রদান না করা হয়।

দ্রষ্টব্য : উচ্চতা সহ AdvancedMarkerElement শুধুমাত্র ভেক্টর মানচিত্রে সমর্থিত।

title optional
প্রকার: string optional
রোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন স্ক্রিন রিডারের সাথে ব্যবহারের জন্য) প্রদত্ত মান সহ AdvancedMarkerElement এ যোগ করা হবে।
zIndex optional
প্রকার: number optional
সমস্ত AdvancedMarkerElement s তাদের zIndex-এর ক্রমানুসারে মানচিত্রে প্রদর্শিত হয়, উচ্চতর মানগুলি নিম্ন মান সহ AdvancedMarkerElement s-এর সামনে প্রদর্শিত হয়৷ ডিফল্টরূপে, AdvancedMarkerElement গুলি স্ক্রিনে তাদের উল্লম্ব অবস্থান অনুসারে প্রদর্শিত হয়, নিম্ন AdvancedMarkerElement গুলি AdvancedMarkerElement এর সামনে স্ক্রীনের আরও উপরে প্রদর্শিত হয়৷ মনে রাখবেন যে zIndex এছাড়াও CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY এর মধ্যে আপেক্ষিক অগ্রাধিকার নির্ধারণে সাহায্য করার জন্য ব্যবহার করা হয়৷ OPTIONAL_AND_HIDES_LOWER_PRIORITY উন্নত মার্কার৷ একটি উচ্চতর 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 এ যেমন দেখা যায় আকৃতিটির একই বেলুন শৈলী রয়েছে। গ্লিফ হল একটি ঐচ্ছিক DOM উপাদান যা বেলুন আকারে প্রদর্শিত হয়। একটি PinElement এর PinElement.scale এর উপর নির্ভর করে একটি ভিন্ন আকৃতির অনুপাত থাকতে পারে।

দ্রষ্টব্য: একটি ওয়েব উপাদান হিসাবে ব্যবহার (যেমন একটি HTMLElement সাবক্লাস হিসাবে ব্যবহার, বা HTML এর মাধ্যমে) এখনও সমর্থিত নয়৷

এই ক্লাসটি 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 দেখুন।
element
প্রকার: HTMLElement
এই ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য। DOM এলিমেন্ট ভিউ ব্যাক করছে।
glyph
প্রকার: string| Element | URL optional
PinElementOptions.glyph দেখুন।
glyphColor
প্রকার: string optional
PinElementOptions.glyphColor দেখুন।
scale
প্রকার: number optional
PinElementOptions.scale দেখুন।
Beta addEventListener
addEventListener(type, listener[, options])
পরামিতি:
রিটার্ন মান: void
এই ফাংশনটি এখনও ব্যবহারের জন্য উপলব্ধ নয়৷
Beta removeEventListener
removeEventListener(type, listener[, options])
পরামিতি:
  • type : string একটি স্ট্রিং যা ইভেন্টের ধরন নির্দিষ্ট করে যার জন্য একটি ইভেন্ট শ্রোতাকে সরাতে হবে।
  • listener : EventListener | EventListenerObject ইভেন্ট টার্গেট থেকে সরাতে ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসেনার।
  • options : boolean| EventListenerOptions optional বিকল্প দেখুন
রিটার্ন মান: void
লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন

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 রঙের মান সমর্থন করে।
scale optional
প্রকার: number optional
ডিফল্ট: 1
পিনের স্কেল।