AdvancedMarkerElement ক্লাস
google.maps.marker . AdvancedMarkerElement ক্লাস
একটি মানচিত্রে একটি অবস্থান দেখায়। মনে রাখবেন যে AdvancedMarkerElement প্রদর্শনের জন্য position অবশ্যই সেট করা উচিত।
কাস্টম উপাদান:
<gmp-advanced-marker 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 মানচিত্রে যোগ করা হয়। |
বৈশিষ্ট্য | |
|---|---|
collisionBehavior | প্রকার: CollisionBehavior optional |
gmpClickable | প্রকার: boolean optional এইচটিএমএল বৈশিষ্ট্য:
|
gmpDraggable | প্রকার: boolean optional |
map | প্রকার: Map optional |
position | প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optional এইচটিএমএল বৈশিষ্ট্য:
|
title | প্রকার: string এইচটিএমএল বৈশিষ্ট্য:
|
zIndex | প্রকার: number optional |
| প্রকার: HTMLElement এই ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য। DOM এলিমেন্ট ভিউ ব্যাক করছে। |
| প্রকার: Node optional |
পদ্ধতি | |
|---|---|
addEventListener | addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void একটি ফাংশন সেট আপ করে যা যখনই নির্দিষ্ট ইভেন্ট টার্গেটে বিতরণ করা হয় তখন কল করা হবে। AddEventListener দেখুন |
addListener | addListener(eventName, handler) পরামিতি:
রিটার্ন মান: MapsEventListener ফলাফল ইভেন্ট লিসেনার। মানচিত্র ইভেন্টিং সিস্টেমে প্রদত্ত ইভেন্ট নামের সাথে প্রদত্ত শ্রোতা ফাংশন যোগ করে। |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
ঘটনা | |
|---|---|
click | function(event) যুক্তি:
AdvancedMarkerElement এলিমেন্টে ক্লিক করলে এই ইভেন্টটি বরখাস্ত হয়।addEventListener() এর সাথে উপলব্ধ নয় (এর পরিবর্তে gmp-click ব্যবহার করুন)। |
drag | function(event) যুক্তি:
যখন ব্যবহারকারী AdvancedMarkerElement টেনে আনে তখন এই ইভেন্টটি বারবার বরখাস্ত হয়।addEventListener() এর সাথে উপলব্ধ নয়। |
dragend | function(event) যুক্তি:
ব্যবহারকারী AdvancedMarkerElement টেনে আনা বন্ধ করলে এই ইভেন্টটি বরখাস্ত হয়।addEventListener() এর সাথে উপলব্ধ নয়। |
dragstart | function(event) যুক্তি:
ব্যবহারকারী AdvancedMarkerElement টেনে আনতে শুরু করলে এই ইভেন্টটি বরখাস্ত হয়।addEventListener() এর সাথে উপলব্ধ নয়। |
| function(event) যুক্তি:
AdvancedMarkerElement এলিমেন্টে ক্লিক করলে এই ইভেন্টটি বরখাস্ত হয়। addEventListener() সাথে সবচেয়ে ভালো ব্যবহার করা হয় ( addListener() এর পরিবর্তে)। |
AdvancedMarkerElementOptions ইন্টারফেস
google.maps.marker . AdvancedMarkerElementOptions ইন্টারফেস
একটি AdvancedMarkerElement নির্মাণের বিকল্প।
বৈশিষ্ট্য | |
|---|---|
collisionBehavior optional | প্রকার: CollisionBehavior optional একটি গণনা নির্দিষ্ট করে যে একটি AdvancedMarkerElement কিভাবে আচরণ করবে যখন এটি অন্য AdvancedMarkerElement বা একটি ভেক্টর মানচিত্রে বেসম্যাপ লেবেলের সাথে সংঘর্ষ হয়। দ্রষ্টব্য : |
content optional | প্রকার: Node optional ডিফল্ট: PinElement.element DOM এলিমেন্ট একটি AdvancedMarkerElement এর ভিজ্যুয়ালকে সমর্থন করে। দ্রষ্টব্য : |
| প্রকার: boolean optional ডিফল্ট: falsetrue হলে, AdvancedMarkerElement ক্লিকযোগ্য হবে এবং gmp-click ইভেন্টটিকে ট্রিগার করবে এবং অ্যাক্সেসযোগ্যতার উদ্দেশ্যে ইন্টারেক্টিভ হবে (যেমন তীর কীগুলির মাধ্যমে কীবোর্ড নেভিগেশনের অনুমতি দেওয়া)। |
gmpDraggable optional | প্রকার: boolean optional ডিফল্ট: falsetrue হলে, AdvancedMarkerElement টেনে আনা যাবে। দ্রষ্টব্য : উচ্চতার সাথে |
map optional | প্রকার: Map optional যে মানচিত্রে AdvancedMarkerElement প্রদর্শন করতে হবে। মানচিত্রটি AdvancedMarkerElement প্রদর্শনের জন্য প্রয়োজন এবং যদি নির্মাণে প্রদান না করা হয় তবে AdvancedMarkerElement.map সেট করে প্রদান করা যেতে পারে। |
position optional | প্রকার: LatLng | LatLngLiteral | LatLngAltitude | LatLngAltitudeLiteral optionalAdvancedMarkerElement এর অবস্থান সেট করে। একটি AdvancedMarkerElement একটি অবস্থান ছাড়াই নির্মিত হতে পারে, কিন্তু তার অবস্থান প্রদান না করা পর্যন্ত প্রদর্শিত হবে না - উদাহরণস্বরূপ, ব্যবহারকারীর ক্রিয়া বা পছন্দ দ্বারা। একটি AdvancedMarkerElement এর অবস্থান AdvancedMarkerElement.position সেট করে প্রদান করা যেতে পারে যদি নির্মাণে প্রদান না করা হয়। দ্রষ্টব্য : উচ্চতা সহ |
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 optionalPinElementOptions.background দেখুন। |
borderColor | প্রকার: string optional |
element | প্রকার: HTMLElement এই ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য। DOM এলিমেন্ট ভিউ ব্যাক করছে। |
glyph | PinElementOptions.glyph দেখুন। |
glyphColor | প্রকার: string optionalPinElementOptions.glyphColor দেখুন। |
scale | প্রকার: number optionalPinElementOptions.scale দেখুন। |
পদ্ধতি | |
|---|---|
| addEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void এই ফাংশনটি এখনও ব্যবহারের জন্য উপলব্ধ নয়৷ |
| removeEventListener(type, listener[, options]) পরামিতি:
রিটার্ন মান: void লক্ষ্য থেকে addEventListener এর সাথে পূর্বে নিবন্ধিত একটি ইভেন্ট শ্রোতাকে সরিয়ে দেয়। রিমুভ ইভেন্টলিস্টেনার দেখুন। |
PinElementOptions ইন্টারফেস
google.maps.marker . PinElementOptions ইন্টারফেস
একটি PinElement তৈরির জন্য বিকল্প।
বৈশিষ্ট্য | |
|---|---|
background optional | প্রকার: string optional পিন আকৃতির পটভূমির রঙ। যেকোনো CSS রঙের মান সমর্থন করে। |
borderColor optional | প্রকার: string optional পিনের আকৃতির বর্ডার রঙ। যেকোনো CSS রঙের মান সমর্থন করে। |
glyph optional | পিনে প্রদর্শিত DOM উপাদান। |
glyphColor optional | প্রকার: string optional গ্লিফের রঙ। যেকোনো CSS রঙের মান সমর্থন করে। |
scale optional | প্রকার: number optional ডিফল্ট: 1 পিনের স্কেল। |