DOM elements

OverlayView ক্লাস

google.maps.OverlayView ক্লাস

আপনি ম্যাপে কাস্টম ধরনের ওভারলে অবজেক্ট দেখাতে চাইলে এই ক্লাস প্রয়োগ করতে পারবেন।

আপনার ওভারলে প্রোটোটাইপ সেট করে এই ক্লাস থেকে ইনহেরিট করুন: MyOverlay.prototype = new google.maps.OverlayView();. OverlayView কনস্ট্রাক্টরটি একটি খালি ফাংশন হবে বলে গ্যারান্টি দেওয়া হয়েছে।

আপনাকে তিনটি পদ্ধতি প্রয়োগ করতে হবে: onAdd(), draw() এবং onRemove()।

  • onAdd() পদ্ধতিতে, আপনাকে DOM অবজেক্ট তৈরি করতে হবে এবং পেনের চিলড্রেন হিসেবে সেগুলি যোগ করতে হবে।
  • draw() পদ্ধতিতে, আপনাকে এইসব এলিমেন্ট পজিশন করতে হবে।
  • onRemove() পদ্ধতিতে, আপনাকে DOM থেকে অবজেক্ট সরিয়ে দিতে হবে।
onAdd() মেথডে কল ট্রিগার করার জন্য আপনাকে অবশ্যই সঠিক Map অবজেক্ট সহ setMap()-এ কল করতে হবে এবং onRemove() মেথড ট্রিগার করার জন্য setMap(null)-এ কল করতে হবে। কনস্ট্রাকশনের সময় বা পরে যেকোনও সময় setMap() মেথড কল করা যেতে পারে, যখন ওভারলে সরিয়ে দেওয়ার পরে আবার দেখাতে হবে। ম্যাপের কোনও প্রপার্টি পরিবর্তন হলে, draw() মেথড কল করা হবে। এর ফলে এলিমেন্টের পজিশন পরিবর্তন হতে পারে, যেমন জুম, সেন্টার বা ম্যাপের ধরন।

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

const {OverlayView} = await google.maps.importLibrary("maps") বা const {OverlayView} = await google.maps.importLibrary("streetView") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।
OverlayView
OverlayView()
প্যারামিটার:  কিছু নেই
OverlayView তৈরি করে।
preventMapHitsAndGesturesFrom
preventMapHitsAndGesturesFrom(element)
প্যারামিটার: 
রিটার্ন ভ্যালু:  কিছু নেই
ম্যাপে বাবল আপ করা থেকে এলিমেন্টে ক্লিক, ট্যাপ, টেনে আনা এবং হুইল ইভেন্ট বন্ধ করে। ম্যাপ টেনে আনা ও জুম করা এবং ম্যাপে "ক্লিক" করা সংক্রান্ত ইভেন্ট প্রতিরোধ করতে এটি ব্যবহার করুন।
preventMapHitsFrom
preventMapHitsFrom(element)
প্যারামিটার: 
রিটার্ন ভ্যালু:  কিছু নেই
এলিমেন্টে ক্লিক বা ট্যাপ করলে ম্যাপে বাবল আপ হওয়া বন্ধ করে। ম্যাপ যাতে "ক্লিক" ইভেন্ট ট্রিগার না করে তার জন্য এটি ব্যবহার করুন।
draw
draw()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
ওভারলে আঁকা বা আপডেট করার জন্য এই পদ্ধতি প্রয়োগ করুন। MapPanes-এর সাপেক্ষে ওভারলেকে সঠিকভাবে পজিশন করতে projection.fromLatLngToDivPixel() থেকে পজিশন ব্যবহার করুন। onAdd() পদ্ধতির পরে এই পদ্ধতিকে কল করা হয় এবং জুম বা সেন্টার পরিবর্তন করার সময় কল করা হয়। এই পদ্ধতিতে কম্পিউটেশনালভাবে ব্যয়বহুল কাজ করার সাজেশন দেওয়া হয় না।
getMap
getMap()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  Map|StreetViewPanorama
getPanes
getPanes()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  MapPanes|null
এই OverlayView যে প্যানে রেন্ডার করা যাবে তা দেখায়। API-এর মাধ্যমে onAdd কল না করা পর্যন্ত প্যানেল শুরু করা হয় না।
getProjection
getProjection()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  MapCanvasProjection
এই OverlayView-এর সাথে যুক্ত MapCanvasProjection অবজেক্ট রিটার্ন করে। API-এর মাধ্যমে onAdd কল না করা পর্যন্ত প্রোজেকশন শুরু করা হয় না।
onAdd
onAdd()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
ওভারলে DOM এলিমেন্ট শুরু করতে এই পদ্ধতি প্রয়োগ করুন। সঠিক ম্যাপের সাথে setMap() কল করার পরে এই পদ্ধতি একবার কল করা হয়। এই পর্যায়ে, প্যান ও প্রোজেকশন শুরু হয়ে যাবে।
onRemove
onRemove()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  কিছু নেই
DOM থেকে আপনার এলিমেন্ট সরাতে এই পদ্ধতি প্রয়োগ করুন। setMap(null)-এ কল করার পরে এই পদ্ধতি একবার কল করা হয়।
setMap
setMap(map)
প্যারামিটার: 
  • map:  Map|StreetViewPanorama optional ম্যাপ বা প্যানোরামা। null হলে, লেয়ারটি সরিয়ে দেওয়া হবে।
রিটার্ন ভ্যালু:  কিছু নেই
ম্যাপ বা প্যানোরামাতে ওভারলে যোগ করে।
উত্তরাধিকার সূত্রে প্রাপ্ত: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

MapPanes ইন্টারফেস

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

floatPane
ধরন:  Element
এই প্যানে তথ্য উইন্ডো আছে। এটি সব ম্যাপ ওভারলের উপরে থাকে। (প্যানেল ৪)।
mapPane
ধরন:  Element
এই প্যানেলটি সবচেয়ে নিচে এবং টাইলসের উপরে থাকে। এটি DOM ইভেন্ট রিসিভ করে না। (প্যানেল ০)।
markerLayer
ধরন:  Element
এই প্যানে মার্কার আছে। এটি DOM ইভেন্ট রিসিভ করে না। (প্যানেল ২)।
overlayLayer
ধরন:  Element
এই প্যানে পলিলাইন, পলিগন, গ্রাউন্ড ওভারলে এবং টাইল লেয়ার ওভারলে আছে। এটি DOM ইভেন্ট রিসিভ করে না। (প্যানেল ১)।
overlayMouseTarget
ধরন:  Element
এই প্যানে এমন এলিমেন্ট আছে যা DOM ইভেন্ট পায়। (প্যানেল ৩)।

MapCanvasProjection ইন্টারফেস

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

এই অবজেক্টটি ড্র মেথডের মধ্যে থেকে OverlayView-এর জন্য উপলভ্য করা হয়েছে। ড্র কল না করা পর্যন্ত এটি শুরু হওয়ার কোনও গ্যারেন্টি নেই।
fromContainerPixelToLatLng
fromContainerPixelToLatLng(pixel[, noClampNoWrap])
প্যারামিটার: 
  • pixel:  Point optional
  • noClampNoWrap:  boolean optional
রিটার্ন ভ্যালু:  LatLng|null
ম্যাপের কন্টেনারে পিক্সেল কোঅর্ডিনেট থেকে ভৌগোলিক কোঅর্ডিনেট গণনা করে।
fromDivPixelToLatLng
fromDivPixelToLatLng(pixel[, noClampNoWrap])
প্যারামিটার: 
  • pixel:  Point optional
  • noClampNoWrap:  boolean optional
রিটার্ন ভ্যালু:  LatLng|null
ড্র্যাগেবল ম্যাপ ধারণকারী div-এ পিক্সেল কোঅর্ডিনেট থেকে ভৌগোলিক কোঅর্ডিনেট গণনা করে।
fromLatLngToContainerPixel
fromLatLngToContainerPixel(latLng)
প্যারামিটার: 
রিটার্ন ভ্যালু:  Point|null
ম্যাপের কন্টেনার এলিমেন্টে প্রদত্ত ভৌগোলিক লোকেশনের পিক্সেল কোঅর্ডিনেট গণনা করে।
fromLatLngToDivPixel
fromLatLngToDivPixel(latLng)
প্যারামিটার: 
রিটার্ন ভ্যালু:  Point|null
ড্র্যাগেবল ম্যাপ ধারণকারী DOM এলিমেন্টে প্রদত্ত ভৌগোলিক লোকেশনের পিক্সেল কোঅর্ডিনেট গণনা করে।
getVisibleRegion
getVisibleRegion()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  VisibleRegion|null
ম্যাপের দৃশ্যমান অঞ্চল। ম্যাপের কোনও সাইজ না থাকলে null ফেরত পাঠায়। OverlayView, StreetViewPanorama-তে থাকলে null রিটার্ন করে।
getWorldWidth
getWorldWidth()
প্যারামিটার:  কিছু নেই
রিটার্ন ভ্যালু:  number
বর্তমান জুম লেভেলে পিক্সেলে পৃথিবীর প্রস্থ। ৯০ বা ২৭০ ডিগ্রি হেডিং অ্যাঙ্গেল সহ প্রোজেকশনের জন্য, এটি Y-অক্ষে পিক্সেল স্প্যানের সাথে সম্পর্কিত।