মার্কার ক্লাস
google.maps.Marker
class
extends MVCObject
library "marker"
const {Marker} = await google.maps.importLibrary("marker");
নির্মাণকারী | |
|---|---|
Marker |
Marker([opts])প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে মার্কার তৈরি করে। কোনও ম্যাপ নির্দিষ্ট করা থাকলে, কনস্ট্রাকশনের সময় ম্যাপে মার্কার যোগ করা হয়। মনে রাখবেন, মার্কার দেখানোর জন্য পজিশন সেট করতে হবে। |
ধ্রুবক | |
|---|---|
MAX_ZINDEX |
API কোনও মার্কারকে যে সর্বাধিক ডিফল্ট z-ইনডেক্স অ্যাসাইন করবে। কোনও মার্কারকে সামনে নিয়ে আসার জন্য আপনি আরও বেশি z-ইনডেক্স সেট করতে পারেন। |
পদ্ধতি | |
|---|---|
getAnimation |
getAnimation()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
Animation|null|undefinedবর্তমানে চলছে এমন অ্যানিমেশন পান। |
getClickable |
getClickable()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
boolean মার্কার ক্লিক করা গেলে True।Marker-এর ক্লিক করার যোগ্য স্ট্যাটাস পান। |
getCursor |
getCursor()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
string|null|undefinedহোভার করার সময় দেখানো মাউস কার্সারের ধরন পান। |
getDraggable |
getDraggable()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
boolean মার্কার ড্র্যাগ করা গেলে True।Marker-এর ড্র্যাগেবল স্ট্যাটাস পান। |
getIcon |
getIcon()প্যারামিটার: কিছু নেই
Marker-এর আইকন পান। MarkerOptions.icon দেখুন। |
getLabel |
getLabel()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
MarkerLabel|string|null|undefinedMarker-এর লেবেল পান। MarkerOptions.label দেখুন। |
getMap |
getMap()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
Map|StreetViewPanorama|nullMarker যে ম্যাপ বা প্যানোরামায় রেন্ডার করা হয়েছে সেটি পান। |
getOpacity |
getOpacity()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
number|null|undefined ০.০ থেকে ১.০-এর মধ্যে একটি সংখ্যা।Marker-এর অস্বচ্ছতা পান। |
getPosition |
getPosition()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
LatLng|null|undefinedMarker-এর পজিশন জানুন। |
getShape |
getShape()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
MarkerShape|null|undefined |
getTitle |
getTitle()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
string|null|undefinedMarker টুলটিপের শীর্ষক পান। MarkerOptions.title দেখুন। |
getVisible |
getVisible()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
boolean মার্কার দৃশ্যমান হলে True।Marker-এর দৃশ্যমানতা পান। |
getZIndex |
getZIndex()প্যারামিটার: কিছু নেই
রিটার্ন ভ্যালু:
number|null|undefined মার্কারের zIndex।Marker-এর zIndex পান। MarkerOptions.zIndex দেখুন। |
setAnimation |
setAnimation([animation])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
অ্যানিমেশন শুরু করুন। চলমান যেকোনও অ্যানিমেশন বাতিল করা হবে। বর্তমানে এইসব অ্যানিমেশন কাজ করে: Animation.BOUNCE, Animation.DROP। null-এ পাস করলে যেকোনও অ্যানিমেশন বন্ধ হয়ে যাবে। |
setClickable |
setClickable(flag)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker-এ ক্লিক করা যাবে কিনা তা সেট করুন। |
setCursor |
setCursor([cursor])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
হোভার করার সময় মাউস কার্সরের ধরন সেট করুন। |
setDraggable |
setDraggable(flag)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker ড্র্যাগ করা যাবে কিনা তা সেট করুন। |
setIcon |
setIcon([icon])রিটার্ন ভ্যালু: কিছু নেই
Marker-এর জন্য আইকন সেট করুন। MarkerOptions.icon দেখুন। |
setLabel |
setLabel([label])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker-এর জন্য লেবেল সেট করুন। MarkerOptions.label দেখুন। |
setMap |
setMap(map)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
নির্দিষ্ট ম্যাপ বা প্যানোরামাতে Marker রেন্ডার করে। ম্যাপ null-এ সেট করা থাকলে, মার্কার সরিয়ে দেওয়া হবে। |
setOpacity |
setOpacity([opacity])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker-এর অস্বচ্ছতা সেট করুন। |
setOptions |
setOptions(options)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker-এর জন্য বিকল্প সেট করুন। |
setPosition |
setPosition([latlng])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker-এর জন্য পজিশন সেট করুন। |
setShape |
setShape([shape])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
|
setTitle |
setTitle([title])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker টুলটিপের শীর্ষক সেট করুন। MarkerOptions.title দেখুন। |
setVisible |
setVisible(visible)প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker দেখা যাবে কিনা তা সেট করুন। |
setZIndex |
setZIndex([zIndex])প্যারামিটার:
রিটার্ন ভ্যালু: কিছু নেই
Marker-এর zIndex সেট করুন। MarkerOptions.zIndex দেখুন। |
উত্তরাধিকার সূত্রে প্রাপ্ত:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
ইভেন্ট | |
|---|---|
animation_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker অ্যানিমেশন প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
click |
function(event)আর্গুমেন্ট:
Marker আইকনে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়। |
clickable_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker ক্লিক করা যায় এমন প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
contextmenu |
function(event)আর্গুমেন্ট:
Marker-এ DOM contextmenu ইভেন্ট ফায়ার করা হলে এই ইভেন্ট ফায়ার করা হয় |
cursor_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker কার্সর প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
dblclick |
function(event)আর্গুমেন্ট:
Marker আইকনে ডবল ক্লিক করা হলে এই ইভেন্টটি ট্রিগার করা হয়। |
drag |
function(event)আর্গুমেন্ট:
ব্যবহারকারী Marker টেনে নিয়ে যাওয়ার সময় এই ইভেন্ট বারবার ট্রিগার করা হয়। |
dragend |
function(event)আর্গুমেন্ট:
ব্যবহারকারী Marker টেনে আনা বন্ধ করলে এই ইভেন্টটি ট্রিগার করা হয়। |
draggable_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker ড্র্যাগেবল প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
dragstart |
function(event)আর্গুমেন্ট:
ব্যবহারকারী Marker টেনে নিয়ে যাওয়া শুরু করলে এই ইভেন্টটি ট্রিগার হয়। |
flat_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker ফ্ল্যাট প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
icon_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker আইকন প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
mousedown |
function(event)আর্গুমেন্ট:
Marker-এ মাউসডাউনের জন্য এই ইভেন্টটি ফায়ার করা হয়। |
mouseout |
function(event)আর্গুমেন্ট:
মাউস Marker আইকনের জায়গা থেকে সরে গেলে এই ইভেন্ট ট্রিগার হয়। |
mouseover |
function(event)আর্গুমেন্ট:
মাউস Marker আইকনের জায়গায় প্রবেশ করলে এই ইভেন্টটি ট্রিগার হয়। |
mouseup |
function(event)আর্গুমেন্ট:
Marker-এ মাউসআপের জন্য এই ইভেন্টটি ফায়ার করা হয়। |
position_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker পজিশন প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ফায়ার হয়। |
shape_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker শেপের প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
title_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker টাইটেল প্রপার্টি পরিবর্তন করা হলে এই ইভেন্ট ফায়ার করা হয়। |
visible_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker-এর দৃশ্যমান প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়। |
zindex_changed |
function()আর্গুমেন্ট: কিছু নেই
Marker zIndex প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ফায়ার হয়। |
|
function(event)আর্গুমেন্ট:
Marker-এ রাইট-ক্লিক করার জন্য এই ইভেন্টটি ফায়ার করা হয়। |
MarkerOptions ইন্টারফেস
google.maps.MarkerOptions
ইন্টারফেস
MarkerOptions অবজেক্ট ব্যবহার করে মার্কারের প্রপার্টি নির্ধারণ করা হয়।
প্রপার্টি | |
|---|---|
anchorPoint
ঐচ্ছিক |
ধরন:
Point optionalমার্কারের অবস্থান থেকে InfoWindow-এর টিপ পর্যন্ত অফসেট যা মার্কারকে অ্যাঙ্কর হিসেবে ব্যবহার করে খোলা হয়েছে। |
animation
ঐচ্ছিক |
ধরন:
Animation optionalডিফল্ট:
nullম্যাপে মার্কার যোগ করা হলে কোন অ্যানিমেশন চালানো হবে। |
clickable
ঐচ্ছিক |
ধরন:
boolean optionalডিফল্ট:
truetrue হলে, মার্কার মাউস ও টাচ ইভেন্ট রিসিভ করে। |
ঐচ্ছিক |
ধরন:
string|CollisionBehavior optionalডিফল্ট:
nullভেক্টর ম্যাপে মার্কারের জন্য কলিশন বিহেভিওর সেট করুন। |
crossOnDrag
ঐচ্ছিক |
ধরন:
boolean optionalডিফল্ট:
truefalse হলে, টেনে আনার সময় মার্কারের নিচে যে ক্রস চিহ্ন দেখা যায় তা বন্ধ করে দেয়। |
cursor
ঐচ্ছিক |
ধরন:
string optionalডিফল্ট:
pointerহোভার করার সময় মাউস কার্সরের ধরন দেখানো। |
draggable
ঐচ্ছিক |
ধরন:
boolean optionalডিফল্ট:
falsetrue হলে, মার্কার টেনে নিয়ে যাওয়া যাবে। মনে রাখবেন: এটি true-এ সেট করলে, clickable-কে false-এ সেট করা থাকলেও মার্কার ক্লিক করা যাবে। |
icon
ঐচ্ছিক |
ফোরগ্রাউন্ডের জন্য আইকন। কোনও স্ট্রিং প্রদান করা হলে, সেটিকে এমনভাবে বিবেচনা করা হয় যেন সেটি Icon এবং স্ট্রিংটি url। |
label
ঐচ্ছিক |
ধরন:
string|MarkerLabel optionalডিফল্ট:
nullমার্কারে লেবেল যোগ করে। মার্কার লেবেল হল একটি অক্ষর বা সংখ্যা যা মার্কারের ভিতরে দেখা যায়। লেবেলটি হয় একটি স্ট্রিং, অথবা একটি MarkerLabel অবজেক্ট হতে পারে। এটি দেওয়া হলে এবং MarkerOptions.title দেওয়া না হলে, প্রদত্ত লেবেলের টেক্সট সহ মার্কারের সাথে একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) যোগ করা হবে। মনে রাখবেন যে label বর্তমানে শুধুমাত্র অপ্টিমাইজ না করা মার্কারের জন্য অ্যাক্সেসিবিলিটি টেক্সট হিসেবে ব্যবহার করা হয়। |
map
ঐচ্ছিক |
ধরন:
Map|StreetViewPanorama optionalযে ম্যাপে মার্কার দেখানো হবে। মার্কার দেখানোর জন্য ম্যাপ প্রয়োজন এবং মার্কার তৈরি করার সময় ম্যাপ না দেওয়া হলে Marker.setMap-এর সাথে দেওয়া যেতে পারে। |
opacity
ঐচ্ছিক |
ধরন:
number optionalডিফল্ট: ১.০
০.০, স্বচ্ছ এবং ১.০, অস্বচ্ছের মধ্যে একটি সংখ্যা। |
optimized
ঐচ্ছিক |
ধরন:
boolean optionalঅপ্টিমাইজেশন অনেক মার্কারকে একটি স্ট্যাটিক এলিমেন্ট হিসেবে রেন্ডার করে পারফর্ম্যান্স উন্নত করে। এটি এমন ক্ষেত্রে উপযোগী যেখানে প্রচুর সংখ্যক মার্কার প্রয়োজন হয়। মার্কার অপ্টিমাইজেশন সম্পর্কে আরও জানুন। মনে রাখবেন: এই অপ্টিমাইজেশন ভেক্টর ম্যাপে মার্কারের উপর কোনও প্রভাব ফেলে না। |
position
ঐচ্ছিক |
ধরন:
LatLng|LatLngLiteral optionalমার্কারের পজিশন সেট করে। মার্কার তৈরি করা হলেও, তার অবস্থান না জানানো পর্যন্ত সেটি দেখানো হয় না - যেমন, ব্যবহারকারীর অ্যাকশন বা পছন্দের মাধ্যমে। মার্কার তৈরি করার সময় মার্কারের পজিশন উল্লেখ করা না থাকলে, Marker.setPosition-এর মাধ্যমে তা উল্লেখ করা যেতে পারে। |
shape
ঐচ্ছিক |
ধরন:
MarkerShape optionalটেনে আনা/ক্লিক করার জন্য ব্যবহৃত ইমেজ ম্যাপ অঞ্চলের সংজ্ঞা। |
title
ঐচ্ছিক |
ধরন:
string optionalডিফল্ট:
undefinedরোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহারের জন্য) প্রদত্ত মান সহ মার্কারের সাথে যোগ করা হবে। মনে রাখবেন যে title বর্তমানে শুধুমাত্র অপ্টিমাইজ না করা মার্কারের জন্য অ্যাক্সেসিবিলিটি টেক্সট হিসেবে ব্যবহার করা হয়। |
visible
ঐচ্ছিক |
ধরন:
boolean optionalডিফল্ট:
truetrue হলে, মার্কার দেখা যাবে। |
zIndex
ঐচ্ছিক |
ধরন:
number optionalসব মার্কার ম্যাপে তাদের zIndex-এর ক্রম অনুযায়ী দেখানো হয়, যেখানে বেশি ভ্যালু থাকা মার্কার কম ভ্যালু থাকা মার্কারের সামনে দেখানো হয়। ডিফল্ট হিসেবে, স্ক্রিনে মার্কারের উল্লম্ব পজিশন অনুযায়ী মার্কার দেখানো হয়, যেখানে স্ক্রিনের নিচের দিকের মার্কারগুলি উপরের দিকের মার্কারের সামনে দেখানো হয়। |
CollisionBehavior কনস্ট্যান্ট
google.maps.CollisionBehavior
কনস্ট্যান্ট
লাইব্রেরি "marker"
এইসব কনস্ট্যান্ট স্ট্রিং হিসেবেও ব্যবহার করা যায়। TypeScript-এ, স্ট্রিং লিটারেল CollisionBehaviorString টাইপ দ্বারা সংজ্ঞায়িত করা হয়।
const {CollisionBehavior} = await google.maps.importLibrary("marker");
ধ্রুবক | |
|---|---|
OPTIONAL_AND_HIDES_LOWER_PRIORITY |
অন্য মার্কারের সাথে ওভারল্যাপ না করলে তবেই মার্কারটি দেখান। এই ধরনের দুটি মার্কার ওভারল্যাপ করলে, যেটির zIndex বেশি সেটি দেখানো হয়। তাদের zIndex একই হলে, স্ক্রিনে উল্লম্বভাবে নিচের দিকে থাকা বিজ্ঞাপনটি দেখানো হয়। |
REQUIRED |
সংঘর্ষ নির্বিশেষে সর্বদা মার্কার প্রদর্শন করুন। এটি হল ডিফল্ট অ্যাকশন। |
REQUIRED_AND_HIDES_OPTIONAL |
সংঘর্ষ নির্বিশেষে সর্বদা মার্কার প্রদর্শন করুন এবং মার্কারের সাথে ওভারল্যাপ করবে এমন যেকোনও OPTIONAL_AND_HIDES_LOWER_PRIORITY মার্কার বা লেবেল লুকান। |
আইকন ইন্টারফেস
google.maps.Icon
ইন্টারফেস
মার্কার আইকন ছবি দেখানোর স্ট্রাকচার।
প্রপার্টি | |
|---|---|
url |
ধরন:
stringছবি বা স্প্রাইট শিটের URL। |
anchor
ঐচ্ছিক |
ধরন:
Point optionalম্যাপে মার্কারের লোকেশন অনুযায়ী কোনও ছবিকে অ্যাঙ্কর করার পজিশন। ডিফল্ট হিসেবে, ছবির নিচের দিকের কেন্দ্রবিন্দুতে অ্যাঙ্করটি থাকে। |
labelOrigin
ঐচ্ছিক |
ধরন:
Point optionalমার্কারের মাধ্যমে লেবেল প্রদান করা হলে, আইকন ছবির উপরে-বাঁদিকের কোণের সাপেক্ষে লেবেলের উৎস। ডিফল্ট হিসেবে, ছবির কেন্দ্রবিন্দুতে অরিজিন অবস্থিত। |
origin
ঐচ্ছিক |
ধরন:
Point optionalস্প্রাইটের মধ্যে ছবির অবস্থান, যদি থাকে। ডিফল্ট হিসেবে, ছবির উপরের বাঁদিকের কোণে অরিজিন থাকে (0, 0)। |
scaledSize
ঐচ্ছিক |
ধরন:
Size optionalস্কেলিংয়ের পরে সম্পূর্ণ ছবির সাইজ, যদি থাকে। কোনও ছবি বা স্প্রাইট বড়/ছোট করতে এই প্রপার্টি ব্যবহার করুন। |
size
ঐচ্ছিক |
ধরন:
Size optionalস্প্রাইট বা ছবির ডিসপ্লে সাইজ। স্প্রাইট ব্যবহার করার সময়, আপনাকে অবশ্যই স্প্রাইটের সাইজ উল্লেখ করতে হবে। সাইজ উল্লেখ করা না থাকলে, ছবি লোড হওয়ার সময় এটি সেট করা হবে। |
MarkerLabel ইন্টারফেস
google.maps.MarkerLabel
ইন্টারফেস
এইসব বিকল্প মার্কার লেবেলের উপস্থিতি নির্দিষ্ট করে। মার্কার লেবেল হল একটি স্ট্রিং (প্রায়শই একটি একক অক্ষর) যা মার্কারের ভিতরে দেখা যাবে। আপনি যদি এটি কাস্টম মার্কারের সাথে ব্যবহার করেন, তাহলে Icon ক্লাসে labelOrigin প্রপার্টির সাহায্যে এটির অবস্থান পরিবর্তন করতে পারবেন।
প্রপার্টি | |
|---|---|
text |
ধরন:
stringলেবেলে যে টেক্সট দেখানো হবে। |
className
ঐচ্ছিক |
ধরন:
string optionalডিফল্ট:
'' (খালি স্ট্রিং)লেবেলের এলিমেন্টের className প্রপার্টি (এলিমেন্টের ক্লাস অ্যাট্রিবিউটের সমতুল্য)। স্পেস দিয়ে আলাদা করা একাধিক CSS ক্লাস যোগ করা যেতে পারে। ফন্টের রঙ, সাইজ, ওজন ও ফ্যামিলি শুধুমাত্র MarkerLabel-এর অন্যান্য প্রপার্টির মাধ্যমে সেট করা যাবে। মার্কার কলিশন ম্যানেজমেন্ট ব্যবহার করলে, লেবেলের অবস্থান বা ওরিয়েন্টেশন পরিবর্তন করার জন্য CSS ক্লাস ব্যবহার করা উচিত নয় (যেমন, ট্রান্সলেশন ও রোটেশন ব্যবহার করা)। |
color
ঐচ্ছিক |
ধরন:
string optionalডিফল্ট:
'black'লেবেল টেক্সটের রঙ। |
fontFamily
ঐচ্ছিক |
ধরন:
string optionalলেবেল টেক্সটের ফন্ট ফ্যামিলি (CSS ফন্ট-ফ্যামিলি প্রপার্টির সমতুল্য)। |
fontSize
ঐচ্ছিক |
ধরন:
string optionalডিফল্ট:
'14px'লেবেল টেক্সটের ফন্ট সাইজ (CSS ফন্ট-সাইজ প্রপার্টির সমতুল্য)। |
fontWeight
ঐচ্ছিক |
ধরন:
string optionalলেবেল টেক্সটের ফন্টের ওজন (CSS ফন্ট-ওয়েট প্রপার্টির সমতুল্য)। |
MarkerShape ইন্টারফেস
google.maps.MarkerShape
ইন্টারফেস
এই অবজেক্ট মার্কার ইমেজের ক্লিক করা যাবে এমন অঞ্চলকে সংজ্ঞায়িত করে। শেপে দুটি প্রপার্টি থাকে — type এবং coord — যা কোনও ছবির অস্বচ্ছ অঞ্চলকে সংজ্ঞায়িত করে।
প্রপার্টি | |
|---|---|
type |
ধরন:
stringআকৃতির ধরন বর্ণনা করে এবং circle, poly বা rect হতে পারে। |
coords
ঐচ্ছিক |
ধরন:
Array<number> optionalএই অ্যাট্রিবিউটের ফর্ম্যাট type-এর ভ্যালুর উপর নির্ভর করে এবং http://www.w3.org/TR/REC-html40/struct/objects.html#adef-coords-এ পাওয়া w3 AREA coords স্পেসিফিকেশন অনুসরণ করে। coords অ্যাট্রিবিউট হল পূর্ণসংখ্যার একটি অ্যারে যা টার্গেট ছবির উপরে-বাঁদিকের কোণের সাপেক্ষে আকারের পিক্সেল পজিশন নির্দিষ্ট করে। স্থানাঙ্কগুলি type-এর মানের উপর নির্ভর করে,যা নিচে দেওয়া হল: - circle: coords হল [x1,y1,r] যেখানে x1, y2 হল বৃত্তের কেন্দ্রের স্থানাঙ্ক এবং r হল বৃত্তের ব্যাসার্ধ। - poly: coords হল [x1,y1,x2,y2...xn,yn] যেখানে প্রতিটি x,y জোড়ায় বহুভুজের একটি শীর্ষবিন্দুর স্থানাঙ্ক থাকে। - rect: coords হল [x1,y1,x2,y2] যেখানে x1,y1 হল আয়তক্ষেত্রের উপরের-বাঁদিকের কোণের স্থানাঙ্ক এবং x2,y2 হল আয়তক্ষেত্রের নিচের-ডানদিকের কোণের স্থানাঙ্ক। |
প্রতীক ইন্টারফেস
google.maps.Symbol
ইন্টারফেস
একটি প্রতীক বর্ণনা করে, যার মধ্যে স্টাইলিং সহ একটি ভেক্টর পাথ রয়েছে। কোনও চিহ্নকে মার্কারের আইকন হিসেবে ব্যবহার করা যেতে পারে অথবা পলিলাইনে প্লেস করা যেতে পারে।
প্রপার্টি | |
|---|---|
path |
ধরন:
SymbolPath|stringপ্রতীকের পাথ, যা একটি বিল্ট-ইন প্রতীকের পাথ, অথবা SVG পাথ নোটেশন ব্যবহার করে প্রকাশ করা একটি কাস্টম পাথ। প্রয়োজনীয়। |
anchor
ঐচ্ছিক |
ধরন:
Point optionalডিফল্ট:
google.maps.Point(0,0)মার্কার বা পলিলাইনের সাপেক্ষে চিহ্নের অবস্থান। চিহ্নের পাথের স্থানাঙ্কগুলি যথাক্রমে অ্যাঙ্করের x এবং y স্থানাঙ্ক দ্বারা বাম এবং উপরে অনুবাদ করা হয়। চিহ্নের পাথের মতো একই কোঅর্ডিনেট সিস্টেমে পজিশন প্রকাশ করা হয়। |
fillColor
ঐচ্ছিক |
ধরন:
string optionalপ্রতীকের ভরাট করার রঙ। এক্সটেন্ডেড নামযুক্ত রঙ ছাড়া সব CSS3 রঙ কাজ করে। প্রতীক মার্কারের জন্য, এটি ডিফল্ট হিসেবে 'কালো' রঙে সেট করা থাকে। পলিলাইনের চিহ্নের জন্য, এটি সংশ্লিষ্ট পলিলাইনের স্ট্রোক কালারে ডিফল্ট হয়ে যায়। |
fillOpacity
ঐচ্ছিক |
ধরন:
number optionalডিফল্ট:
0প্রতীকের অস্বচ্ছতা। |
labelOrigin
ঐচ্ছিক |
ধরন:
Point optionalডিফল্ট:
google.maps.Point(0,0)মার্কারের মাধ্যমে লেবেল প্রদান করা হলে, পাথের উৎসের সাপেক্ষে লেবেলের উৎস। প্রতীকটির পথের মতো একই কোঅর্ডিনেট সিস্টেমে উৎসটি প্রকাশ করা হয়। পলিলাইনের চিহ্নের জন্য এই প্রপার্টি ব্যবহার করা হয় না। |
rotation
ঐচ্ছিক |
ধরন:
number optionalডিফল্ট:
0যে কোণে প্রতীকটি ঘোরাতে হবে, ঘড়ির কাঁটার দিকে ডিগ্রিতে প্রকাশ করা হয়েছে। IconSequence-এ একটি চিহ্ন যেখানে fixedRotation হল false, এটি যে প্রান্তের উপর অবস্থিত তার কোণের সাপেক্ষে ঘোরানো হয়। |
scale
ঐচ্ছিক |
ধরন:
number optionalযে পরিমাণ দ্বারা চিহ্নের সাইজ স্কেল করা হয়। প্রতীক মার্কারের জন্য, এটি ডিফল্ট হিসেবে ১; স্কেলিং করার পরে, প্রতীকটি যেকোনও আকারের হতে পারে। পলিলাইনের চিহ্নের জন্য, এটি ডিফল্ট হিসেবে পলিলাইনের স্ট্রোক ওয়েট হিসেবে সেট করা থাকে; স্কেলিং করার পরে, চিহ্নটি অবশ্যই চিহ্নের অ্যাঙ্করে কেন্দ্র করে ২২ পিক্সেল সাইজের একটি বর্গক্ষেত্রের মধ্যে থাকতে হবে। |
strokeColor
ঐচ্ছিক |
ধরন:
string optionalপ্রতীকের স্ট্রোকের রঙ। এক্সটেন্ডেড নামযুক্ত রঙ ছাড়া সব CSS3 রঙ কাজ করে। প্রতীক মার্কারের জন্য, এটি ডিফল্ট হিসেবে 'কালো' রঙে সেট করা থাকে। পলিলাইনের চিহ্নের জন্য, এটি ডিফল্ট হিসেবে পলিলাইনের স্ট্রোকের রঙে সেট করা থাকে। |
strokeOpacity
ঐচ্ছিক |
ধরন:
number optionalপ্রতীকের স্ট্রোকের অস্বচ্ছতা। প্রতীক মার্কারের জন্য, এটি ডিফল্ট হিসেবে ১ থাকে। পলিলাইনের চিহ্নের জন্য, এটি ডিফল্ট হিসেবে পলিলাইনের স্ট্রোক অস্বচ্ছতা হিসেবে সেট করা থাকে। |
strokeWeight
ঐচ্ছিক |
ধরন:
number optionalডিফল্ট: চিহ্নের
Symbol.scale।প্রতীকের স্ট্রোকের ওয়েট। |
SymbolPath কনস্ট্যান্ট
google.maps.SymbolPath
কনস্ট্যান্ট
লাইব্রেরি "core"
বিল্ট-ইন সিম্বল পাথ।
const {SymbolPath} = await google.maps.importLibrary("core");
ধ্রুবক | |
|---|---|
BACKWARD_CLOSED_ARROW |
পিছনের দিকে নির্দেশ করা বন্ধ তীরচিহ্ন। |
BACKWARD_OPEN_ARROW |
পিছনের দিকে নির্দেশ করা একটি খোলা তীরচিহ্ন। |
CIRCLE |
একটি বৃত্ত। |
FORWARD_CLOSED_ARROW |
সামনের দিকে নির্দেশ করা বন্ধ তীরচিহ্ন। |
FORWARD_OPEN_ARROW |
সামনের দিকে নির্দেশ করা খোলা তীরচিহ্ন। |
অ্যানিমেশন ধ্রুবক
google.maps.Animation
কনস্ট্যান্ট
লাইব্রেরি "marker"
মার্কারে চালানো যাবে এমন অ্যানিমেশন। অ্যানিমেশন চালাতে মার্কারের উপর Marker.setAnimation পদ্ধতি বা MarkerOptions.animation বিকল্প ব্যবহার করুন।
const {Animation} = await google.maps.importLibrary("marker");
ধ্রুবক | |
|---|---|
BOUNCE |
null সহ Marker.setAnimation কল করে অ্যানিমেশন বন্ধ না করা পর্যন্ত মার্কার বাউন্স করে। |
DROP |
মার্কার ম্যাপের উপর থেকে তার চূড়ান্ত লোকেশনে ড্রপ করে। মার্কার স্থির হয়ে গেলে অ্যানিমেশন বন্ধ হয়ে যাবে এবং Marker.getAnimation, null রিটার্ন করবে। মার্কার তৈরি করার সময় সাধারণত এই ধরনের অ্যানিমেশন নির্দিষ্ট করা হয়। |