Info Window

InfoWindow ক্লাস

google.maps.InfoWindow ক্লাস

একটি ওভারলে যা দেখতে বাবেলের মতো এবং প্রায়ই মার্কারের সাথে কানেক্ট করা থাকে।

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

const {InfoWindow} = await google.maps.importLibrary("maps") বা const {InfoWindow} = await google.maps.importLibrary("streetView") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।
InfoWindow
InfoWindow([opts])
প্যারামিটার: 
প্রদত্ত বিকল্প সহ একটি তথ্য উইন্ডো তৈরি করে। বিকল্পে কী উল্লেখ করা আছে তার উপর নির্ভর করে, ম্যাপের কোনও নির্দিষ্ট পজিশনে বা মার্কারের উপরে InfoWindow প্লেস করা যেতে পারে। অটো-প্যান বন্ধ করা না থাকলে, InfoWindow খোলার সময় নিজেকে দৃশ্যমান করার জন্য ম্যাপ প্যান করবে। InfoWindow তৈরি করার পরে, ম্যাপে এটি দেখানোর জন্য আপনাকে অবশ্যই open কল করতে হবে। ব্যবহারকারী InfoWindow-তে বন্ধ করার বোতামে ক্লিক করে ম্যাপ থেকে এটি সরাতে পারেন অথবা ডেভেলপার একই এফেক্টের জন্য close() কল করতে পারেন।
isOpen
ধরন:  boolean
InfoWindow খোলা আছে কিনা চেক করে।
close
close()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
DOM স্ট্রাকচার থেকে সরিয়ে দিয়ে এই InfoWindow বন্ধ করে।
focus
focus()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
এই InfoWindow-এ ফোকাস সেট করে। আপনি হয়ত visible ইভেন্টের সাথে এই পদ্ধতি ব্যবহার করার কথা বিবেচনা করতে চাইবেন যাতে ফোকাস সেট করার আগে InfoWindow দেখা যায়। যে InfoWindow দেখা যায় না, সেটিতে ফোকাস করা যায় না।
getContent
getContent()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  string|Element|Text|null|undefined এই InfoWindow-এর কন্টেন্ট। আগে কন্টেন্ট হিসেবে যা সেট করা হয়েছিল, এটিও তাই।
getHeaderContent
getHeaderContent()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  string|Element|Text|null|undefined এই InfoWindow-এর হেডার কন্টেন্ট। InfoWindowOptions.headerContent দেখুন।
getHeaderDisabled
getHeaderDisabled()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  boolean|undefined সম্পূর্ণ হেডার সারি বন্ধ করা আছে কিনা। InfoWindowOptions.headerDisabled দেখুন।
getPosition
getPosition()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  LatLng|null|undefined এই InfoWindow-এর LatLng পজিশন।
getZIndex
getZIndex()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  number এই InfoWindow-এর zIndex।
open
open([options, anchor])
প্যারামিটার: 
  • options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional হয় একটি InfoWindowOpenOptions অবজেক্ট (সাজেস্ট করা) অথবা ম্যাপ|প্যানোরামা যার উপর এই InfoWindow রেন্ডার করতে হবে।
  • anchor:  MVCObject|AdvancedMarkerElement optional এই InfoWindow যে অ্যাঙ্করে পজিশন করা হবে। অ্যাঙ্করটি নন-নাল হলে, InfoWindow অ্যাঙ্করের উপরে-কেন্দ্রে অবস্থান করবে। InfoWindow একই ম্যাপ বা প্যানোরামাতে অ্যাঙ্কর হিসেবে রেন্ডার করা হবে (উপলভ্য হলে)।
রিটার্ন ভ্যালু:  কিছু নেই
প্রদত্ত ম্যাপে এই InfoWindow খোলে। বিকল্প হিসেবে, একটি InfoWindow-কে অ্যাঙ্করের সাথে যুক্ত করা যেতে পারে। কোর API-তে, একমাত্র অ্যাঙ্কর হল মার্কার ক্লাস। তবে, অ্যাঙ্কর যেকোনও MVCObject হতে পারে যা LatLng position প্রপার্টি এবং ঐচ্ছিকভাবে pixelOffset (InfoWindowOptions দেখুন) গণনা করার জন্য Point anchorPoint প্রপার্টি প্রকাশ করে। anchorPoint হল অ্যাঙ্করের পজিশন থেকে InfoWindow-এর টিপ পর্যন্ত অফসেট। এই পদ্ধতির জন্য একমাত্র আর্গুমেন্ট হিসেবে InfoWindowOpenOptions ইন্টারফেস ব্যবহার করতে সাজেস্ট করা হয়। খোলার সময় ব্রাউজার ফোকাস পরিবর্তন করা আটকাতে, InfoWindowOpenOptions.shouldFocus-কে false-এ সেট করুন।
setContent
setContent([content])
প্যারামিটার: 
  • content:  string|Element|Text optional এই InfoWindow-এর মাধ্যমে দেখানো কন্টেন্ট।
রিটার্ন ভ্যালু:  কিছু নেই
setHeaderContent
setHeaderContent([headerContent])
প্যারামিটার: 
রিটার্ন ভ্যালু:  কিছু নেই
setHeaderDisabled
setHeaderDisabled([headerDisabled])
প্যারামিটার: 
  • headerDisabled:  boolean optional সম্পূর্ণ হেডার সারি বন্ধ করা হবে কিনা তা নির্দিষ্ট করে। InfoWindowOptions.headerDisabled দেখুন।
রিটার্ন ভ্যালু:  কিছু নেই
setOptions
setOptions([options])
প্যারামিটার: 
রিটার্ন ভ্যালু:  কিছু নেই
setPosition
setPosition([position])
প্যারামিটার: 
  • position:  LatLng|LatLngLiteral optional LatLng পজিশন যেখানে এই InfoWindow দেখানো হবে।
রিটার্ন ভ্যালু:  কিছু নেই
setZIndex
setZIndex(zIndex)
প্যারামিটার: 
  • zIndex:  number এই InfoWindow-এর z-ইনডেক্স। কম z-ইন্ডেক্স সহ অন্যান্য সব InfoWindow-এর সামনে বেশি z-ইন্ডেক্স সহ একটি InfoWindow দেখানো হবে।
রিটার্ন ভ্যালু:  কিছু নেই
উত্তরাধিকার সূত্রে প্রাপ্ত: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
close
function()
আর্গুমেন্ট:  নেই
InfoWindow বন্ধ হয়ে গেলে এই ইভেন্ট ফায়ার করা হয়। যেমন, InfoWindow.close পদ্ধতি কল করা, InfoWindow বন্ধ করতে Escape কী প্রেস করা, বন্ধ করার বোতামে ক্লিক করা বা InfoWindow অন্য ম্যাপে সরানোর মাধ্যমে এটি হতে পারে।
closeclick
function()
আর্গুমেন্ট:  নেই
বন্ধ করার বোতামে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।
content_changed
function()
আর্গুমেন্ট:  নেই
কন্টেন্ট প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার করা হয়।
domready
function()
আর্গুমেন্ট:  নেই
InfoWindow-এর কন্টেন্ট সহ <div> DOM-এর সাথে অ্যাটাচ করা হলে এই ইভেন্ট ফায়ার করা হয়। আপনি যদি নিজের তথ্য উইন্ডো কন্টেন্ট ডাইনামিকালি তৈরি করেন, তাহলে আপনি এই ইভেন্ট মনিটর করতে চাইতে পারেন।
headercontent_changed
function()
আর্গুমেন্ট:  নেই
headerContent প্রপার্টি পরিবর্তন করা হলে এই ইভেন্ট ট্রিগার করা হয়।
headerdisabled_changed
function()
আর্গুমেন্ট:  নেই
headerDisabled প্রপার্টি পরিবর্তন হলে এই ইভেন্ট ট্রিগার হয়।
position_changed
function()
আর্গুমেন্ট:  নেই
পজিশন প্রপার্টি পরিবর্তন হলে এই ইভেন্টটি ট্রিগার হয়।
visible
function()
আর্গুমেন্ট:  নেই
InfoWindow সম্পূর্ণভাবে দেখা গেলে এই ইভেন্ট ফায়ার করা হয়। InfoWindow প্যান অফ করে আবার স্ক্রিনে ফিরিয়ে আনলে এই ইভেন্ট ফায়ার হয় না।
zindex_changed
function()
আর্গুমেন্ট:  নেই
InfoWindow-এর zIndex পরিবর্তন হলে এই ইভেন্টটি ফায়ার হয়।

InfoWindowOptions ইন্টারফেস

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

InfoWindow-তে সেট করা যেতে পারে এমন প্রপার্টি নির্ধারণ করতে InfoWindowOptions অবজেক্ট ব্যবহার করা হয়।
ariaLabel optional
ধরন:  string optional
InfoWindow-তে অ্যাসাইন করার জন্য AriaLabel।
content optional
ধরন:  string|Element|Text optional
InfoWindow-তে দেখানোর জন্য কন্টেন্ট। এটি HTML এলিমেন্ট, প্লেন-টেক্সট স্ট্রিং বা HTML সহ স্ট্রিং হতে পারে। InfoWindow-এর সাইজ কন্টেন্ট অনুযায়ী হবে। কন্টেন্টের জন্য নির্দিষ্ট সাইজ সেট করতে, কন্টেন্টকে সেই সাইজের HTML এলিমেন্ট হিসেবে সেট করুন।
disableAutoPan optional
ধরন:  boolean optional
ডিফল্ট: false
InfoWindow খোলার সময় সেটি সম্পূর্ণভাবে দৃশ্যমান করতে ম্যাপ প্যান করার সুবিধা বন্ধ করুন।
headerContent optional
ধরন:  string|Element|Text optional
InfoWindow-এর হেডার সারিতে দেখানোর জন্য কন্টেন্ট। এটি HTML এলিমেন্ট বা প্লেন টেক্সটের স্ট্রিং হতে পারে। InfoWindow-এর সাইজ কন্টেন্ট অনুযায়ী হবে। হেডার কন্টেন্টের জন্য নির্দিষ্ট সাইজ সেট করতে, headerContent-কে সেই সাইজের HTML এলিমেন্ট হিসেবে সেট করুন।
headerDisabled optional
ধরন:  boolean optional
InfoWindow-তে সম্পূর্ণ হেডার সারি বন্ধ করে দেয়। 'সত্য' হিসেবে সেট করা হলে, হেডার সরিয়ে দেওয়া হবে যাতে হেডারের কন্টেন্ট ও বন্ধ করার বোতাম লুকানো থাকে।
maxWidth optional
ধরন:  number optional
কন্টেন্টের প্রস্থ যাই হোক না কেন, InfoWindow-এর সর্বাধিক প্রস্থ। open()-এ কল করার আগে এই ভ্যালু সেট করা হলে তবেই এটি বিবেচনা করা হয়। কন্টেন্ট পরিবর্তন করার সময় সর্বাধিক প্রস্থ পরিবর্তন করতে, close(), setOptions() এবং তারপর open() কল করুন।
minWidth optional
ধরন:  number optional
কন্টেন্টের প্রস্থ যাই হোক না কেন, InfoWindow-এর ন্যূনতম প্রস্থ। এই প্রপার্টি ব্যবহার করার সময়, minWidth-এর মান ম্যাপের প্রস্থের (পিক্সেল হিসেবে) চেয়ে কম সেট করার জন্য বিশেষভাবে সাজেস্ট করা হয়। open()-এ কল করার আগে এই ভ্যালু সেট করা হলে তবেই এটি বিবেচনা করা হয়। কন্টেন্ট পরিবর্তন করার সময় ন্যূনতম প্রস্থ পরিবর্তন করতে, close(), setOptions() ও তারপর open() কল করুন।
pixelOffset optional
ধরন:  Size optional
ম্যাপের যে পয়েন্টে ইনফো উইন্ডো অ্যাঙ্কর করা আছে, সেই পয়েন্টের ভৌগোলিক স্থানাঙ্ক থেকে ইনফো উইন্ডোর টিপের অফসেট, পিক্সেলে। কোনও অ্যাঙ্কর সহ InfoWindow খোলা হলে, অ্যাঙ্করের anchorPoint প্রপার্টি থেকে pixelOffset গণনা করা হবে।
position optional
ধরন:  LatLng|LatLngLiteral optional
এই InfoWindow দেখানোর জন্য LatLng। InfoWindow যদি কোনও অ্যাঙ্করের সাথে খোলা হয়, তাহলে তার পরিবর্তে অ্যাঙ্করের পজিশন ব্যবহার করা হবে।
zIndex optional
ধরন:  number optional
সব InfoWindows ম্যাপে তাদের zIndex-এর ক্রম অনুযায়ী দেখানো হয়, যেখানে বেশি ভ্যালু থাকা InfoWindows কম ভ্যালু থাকা InfoWindows-এর সামনে দেখানো হয়। ডিফল্ট হিসেবে, InfoWindows তাদের অক্ষাংশ অনুযায়ী দেখানো হয়, যেখানে কম অক্ষাংশের InfoWindows বেশি অক্ষাংশের InfoWindows-এর সামনে দেখানো হয়। InfoWindows সবসময় মার্কারের সামনে দেখানো হয়।

InfoWindowOpenOptions ইন্টারফেস

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

InfoWindow খোলার বিকল্প
anchor optional
ধরন:  MVCObject|AdvancedMarkerElement optional
এই InfoWindow যে অ্যাঙ্করে পজিশন করা হবে। অ্যাঙ্করটি নন-নাল হলে, InfoWindow অ্যাঙ্করের উপরে-কেন্দ্রে অবস্থান করবে। InfoWindow একই ম্যাপ বা প্যানোরামাতে অ্যাঙ্কর হিসেবে রেন্ডার করা হবে (উপলভ্য হলে)।
map optional
ধরন:  Map|StreetViewPanorama optional
এই InfoWindow রেন্ডার করার জন্য ম্যাপ বা প্যানোরামা।
shouldFocus optional
ধরন:  boolean optional
InfoWindow খোলা হলে, ফোকাস সেটির ভিতরে সরানো উচিত কিনা। এই প্রপার্টি সেট করা না থাকলে অথবা null বা undefined-এ সেট করা থাকলে, ফোকাস সরানো উচিত কিনা তা সিদ্ধান্ত নিতে হিউরিস্টিক ব্যবহার করা হয়। আপনার প্রয়োজন অনুযায়ী এই প্রপার্টি স্পষ্টভাবে সেট করার জন্য সাজেস্ট করা হচ্ছে, কারণ হিউরিস্টিক পরিবর্তন হতে পারে এবং সব ব্যবহারের ক্ষেত্রে ভালভাবে কাজ নাও করতে পারে।