Draw on the map

Marker3DElement class

google.maps.maps3d.Marker3DElement ক্লাস

3D ম্যাপে কোনও পজিশন দেখায়। মনে রাখবেন, Marker3DElement দেখানোর জন্য position সেট করতে হবে।

কাস্টম এলিমেন্ট:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" position="lat,lng" size-preserved z-index="number"></gmp-marker-3d>

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

এই ক্লাসটি Marker3DElementOptions প্রয়োগ করে।

const {Marker3DElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Marker3DElement
Marker3DElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Marker3DElement তৈরি করে।
altitudeMode
ধরন:  AltitudeMode optional
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানের উচ্চতা কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d altitude-mode="absolute"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="clamp-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-mesh"></gmp-marker-3d>
collisionBehavior
ধরন:  CollisionBehavior optional
ডিফল্ট: CollisionBehavior.REQUIRED
Marker3DElement অন্য Marker3DElement বা বেসম্যাপ লেবেলের সাথে ধাক্কা খেলে কী হবে তা নির্দিষ্ট করার জন্য একটি গণনা।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d collision-behavior="required"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="required-and-hides-optional"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="optional-and-hides-lower-priority"></gmp-marker-3d>
drawsWhenOccluded
ধরন:  boolean optional
ডিফল্ট: false
এই মার্কারটি অস্পষ্ট হয়ে গেলে সেটি আঁকা হবে কিনা তা নির্দিষ্ট করে। ম্যাপের জ্যামিতি (যেমন, বিল্ডিং) মার্কারকে আড়াল করতে পারে।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d draws-when-occluded></gmp-marker-3d>
extruded
ধরন:  boolean optional
ডিফল্ট: false
মার্কারটি গ্রাউন্ডের সাথে কানেক্ট করতে হবে কিনা তা নির্দিষ্ট করে। মার্কার এক্সট্রুড করতে, altitudeMode অবশ্যই RELATIVE_TO_GROUND বা ABSOLUTE হতে হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d extruded></gmp-marker-3d>
label
ধরন:  string optional
এই মার্কারের মাধ্যমে দেখানো টেক্সট।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d label="string"></gmp-marker-3d>
position
মার্কারের ডগার লোকেশন। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d position="lat,lng"></gmp-marker-3d>
  • <gmp-marker-3d position="lat,lng,altitude"></gmp-marker-3d>
sizePreserved
ধরন:  boolean optional
ডিফল্ট: false
ক্যামেরা থেকে দূরত্ব যাই হোক না কেন, এই মার্কারটি তার সাইজ বজায় রাখবে কিনা তা নির্দিষ্ট করে। ডিফল্ট হিসেবে, ক্যামেরা/টিল্ট থেকে দূরত্বের উপর ভিত্তি করে মার্কার স্কেল করা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d size-preserved></gmp-marker-3d>
zIndex
ধরন:  number optional
অন্যান্য মার্কারের সাথে zIndex-এর তুলনা।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d z-index="number"></gmp-marker-3d>
default
Marker3DElement-এ সরাসরি যোগ করা যেকোনও কাস্টম এলিমেন্ট স্লট করা হবে, তবে মার্কার আঁকার জন্য শুধুমাত্র HTMLImageElement, SVGElement এবং PinElement ধরনের এলিমেন্ট ব্যবহার করা হবে, অন্যান্য এলিমেন্ট উপেক্ষা করা হবে। Marker3DElement-এর ডিফল্ট স্লটে অ্যাসাইন করার আগে
HTMLImageElement এবং SVGElement অবশ্যই <template> এলিমেন্টে র‍্যাপ করতে হবে।

ছবি ও SVG বর্তমানে 3D দৃশ্যে রেন্ডার করার আগে রাস্টারাইজ করা হয়, তাই SVG-তে এম্বেড করা কাস্টম HTML বা ছবিতে যোগ করা CSS ক্লাস প্রয়োগ করা হবে না এবং স্ক্রিনে মার্কার দেখানোর সময় তা প্রতিফলিত নাও হতে পারে।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

Marker3DElementOptions ইন্টারফেস

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

Marker3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি নির্ধারণ করতে Marker3DElementOptions অবজেক্ট ব্যবহার করা হয়।

altitudeMode optional
ধরন:  AltitudeMode optional
Marker3DElement.altitudeMode দেখুন।
collisionBehavior optional
ধরন:  CollisionBehavior optional
drawsWhenOccluded optional
ধরন:  boolean optional
extruded optional
ধরন:  boolean optional
Marker3DElement.extruded দেখুন।
label optional
ধরন:  string optional
Marker3DElement.label দেখুন।
position optional
Marker3DElement.position দেখুন।
sizePreserved optional
ধরন:  boolean optional
zIndex optional
ধরন:  number optional
Marker3DElement.zIndex দেখুন।

Marker3DInteractiveElement class

google.maps.maps3d.Marker3DInteractiveElement ক্লাস

3D ম্যাপে কোনও পজিশন দেখায়। মনে রাখবেন, Marker3DInteractiveElement দেখানোর জন্য position সেট করতে হবে। Marker3DElement-এর মতো নয়, Marker3DInteractiveElement একটি gmp-click ইভেন্ট পায়।

কাস্টম এলিমেন্ট:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>

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

এই ক্লাসটি Marker3DInteractiveElementOptions প্রয়োগ করে।

const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Marker3DInteractiveElement
Marker3DInteractiveElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Marker3DInteractiveElement তৈরি করে।
gmpPopoverTargetElement
ধরন:  PopoverElement optional
সেট করা হলে, এই মার্কারের ক্লিকে পপওভার এলিমেন্টটি খুলে যাবে।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d-interactive gmp-popover-target="popover-id"></gmp-marker-3d-interactive>
title
ধরন:  string
রোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ Marker3DInteractiveElement-এ যোগ করা হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>
উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex
default
Marker3DInteractiveElement-এ সরাসরি যোগ করা যেকোনও কাস্টম এলিমেন্ট স্লট করা হবে, তবে মার্কার আঁকার জন্য শুধুমাত্র PinElement-এর ধরনের এলিমেন্ট ব্যবহার করা হবে, অন্যান্য এলিমেন্ট উপেক্ষা করা হবে।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-click
function(clickEvent)
আর্গুমেন্ট: 
Marker3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।

Marker3DInteractiveElementOptions ইন্টারফেস

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

Marker3DInteractiveElement-এ সেট করা যেতে পারে এমন প্রপার্টি নির্ধারণ করতে Marker3DInteractiveElementOptions অবজেক্ট ব্যবহার করা হয়।

এই ইন্টারফেস Marker3DElementOptions-কে এক্সটেন্ড করে।

gmpPopoverTargetElement optional
ধরন:  PopoverElement optional
title optional
ধরন:  string optional
উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement ক্লাস

google.maps.maps3d.Model3DElement ক্লাস

একটি 3D মডেল যা gLTF মডেলের রেন্ডারিংয়ের অনুমতি দেয়। মনে রাখবেন যে Model3DElement দেখানোর জন্য position এবং src অবশ্যই সেট করতে হবে।

gLTF PBR-এর মূল প্রপার্টি কাজ করতে হবে। বর্তমানে কোনও এক্সটেনশন বা এক্সটেনশন প্রপার্টি কাজ করে না।

কাস্টম এলিমেন্ট:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>

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

এই ক্লাসটি Model3DElementOptions প্রয়োগ করে।

const {Model3DElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Model3DElement
Model3DElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Model3DElement তৈরি করে।
altitudeMode
ধরন:  AltitudeMode optional
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানে উচ্চতা কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-model-3d altitude-mode="absolute"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="clamp-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-mesh"></gmp-model-3d>
orientation
ধরন:  Orientation3D|Orientation3DLiteral optional
3D ম্যাপে মডেলের পজিশন ঠিক করার জন্য 3D মডেলের কোঅর্ডিনেট সিস্টেমের রোটেশন বর্ণনা করে।

মডেলে এই ক্রমে রোটেশন প্রয়োগ করা হয়: রোল, টিল্ট এবং তারপর হেডিং।
HTML অ্যাট্রিবিউট:
  • <gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>
position
Model3DElement-এর পজিশন সেট করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
  • <gmp-model-3d position="lat,lng"></gmp-model-3d>
  • <gmp-model-3d position="lat,lng,altitude"></gmp-model-3d>
scale
ধরন:  number|Vector3D|Vector3DLiteral optional
ডিফল্ট: 1
মডেলের কোঅর্ডিনেট স্পেসে x, y ও z অক্ষ বরাবর মডেল স্কেল করে।
HTML অ্যাট্রিবিউট:
  • <gmp-model-3d scale="number"></gmp-model-3d>
  • <gmp-model-3d scale="x,y,z"></gmp-model-3d>
src
ধরন:  string|URL optional
3D মডেলের URL নির্দিষ্ট করে। এই মুহূর্তে, শুধুমাত্র .glb ফর্ম্যাটে থাকা মডেল কাজ করে।

যেকোনও আপেক্ষিক HTTP URL সেটির সংশ্লিষ্ট পরম URL-এ সমাধান করা হবে।

মনে রাখবেন, আপনি যদি নিজের মূল অ্যাপ্লিকেশন ছাড়া অন্য কোনও ওয়েবসাইট বা সার্ভারে .glb মডেল ফাইল হোস্ট করেন, তাহলে সঠিক CORS HTTP হেডার সেট-আপ করতে ভুলবেন না। এটি আপনার অ্যাপ্লিকেশনকে অন্য ডোমেন থেকে মডেল ফাইলগুলি নিরাপদে অ্যাক্সেস করার অনুমতি দেয়।
HTML অ্যাট্রিবিউট:
  • <gmp-model-3d src="url"></gmp-model-3d>
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

Model3DElementOptions ইন্টারফেস

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

Model3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Model3DElementOptions অবজেক্ট ব্যবহার করা হয়।

altitudeMode optional
ধরন:  AltitudeMode optional
Model3DElement.altitudeMode দেখুন।
orientation optional
ধরন:  Orientation3D|Orientation3DLiteral optional
Model3DElement.orientation দেখুন।
position optional
Model3DElement.position দেখুন।
scale optional
ধরন:  number|Vector3D|Vector3DLiteral optional
Model3DElement.scale দেখুন।
src optional
ধরন:  string|URL optional
Model3DElement.src দেখুন।

Model3DInteractiveElement class

google.maps.maps3d.Model3DInteractiveElement ক্লাস

একটি 3D মডেল যা gLTF মডেলের রেন্ডারিংয়ের অনুমতি দেয়। মনে রাখবেন যে Model3DElement দেখানোর জন্য position এবং src অবশ্যই সেট করতে হবে।

gLTF PBR-এর মূল প্রপার্টি কাজ করতে হবে। বর্তমানে কোনও এক্সটেনশন বা এক্সটেনশন প্রপার্টি কাজ করে না।

Model3DElement-এর মতো নয়, Model3DInteractiveElement একটি gmp-click ইভেন্ট পায়।

কাস্টম এলিমেন্ট:
<gmp-model-3d-interactive></gmp-model-3d-interactive>

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

এই ক্লাসটি Model3DInteractiveElementOptions প্রয়োগ করে।

const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Model3DInteractiveElement
Model3DInteractiveElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের মাধ্যমে Model3DInteractiveElement তৈরি করে।
উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, orientation, position, scale, src
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-click
function(clickEvent)
আর্গুমেন্ট: 
Model3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।

Model3DInteractiveElementOptions ইন্টারফেস

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

Model3DInteractiveElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Model3DInteractiveElementOptions অবজেক্ট ব্যবহার করা হয়।

এই ইন্টারফেস Model3DElementOptions-কে এক্সটেন্ড করে।

উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, orientation, position, scale, src

Polyline3DElement ক্লাস

google.maps.maps3d.Polyline3DElement ক্লাস

3D পলিলাইন হল 3D ম্যাপে কানেক্ট করা লাইন সেগমেন্টের একটি লিনিয়ার ওভারলে।

কাস্টম এলিমেন্ট:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>

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

এই ক্লাসটি Polyline3DElementOptions প্রয়োগ করে।

const {Polyline3DElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Polyline3DElement
Polyline3DElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Polyline3DElement তৈরি করে।
altitudeMode
ধরন:  AltitudeMode optional
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
স্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>
drawsOccludedSegments
ধরন:  boolean optional
ডিফল্ট: false
পলিলাইনের যে অংশগুলি অস্পষ্ট হতে পারে সেগুলি আঁকা হয়েছে কিনা তা নির্দিষ্ট করে। পলিলাইন ম্যাপের জ্যামিতি (যেমন, বিল্ডিং) দ্বারা ঢাকা পড়ে যেতে পারে।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
ধরন:  boolean optional
ডিফল্ট: false
পলিলাইনটি গ্রাউন্ডের সাথে কানেক্ট করতে হবে কিনা তা নির্দিষ্ট করে। পলিলাইন এক্সট্রুড করতে, altitudeMode অবশ্যই RELATIVE_TO_GROUND বা ABSOLUTE হতে হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
ধরন:  boolean optional
ডিফল্ট: false
true হলে, পলিলাইনের প্রান্তগুলি জিওডেসিক হিসাবে ব্যাখ্যা করা হয় এবং পৃথিবীর বক্রতা অনুসরণ করবে। false হলে, স্ক্রিন স্পেসে পলিলাইনের প্রান্তগুলি সরলরেখা হিসেবে রেন্ডার করা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
ধরন:  string optional
বাইরের রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerWidth
ধরন:  number optional
বাইরের প্রস্থ 0.0 এবং 1.0-এর মধ্যে। এটি strokeWidth-এর শতকরা হার।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
path
পলিলাইনের স্থানাঙ্কের ক্রম। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polyline-3d>
strokeColor
ধরন:  string optional
স্ট্রোকের রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeWidth
ধরন:  number optional
পিক্সেলে স্ট্রোকের প্রস্থ।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
ধরন:  number optional
অন্যান্য পলিগনের সাথে zIndex-এর তুলনা।
HTML অ্যাট্রিবিউট:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
coordinates
পলিলাইনের স্থানাঙ্কের ক্রম। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

Polyline3DElementOptions ইন্টারফেস

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

Polyline3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Polyline3DElementOptions অবজেক্ট ব্যবহার করা হয়।

altitudeMode optional
ধরন:  AltitudeMode optional
coordinates optional
drawsOccludedSegments optional
ধরন:  boolean optional
extruded optional
ধরন:  boolean optional
Polyline3DElement.extruded দেখুন।
geodesic optional
ধরন:  boolean optional
Polyline3DElement.geodesic দেখুন।
outerColor optional
ধরন:  string optional
Polyline3DElement.outerColor দেখুন।
outerWidth optional
ধরন:  number optional
Polyline3DElement.outerWidth দেখুন।
strokeColor optional
ধরন:  string optional
strokeWidth optional
ধরন:  number optional
zIndex optional
ধরন:  number optional
Polyline3DElement.zIndex দেখুন।

Polyline3DInteractiveElement ক্লাস

google.maps.maps3d.Polyline3DInteractiveElement ক্লাস

3D পলিলাইন হল 3D ম্যাপে কানেক্ট করা লাইন সেগমেন্টের একটি লিনিয়ার ওভারলে। Polyline3DElement-এর মতো নয়, Polyline3DInteractiveElement একটি gmp-click ইভেন্ট পায়।

কাস্টম এলিমেন্ট:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

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

এই ক্লাসটি Polyline3DInteractiveElementOptions প্রয়োগ করে।

const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের মাধ্যমে Polyline3DInteractiveElement তৈরি করে।
ইনহেরিট করা হয়েছে: altitudeMode, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex, coordinates
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-click
function(clickEvent)
আর্গুমেন্ট: 
  • clickEvent:  LocationClickEvent ইভেন্ট অবজেক্টে ক্লিকের অক্ষাংশ-দ্রাঘিমাংশ-উচ্চতা সংক্রান্ত লোকেশন থাকবে।
Polyline3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।

Polyline3DInteractiveElementOptions ইন্টারফেস

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

Polyline3DInteractiveElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Polyline3DInteractiveElementOptions অবজেক্ট ব্যবহার করা হয়।

এই ইন্টারফেস Polyline3DElementOptions-কে এক্সটেন্ড করে।

ইনহেরিট করা হয়েছে: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex

Polygon3DElement ক্লাস

google.maps.maps3d.Polygon3DElement ক্লাস

একটি 3D পলিগন (যেমন 3D পলিলাইন) একটি ক্রমিক সিকোয়েন্সে কানেক্ট করা স্থানাঙ্কের সিরিজকে সংজ্ঞায়িত করে। এছাড়াও, বহুভুজ একটি বদ্ধ লুপ তৈরি করে এবং একটি ভরাট অঞ্চলকে সংজ্ঞায়িত করে।

কাস্টম এলিমেন্ট:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>

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

এই ক্লাসটি Polygon3DElementOptions প্রয়োগ করে।

const {Polygon3DElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Polygon3DElement
Polygon3DElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Polygon3DElement তৈরি করে।
altitudeMode
ধরন:  AltitudeMode optional
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
স্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>
drawsOccludedSegments
ধরন:  boolean optional
ডিফল্ট: false
বহুভুজের যে অংশগুলি অস্পষ্ট হতে পারে সেগুলি আঁকা হয়েছে কিনা তা নির্দিষ্ট করে। ম্যাপের জ্যামিতি (যেমন, বিল্ডিং) দ্বারা পলিগন ঢাকা পড়ে যেতে পারে।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
ধরন:  boolean optional
ডিফল্ট: false
পলিগনটি গ্রাউন্ডের সাথে কানেক্ট করতে হবে কিনা তা নির্দিষ্ট করে। বহুভুজ এক্সট্রুড করতে, altitudeMode অবশ্যই RELATIVE_TO_GROUND বা ABSOLUTE হতে হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
ধরন:  string optional
ভরাট করার রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
geodesic
ধরন:  boolean optional
ডিফল্ট: false
true হলে, বহুভুজের প্রান্তগুলি জিওডেসিক হিসাবে ব্যাখ্যা করা হয় এবং পৃথিবীর বক্রতা অনুসরণ করবে। false হলে, স্ক্রিন স্পেসে বহুভুজের প্রান্তগুলি সরলরেখা হিসেবে রেন্ডার করা হয়।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerPaths
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। পলিলাইনের মতো নয়, একটি বহুভুজে এক বা একাধিক পাথ থাকতে পারে, যা বহুভুজের মধ্যে একাধিক কাট-আউট তৈরি করে।
path
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polygon-3d>
strokeColor
ধরন:  string optional
স্ট্রোকের রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeWidth
ধরন:  number optional
পিক্সেলে স্ট্রোকের প্রস্থ।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
ধরন:  number optional
অন্যান্য পলিগনের সাথে zIndex-এর তুলনা।
HTML অ্যাট্রিবিউট:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
outerCoordinates
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
innerCoordinates
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। পলিলাইনের মতো নয়, একটি বহুভুজে এক বা একাধিক পাথ থাকতে পারে, যা বহুভুজের মধ্যে একাধিক কাট-আউট তৈরি করে।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

Polygon3DElementOptions ইন্টারফেস

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

Polygon3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Polygon3DElementOptions অবজেক্ট ব্যবহার করা হয়।

altitudeMode optional
ধরন:  AltitudeMode optional
drawsOccludedSegments optional
ধরন:  boolean optional
extruded optional
ধরন:  boolean optional
Polygon3DElement.extruded দেখুন।
fillColor optional
ধরন:  string optional
Polygon3DElement.fillColor দেখুন।
geodesic optional
ধরন:  boolean optional
Polygon3DElement.geodesic দেখুন।
innerCoordinates optional
outerCoordinates optional
strokeColor optional
ধরন:  string optional
Polygon3DElement.strokeColor দেখুন।
strokeWidth optional
ধরন:  number optional
Polygon3DElement.strokeWidth দেখুন।
zIndex optional
ধরন:  number optional
Polygon3DElement.zIndex দেখুন।

Polygon3DInteractiveElement ক্লাস

google.maps.maps3d.Polygon3DInteractiveElement ক্লাস

একটি 3D পলিগন (যেমন 3D পলিলাইন) একটি ক্রমিক সিকোয়েন্সে কানেক্ট করা স্থানাঙ্কের সিরিজকে সংজ্ঞায়িত করে। এছাড়াও, বহুভুজ একটি বদ্ধ লুপ তৈরি করে এবং একটি ভরাট অঞ্চলকে সংজ্ঞায়িত করে। Polygon3DElement-এর মতো নয়, Polygon3DInteractiveElement একটি gmp-click ইভেন্ট পায়।

কাস্টম এলিমেন্ট:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

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

এই ক্লাসটি Polygon3DInteractiveElementOptions প্রয়োগ করে।

const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
প্যারামিটার: 
নির্দিষ্ট করা বিকল্পের মাধ্যমে Polygon3DInteractiveElement তৈরি করে।
উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerPaths, path, strokeColor, strokeWidth, zIndex, outerCoordinates, innerCoordinates
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।
gmp-click
function(clickEvent)
আর্গুমেন্ট: 
  • clickEvent:  LocationClickEvent ইভেন্ট অবজেক্টে ক্লিকের অক্ষাংশ-দ্রাঘিমাংশ-উচ্চতা সংক্রান্ত লোকেশন থাকবে।
Polygon3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।

Polygon3DInteractiveElementOptions ইন্টারফেস

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

Polygon3DInteractiveElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Polygon3DInteractiveElementOptions অবজেক্ট ব্যবহার করা হয়।

এই ইন্টারফেস Polygon3DElementOptions-কে এক্সটেন্ড করে।

ইনহেরিট করা হয়েছে: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex

PopoverElement ক্লাস

google.maps.maps3d.PopoverElement ক্লাস

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

কাস্টম এলিমেন্ট:
<gmp-popover altitude-mode="absolute" auto-pan-disabled light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>

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

এই ক্লাসটি PopoverElementOptions প্রয়োগ করে।

const {PopoverElement} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

PopoverElement
PopoverElement([options])
প্যারামিটার: 
altitudeMode
ধরন:  AltitudeMode optional
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানের উচ্চতা কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট:
  • <gmp-popover altitude-mode="absolute"></gmp-popover>
  • <gmp-popover altitude-mode="clamp-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-mesh"></gmp-popover>
autoPanDisabled
ধরন:  boolean optional
ডিফল্ট: false
'সত্য' হিসেবে সেট করা হলে, পপওভার খোলার সময় সেটি সম্পূর্ণভাবে দেখানোর জন্য ম্যাপ প্যান করার সুবিধা বন্ধ করে দেয়।
HTML অ্যাট্রিবিউট:
  • <gmp-popover auto-pan-disabled></gmp-popover>
lightDismissDisabled
ধরন:  boolean optional
ডিফল্ট: false
এই পপওভার "লাইট ডিসমিস" করা উচিত কিনা তা নির্দিষ্ট করে। "লাইট ডিসমিস" আচরণটি popover="auto" অ্যাট্রিবিউট সেট করার মতোই যা ব্রাউজার Popover API-এর অংশ।
HTML অ্যাট্রিবিউট:
  • <gmp-popover light-dismiss-disabled></gmp-popover>
open
ধরন:  boolean optional
ডিফল্ট: false
এই পপ-ওভার খোলা থাকবে কিনা তা উল্লেখ করে।
HTML অ্যাট্রিবিউট:
  • <gmp-popover open></gmp-popover>
positionAnchor
এই পপ-ওভার দেখানোর পজিশন। পপওভারটি কোনও ইন্টার‍্যাক্টিভ মার্কারের সাথে অ্যাঙ্কর করা থাকলে, পরিবর্তে মার্কারের পজিশন ব্যবহার করা হবে।
HTML অ্যাট্রিবিউট:
  • <gmp-popover position-anchor="lat,lng"></gmp-popover>
  • <gmp-popover position-anchor="lat,lng,altitude"></gmp-popover>
  • <gmp-popover position-anchor="marker-id"></gmp-popover>
default
পপওভারের মূল বিভাগে স্লট করা কন্টেন্ট রাখে।
header
পপওভারের হেডিং বিভাগে স্লট করা কন্টেন্ট রাখে।
--gmp-popover-max-width
কন্টেন্টের প্রস্থ যাই হোক না কেন, পপওভারের সর্বাধিক প্রস্থ।
--gmp-popover-min-width
কন্টেন্টের প্রস্থ যাই হোক না কেন, পপওভারের ন্যূনতম প্রস্থ। এই প্রপার্টি ব্যবহার করার সময়, ম্যাপের প্রস্থের (পিক্সেল হিসেবে) থেকে কম ভ্যালু সেট করার জন্য বিশেষভাবে সাজেস্ট করা হয়।
--gmp-popover-pixel-offset-x
ম্যাপের যে পয়েন্টের ভৌগোলিক স্থানাঙ্কে পপওভার অ্যাঙ্কর করা আছে, সেই পয়েন্ট থেকে পপওভারের টিপের x-অক্ষের অফসেট, পিক্সেলে।
--gmp-popover-pixel-offset-y
ম্যাপের যে পয়েন্টের ভৌগোলিক স্থানাঙ্কে পপওভার অ্যাঙ্কর করা আছে, সেই পয়েন্ট থেকে পপওভারের টিপের y-অ্যাক্সিস অফসেট, পিক্সেলে।
background-color
পপওভারের ব্যাকগ্রাউন্ডের রঙ। আরও বিবরণের জন্য background-color ডকুমেন্টেশন দেখুন। মনে রাখবেন, ডিফল্ট জায়গার পপওভারও এই প্রপার্টি দ্বারা প্রভাবিত হয়। ডিফল্ট জায়গার পপওভার স্টাইল করা এড়াতে, কাস্টম পপওভারে টার্গেট করা CSS ক্লাস বা ইনলাইন স্টাইল ব্যবহার করুন।
border-radius
পপওভারের বর্ডার-রেডিয়াস। আরও বিবরণের জন্য border-radius ডকুমেন্টেশন দেখুন। মনে রাখবেন, ডিফল্ট জায়গার পপওভারও এই প্রপার্টি দ্বারা প্রভাবিত হয়। ডিফল্ট জায়গার পপওভার স্টাইল করা এড়াতে, কাস্টম পপওভারে টার্গেট করা CSS ক্লাস বা ইনলাইন স্টাইল ব্যবহার করুন।
box-shadow
পপওভারের বক্স-শ্যাডো। আরও বিবরণের জন্য box-shadow ডকুমেন্টেশন দেখুন। মনে রাখবেন, ডিফল্ট জায়গার পপওভারও এই প্রপার্টি দ্বারা প্রভাবিত হয়। ডিফল্ট জায়গার পপওভার স্টাইল করা এড়াতে, কাস্টম পপওভারে টার্গেট করা CSS ক্লাস বা ইনলাইন স্টাইল ব্যবহার করুন।
color-scheme
এই পপওভার কোন রঙের স্কিমে রেন্ডার করা যেতে পারে তা নির্দেশ করে। আরও বিবরণের জন্য color-scheme ডকুমেন্টেশন দেখুন। নির্দিষ্ট করা না থাকলে, এটি ডিফল্ট হিসেবে ব্যবহারকারীর রঙের স্কিম সংক্রান্ত পছন্দ অনুযায়ী সেট করা হয়।
padding
পপওভারের প্যাডিং। আরও বিবরণের জন্য padding ডকুমেন্টেশন দেখুন। মনে রাখবেন, ডিফল্ট জায়গার পপওভারও এই প্রপার্টি দ্বারা প্রভাবিত হয়। ডিফল্ট জায়গার পপওভার স্টাইল করা এড়াতে, কাস্টম পপওভারে টার্গেট করা CSS ক্লাস বা ইনলাইন স্টাইল ব্যবহার করুন।
addEventListener
addEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string ছোট ও বড় হাতের অক্ষরের মধ্যে পার্থক্য করা হয় এমন স্ট্রিং যা ইভেন্টের ধরনকে উপস্থাপন করে।
  • listener:  EventListener|EventListenerObject যে অবজেক্ট বিজ্ঞপ্তি পায়। এটি অবশ্যই handleEvent পদ্ধতি সহ একটি ফাংশন বা অবজেক্ট হতে হবে
  • options:  boolean|AddEventListenerOptions optional বিকল্প দেখুন। কাস্টম ইভেন্ট শুধুমাত্র capture এবং passive-এ কাজ করে।
রিটার্ন ভ্যালু:  void
এমন একটি ফাংশন সেট-আপ করে যা নির্দিষ্ট ইভেন্ট টার্গেটে ডেলিভার করা হলেই কল করা হবে। addEventListener দেখুন।
removeEventListener
removeEventListener(type, listener[, options])
প্যারামিটার: 
  • type:  string একটি স্ট্রিং যা ইভেন্ট লিসনার সরানোর জন্য ইভেন্টের ধরন নির্দিষ্ট করে।
  • listener:  EventListener|EventListenerObject ইভেন্ট টার্গেট থেকে সরানোর জন্য ইভেন্ট হ্যান্ডলারের ইভেন্ট লিসনার।
  • options:  boolean|EventListenerOptions optional বিকল্প দেখুন।
রিটার্ন ভ্যালু:  void
টার্গেট থেকে addEventListener-এর মাধ্যমে আগে রেজিস্টার করা ইভেন্ট লিসেনার সরিয়ে দেয়। removeEventListener দেখুন।

PopoverElementOptions ইন্টারফেস

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

PopoverElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে PopoverElementOptions অবজেক্ট ব্যবহার করা হয়।

altitudeMode optional
ধরন:  AltitudeMode optional
PopoverElement.altitudeMode দেখুন।
autoPanDisabled optional
ধরন:  boolean optional
lightDismissDisabled optional
ধরন:  boolean optional
open optional
ধরন:  boolean optional
PopoverElement.open দেখুন।
positionAnchor optional

AltitudeMode কনস্ট্যান্ট

google.maps.maps3d.AltitudeMode কনস্ট্যান্ট

স্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।

const {AltitudeMode} = await google.maps.importLibrary("maps3d") নম্বরে কল করে অ্যাক্সেস করুন।
Maps JavaScript API-তে লাইব্রেরি দেখুন।

ABSOLUTE গড় সমুদ্রপৃষ্ঠের উচ্চতার সাপেক্ষে অবজেক্টের উচ্চতা প্রকাশ করার অনুমতি দেয়। এর অর্থ হল, অবজেক্টের নিচে ভূখণ্ডের লেভেলের বিবরণ পরিবর্তন হলেও, এর পরম অবস্থান একই থাকবে।
CLAMP_TO_GROUND ভূমিতে রাখা অবজেক্ট প্রকাশ করার অনুমতি দেয়। যে উচ্চতাই প্রদান করা হোক না কেন, সেগুলি ভূখণ্ড অনুসরণ করে গ্রাউন্ড লেভেলে থাকবে। অবজেক্টটি যদি কোনও বড় জলাশয়ের উপরে থাকে, তাহলে সেটি সমুদ্রপৃষ্ঠের উচ্চতায় দেখানো হবে।
RELATIVE_TO_GROUND ভূমি পৃষ্ঠের সাপেক্ষে অবজেক্ট প্রকাশ করার অনুমতি দেয়। ভূখণ্ডের লেভেলের বিবরণ পরিবর্তন হলে, অবজেক্টের পজিশন গ্রাউন্ডের সাপেক্ষে একই থাকবে। জলের উপরে থাকলে, সমুদ্রপৃষ্ঠ থেকে উচ্চতা মিটারে দেখানো হবে।
RELATIVE_TO_MESH মাটি+বিল্ডিং+জলের উপরিভাগের সর্বোচ্চ উচ্চতার সাপেক্ষে অবজেক্ট প্রকাশ করার অনুমতি দেয়। জলের উপরে থাকলে, এটি জলের সারফেস হবে; ভূখণ্ডের উপরে থাকলে, এটি বিল্ডিংয়ের সারফেস (যদি থাকে) বা মাটির সারফেস (যদি কোনও বিল্ডিং না থাকে) হবে।