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 তৈরি করার পর, আপনাকে অবশ্যই এটিকে মানচিত্রে প্রদর্শন করতে ওপেন কল করতে হবে। ব্যবহারকারী মানচিত্র থেকে অপসারণ করতে InfoWindow-এর ক্লোজ বোতামে ক্লিক করতে পারেন, অথবা ডেভেলপার একই প্রভাবের জন্য close() কল করতে পারেন। |
বৈশিষ্ট্য | |
---|---|
isOpen | প্রকার: boolean InfoWindow খোলা আছে কিনা তা পরীক্ষা করে। |
পদ্ধতি | |
---|---|
close | close() পরামিতি: কোনোটিই নয় রিটার্ন মান: কোনটিই নয় DOM কাঠামো থেকে এই InfoWindowটিকে সরিয়ে এটি বন্ধ করে। |
focus | focus() পরামিতি: কোনোটিই নয় রিটার্ন মান: কোনটিই নয় এই InfoWindow এ ফোকাস সেট করে। InfoWindow এর উপর ফোকাস সেট করার আগে দৃশ্যমান কিনা তা নিশ্চিত করতে আপনি একটি visible ইভেন্টের সাথে এই পদ্ধতিটি ব্যবহার করার কথা বিবেচনা করতে পারেন। একটি InfoWindow যা দৃশ্যমান নয় ফোকাস করা যাবে না। |
getContent | getContent() পরামিতি: কোনোটিই নয় |
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]) পরামিতি:
রিটার্ন মান: কোনটিই নয় প্রদত্ত মানচিত্রে এই InfoWindow খোলে। ঐচ্ছিকভাবে, একটি InfoWindow একটি অ্যাঙ্করের সাথে যুক্ত হতে পারে। মূল API-এ, একমাত্র অ্যাঙ্কর হল মার্কার ক্লাস। যাইহোক, pixelOffset গণনা করার জন্য একটি নোঙ্গর এমন যেকোনো MVCObject হতে পারে যা একটি LatLng position বৈশিষ্ট্য এবং ঐচ্ছিকভাবে একটি পয়েন্ট anchorPoint বৈশিষ্ট্য প্রকাশ করে (InfoWindowOptions দেখুন)। anchorPoint হল অ্যাঙ্করের অবস্থান থেকে InfoWindow-এর ডগা পর্যন্ত অফসেট। এই পদ্ধতির জন্য একক যুক্তি হিসাবে InfoWindowOpenOptions ইন্টারফেস ব্যবহার করার সুপারিশ করা হয়। খোলার উপর ব্রাউজার ফোকাস পরিবর্তন রোধ করতে, InfoWindowOpenOptions.shouldFocus সেট করুন false । |
setContent | setContent([content]) রিটার্ন মান: কোনটিই নয় |
setHeaderContent | setHeaderContent([headerContent]) পরামিতি:
রিটার্ন মান: কোনটিই নয় |
setHeaderDisabled | setHeaderDisabled([headerDisabled]) পরামিতি:
রিটার্ন মান: কোনটিই নয় |
setOptions | setOptions([options]) পরামিতি:
রিটার্ন মান: কোনটিই নয় |
setPosition | setPosition([position]) পরামিতি:
রিটার্ন মান: কোনটিই নয় |
setZIndex | setZIndex(zIndex) পরামিতি:
রিটার্ন মান: কোনটিই নয় |
উত্তরাধিকারসূত্রে পাওয়া: addListener , bindTo , get , notify , set , setValues , unbind , unbindAll |
ঘটনা | |
---|---|
close | function() আর্গুমেন্ট: কোনোটিই না যখনই InfoWindow বন্ধ হয়ে যায় তখনই এই ইভেন্টটি গুলি করা হয়৷ উদাহরণস্বরূপ, এটি হতে পারে InfoWindow.close পদ্ধতিতে কল করা, InfoWindow বন্ধ করার জন্য এস্কেপ কী টিপে, বা বন্ধ বোতামে ক্লিক করা বা InfoWindowটিকে অন্য মানচিত্রে সরানো। |
closeclick | function() আর্গুমেন্ট: কোনোটিই না যখন বন্ধ বোতামটি ক্লিক করা হয়েছিল তখন এই ইভেন্টটি গুলি করা হয়৷ |
content_changed | function() আর্গুমেন্ট: কোনোটিই না বিষয়বস্তুর সম্পত্তি পরিবর্তন হলে এই ইভেন্টটি বরখাস্ত করা হয়। |
domready | function() আর্গুমেন্ট: কোনোটিই না InfoWindow এর বিষয়বস্তু ধারণকারী <div> DOM-এর সাথে সংযুক্ত হলে এই ইভেন্টটি চালু করা হয়। আপনি যদি গতিশীলভাবে আপনার তথ্য উইন্ডো সামগ্রী তৈরি করেন তবে আপনি এই ইভেন্টটি নিরীক্ষণ করতে চাইতে পারেন। |
headercontent_changed | function() আর্গুমেন্ট: কোনোটিই না শিরোনাম বিষয়বস্তু বৈশিষ্ট্য পরিবর্তন হলে এই ইভেন্টটি বহিস্কার করা হয়। |
headerdisabled_changed | function() আর্গুমেন্ট: কোনোটিই না শিরোনাম অক্ষম করা সম্পত্তি পরিবর্তন হলে এই ইভেন্টটি বহিস্কার করা হয়। |
position_changed | function() আর্গুমেন্ট: কোনোটিই না অবস্থান সম্পত্তি পরিবর্তন যখন এই ঘটনা বহিস্কার করা হয়. |
visible | function() আর্গুমেন্ট: কোনোটিই না InfoWindow সম্পূর্ণরূপে দৃশ্যমান হলে এই ইভেন্টটি চালু করা হয়। যখন InfoWindow প্যান করা হয় এবং তারপর স্ক্রীনে ফিরে আসে তখন এই ইভেন্টটি চালু হয় না। |
zindex_changed | function() আর্গুমেন্ট: কোনোটিই না InfoWindow এর zIndex পরিবর্তন হলে এই ইভেন্টটি চালু করা হয়। |
InfoWindowOptions ইন্টারফেস
google.maps . InfoWindowOptions
ইন্টারফেস
InfoWindowOptions অবজেক্ট একটি InfoWindow-এ সেট করা যায় এমন বৈশিষ্ট্যগুলিকে সংজ্ঞায়িত করতে ব্যবহৃত হয়।
বৈশিষ্ট্য | |
---|---|
ariaLabel optional | প্রকার: string optional InfoWindow-এ বরাদ্দ করার জন্য AriaLabel। |
content optional | InfoWindow-এ প্রদর্শনের জন্য সামগ্রী। এটি একটি HTML উপাদান, একটি প্লেইন-টেক্সট স্ট্রিং বা এইচটিএমএল ধারণকারী একটি স্ট্রিং হতে পারে। ইনফোউইন্ডো বিষয়বস্তু অনুযায়ী মাপ করা হবে। বিষয়বস্তুর জন্য একটি সুস্পষ্ট আকার সেট করতে, সামগ্রীটিকে সেই আকারের সাথে একটি HTML উপাদান হিসাবে সেট করুন৷ |
disableAutoPan optional | প্রকার: boolean optional ডিফল্ট: false InfoWindow খোলার সময় এটি সম্পূর্ণরূপে দৃশ্যমান করতে মানচিত্রটি প্যান করা অক্ষম করুন৷ |
headerContent optional | InfoWindow হেডার সারিতে প্রদর্শিত বিষয়বস্তু। এটি একটি এইচটিএমএল উপাদান, বা সাধারণ পাঠ্যের একটি স্ট্রিং হতে পারে। ইনফোউইন্ডো বিষয়বস্তু অনুযায়ী মাপ করা হবে। হেডার সামগ্রীর জন্য একটি স্পষ্ট আকার সেট করতে, সেই আকারের সাথে একটি HTML উপাদান হিসাবে headerContent সেট করুন৷ |
headerDisabled optional | প্রকার: boolean optional InfoWindow-এ পুরো হেডার সারি নিষ্ক্রিয় করে। সত্যে সেট করা হলে, শিরোনামটি সরানো হবে যাতে শিরোলেখের বিষয়বস্তু এবং বন্ধ বোতামটি লুকানো থাকে। |
maxWidth optional | প্রকার: number optional InfoWindow-এর সর্বাধিক প্রস্থ, বিষয়বস্তুর প্রস্থ নির্বিশেষে। এই মানটি শুধুমাত্র তখনই বিবেচনা করা হয় যদি এটি একটি কল to open() এর আগে সেট করা হয়। বিষয়বস্তু পরিবর্তন করার সময় সর্বাধিক প্রস্থ পরিবর্তন করতে, close() , setOptions() , এবং তারপর open() কল করুন। |
minWidth optional | প্রকার: number optional InfoWindow-এর ন্যূনতম প্রস্থ, বিষয়বস্তুর প্রস্থ নির্বিশেষে। এই প্রপার্টি ব্যবহার করার সময়, ম্যাপের প্রস্থের (পিক্সেলে) থেকে কম minWidth মান সেট করার জন্য দৃঢ়ভাবে সুপারিশ করা হয়। এই মানটি শুধুমাত্র তখনই বিবেচনা করা হয় যদি এটি একটি কল to open() এর আগে সেট করা হয়। বিষয়বস্তু পরিবর্তন করার সময় ন্যূনতম প্রস্থ পরিবর্তন করতে, close() , setOptions() , এবং তারপর open() কল করুন। |
pixelOffset optional | প্রকার: Size optional অফসেট, পিক্সেলে, মানচিত্রের বিন্দু থেকে তথ্য উইন্ডোর টিপ যার ভৌগলিক স্থানাঙ্কে তথ্য উইন্ডোটি নোঙর করা হয়। যদি একটি ইনফোউইন্ডো একটি অ্যাঙ্কর দিয়ে খোলা হয়, তাহলে pixelOffset অ্যাঙ্করের anchorPoint সম্পত্তি থেকে গণনা করা হবে। |
position optional | প্রকার: LatLng | LatLngLiteral optional LatLng যেটিতে এই InfoWindow প্রদর্শন করতে হবে। যদি ইনফোউইন্ডো একটি অ্যাঙ্কর দিয়ে খোলা হয়, তবে অ্যাঙ্করের অবস্থানটি ব্যবহার করা হবে। |
zIndex optional | প্রকার: number optional সমস্ত InfoWindows ম্যাপে তাদের zIndex-এর ক্রমানুসারে প্রদর্শিত হয়, কম মান সহ InfoWindows-এর সামনে উচ্চতর মান প্রদর্শন করা হয়। ডিফল্টরূপে, InfoWindows তাদের অক্ষাংশ অনুযায়ী প্রদর্শিত হয়, নিম্ন অক্ষাংশের InfoWindows উচ্চ অক্ষাংশে InfoWindows-এর সামনে প্রদর্শিত হয়। InfoWindows সবসময় মার্কার সামনে প্রদর্শিত হয়. |
InfoWindowOpenOptions ইন্টারফেস
google.maps . InfoWindowOpenOptions
ইন্টারফেস
একটি InfoWindow খোলার বিকল্প
বৈশিষ্ট্য | |
---|---|
anchor optional | প্রকার: MVCObject | AdvancedMarkerElement optional এই InfoWindow যে অ্যাঙ্করটিতে অবস্থান করবে। যদি অ্যাঙ্করটি নন-নাল হয়, তাহলে ইনফোউইন্ডো অ্যাঙ্করের শীর্ষ-কেন্দ্রে অবস্থান করবে। InfoWindow একই মানচিত্র বা প্যানোরামায় অ্যাঙ্কর হিসাবে রেন্ডার করা হবে (যখন উপলব্ধ) । |
map optional | প্রকার: Map | StreetViewPanorama optional যে মানচিত্র বা প্যানোরামাটিতে এই তথ্য উইন্ডোটি রেন্ডার করা হবে৷ |
shouldFocus optional | প্রকার: boolean optional ইনফোউইন্ডো খোলার সময় ফোকাস করা উচিত কি না। যখন এই প্রপার্টিটি আনসেট করা হয় বা যখন এটি null বা undefined সেট করা হয়, তখন একটি হিউরিস্টিক ব্যবহার করা হয় সিদ্ধান্ত নেওয়ার জন্য যে ফোকাস সরানো হবে কিনা। আপনার প্রয়োজন অনুসারে এই সম্পত্তিটি স্পষ্টভাবে সেট করার পরামর্শ দেওয়া হচ্ছে কারণ হিউরিস্টিক পরিবর্তন সাপেক্ষে এবং সমস্ত ব্যবহারের ক্ষেত্রে ভাল কাজ নাও করতে পারে। |