Draw on the map

MarkerElement ক্লাস

class google.maps.maps3d.MarkerElement extends HTMLElement implements MarkerElementOptions
extended by MarkerInteractiveElement
library "maps3d"

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

MarkerElement কাস্টম HTML এলিমেন্টের মাধ্যমে উচ্চ কাস্টমাইজেশন সমর্থন করে, তবে Marker3DElement-এর চেয়ে কম ইন্টারঅ্যাকশন পারফর্ম্যান্স রয়েছে, বিশেষ করে যখন একটি ম্যাপে ১০০০টির বেশি মার্কার হ্যান্ডেল করা হয়।

<gmp-marker
  altitude-mode="value-name"
  anchor-left="string"
  anchor-top="string"
  autofits-camera
  collision-behavior="value-name"
  collision-priority="number"
  position="lat,lng"
  title="string">
</gmp-marker>
const {MarkerElement} = await google.maps.importLibrary("maps3d");
MarkerElement
MarkerElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি MarkerElement তৈরি করে।
altitudeMode
attr: altitude-mode
ইনপুটের ধরন: AltitudeMode optional
আউটপুটের ধরন: AltitudeMode
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানের উচ্চতা কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name"
anchorLeft
attr: anchor-left
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string
ডিফল্ট: -৫০%
একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
HTML অ্যাট্রিবিউট: anchor-left="string"
anchorTop
attr: anchor-top
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string
ডিফল্ট: -১০০%
একটি CSS দৈর্ঘ্য-শতাংশ মান যা মার্কারের উপরের বাঁদিকের কোণ থেকে অ্যাঙ্কর পয়েন্ট অফসেট করতে ব্যবহৃত হয়। এটি তখন কাজে লাগে যখন এমন কোনও ভিজ্যুয়াল ব্যবহার করা হয় যার অ্যাঙ্কর পয়েন্ট ডিফল্ট মার্কারের সাধারণ নিচের দিকের কেন্দ্রবিন্দু থেকে আলাদা হয়।
HTML অ্যাট্রিবিউট: anchor-top="string"
AlphaautofitsCamera
attr: autofits-camera
ধরন: boolean optional
ডিফল্ট: false
প্রদান করা হলে, নির্দিষ্ট মার্কারটি ম্যাপ ভিউপোর্টের মধ্যে দৃশ্যমান হবে, সাথে অন্য যেকোনও এলিমেন্ট যা বেছে নেওয়া হয়েছে।
HTML অ্যাট্রিবিউট: autofits-camera
collisionBehavior
attr: collision-behavior
ইনপুটের ধরন: CollisionBehavior optional
আউটপুটের ধরন: CollisionBehavior
ডিফল্ট: CollisionBehavior.REQUIRED
একটি এনিউমারেশন যা নির্দিষ্ট করে যে MarkerElement অন্য MarkerElement, Marker3DElement বা বেসম্যাপ লেবেলের সাথে সংঘর্ষ করলে কেমন আচরণ করবে।
HTML অ্যাট্রিবিউট: collision-behavior="value-name"
collisionPriority
attr: collision-priority
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY মার্কারের (Marker3DElement সহ) মধ্যে আপেক্ষিক অগ্রাধিকার নির্ধারণ করতে সাহায্য করার জন্য একটি নম্বর ব্যবহার করা হয়। একটি উচ্চতর collisionPriority মান উচ্চতর অগ্রাধিকার নির্দেশ করে।
HTML অ্যাট্রিবিউট: collision-priority="number"
position
attr: position
ইনপুটের ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
আউটপুটের ধরন: LatLngAltitude optional
মার্কারের ডগার লোকেশন। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
  • position="lat,lng"
  • position="lat,lng,altitude"
title
attr: title
ধরন: string
রোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ MarkerElement-এ যোগ করা হবে।
HTML অ্যাট্রিবিউট: title="string"
default
MarkerElement-এ সরাসরি যোগ করা যেকোনও কাস্টম এলিমেন্ট স্লট করা হবে।
z-index
এই মার্কারের z-ইনডেক্স। আরও বিবরণের জন্য z-index ডকুমেন্টেশন দেখুন। বড় z-ইনডেক্স সহ ওভারল্যাপ করা মার্কার ছোট z-ইনডেক্স সহ মার্কারকে কভার করে। ডিফল্ট হিসেবে, মার্কারগুলি তাদের DOM পজিশন অনুযায়ী দেখানো হয়, DOM-এ পরে যোগ করা মার্কারগুলি DOM-এ আগে যোগ করা মার্কারগুলির সামনে দেখানো হয়।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

MarkerElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.MarkerElementOptions
MarkerInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
MarkerElement, MarkerInteractiveElement দ্বারা প্রয়োগ করা হয়েছে

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

altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
MarkerElement.altitudeMode দেখুন।
anchorLeft
ঐচ্ছিক
ধরন: string optional
MarkerElement.anchorLeft দেখুন।
anchorTop
ঐচ্ছিক
ধরন: string optional
MarkerElement.anchorTop দেখুন।
AlphaautofitsCamera
ঐচ্ছিক
ধরন: boolean optional
AlphaMarkerElement.autofitsCamera দেখুন।
collisionBehavior
ঐচ্ছিক
ধরন: CollisionBehavior optional
collisionPriority
ঐচ্ছিক
ধরন: number optional
position
ঐচ্ছিক
MarkerElement.position দেখুন।
title
ঐচ্ছিক
ধরন: string optional
MarkerElement.title দেখুন।

MarkerInteractiveElement ক্লাস

class google.maps.maps3d.MarkerInteractiveElement extends MarkerElement, HTMLElement implements MarkerElementOptions, MarkerInteractiveElementOptions
library "maps3d"

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

<gmp-marker-interactive
  gmp-popover-target-element="popover-id">
</gmp-marker-interactive>
const {MarkerInteractiveElement} = await google.maps.importLibrary("maps3d");
MarkerInteractiveElement
MarkerInteractiveElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের মাধ্যমে MarkerInteractiveElement তৈরি করে।
gmpPopoverTargetElement
attr: gmp-popover-target-element
ইনপুটের ধরন: PopoverElement optional
আউটপুটের ধরন: PopoverElement optional
সেট করা হলে, এই মার্কারের ক্লিকে পপওভার এলিমেন্টটি খুলে যাবে।
HTML অ্যাট্রিবিউট: gmp-popover-target-element="popover-id"
ইনহেরিট করা হয়েছে: altitudeMode (attr: altitude-mode), anchorLeft (attr: anchor-left), anchorTop (attr: anchor-top), AlphaautofitsCamera (attr: autofits-camera), collisionBehavior (attr: collision-behavior), collisionPriority (attr: collision-priority), position (attr: position), title (attr: title)
ইনহেরিট করা: default
ইনহেরিট করা: z-index
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener
gmp-click
function(clickEvent)
আর্গুমেন্ট:
MarkerInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।

MarkerInteractiveElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.MarkerInteractiveElementOptions MarkerElementOptions-এর এক্সটেনশন
MarkerInteractiveElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

gmpPopoverTargetElement
ঐচ্ছিক
ধরন: PopoverElement optional
উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, anchorLeft, anchorTop, AlphaautofitsCamera, collisionBehavior, collisionPriority, position, title

Marker3DElement class

class google.maps.maps3d.Marker3DElement extends HTMLElement implements Marker3DElementOptions
extended by Marker3DInteractiveElement
library "maps3d"

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

<gmp-marker-3d
  altitude-mode="value-name"
  autofits-camera
  collision-behavior="value-name"
  collision-priority="number"
  draws-when-occluded
  extruded
  label="string"
  position="lat,lng"
  size-preserved
  z-index="number">
</gmp-marker-3d>
const {Marker3DElement} = await google.maps.importLibrary("maps3d");
Marker3DElement
Marker3DElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Marker3DElement তৈরি করে।
altitudeMode
attr: altitude-mode
ইনপুটের ধরন: AltitudeMode optional
আউটপুটের ধরন: AltitudeMode
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানের উচ্চতা কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
প্রদান করা হলে, নির্দিষ্ট মার্কারটি ম্যাপ ভিউপোর্টের মধ্যে দৃশ্যমান হবে, সাথে অন্য যেকোনও এলিমেন্ট যা বেছে নেওয়া হয়েছে।
HTML অ্যাট্রিবিউট: autofits-camera
collisionBehavior
attr: collision-behavior
ইনপুটের ধরন: CollisionBehavior optional
আউটপুটের ধরন: CollisionBehavior
ডিফল্ট: CollisionBehavior.REQUIRED
Marker3DElement অন্য Marker3DElement বা বেসম্যাপ লেবেলের সাথে ধাক্কা খেলে কী হবে তা নির্দিষ্ট করার জন্য একটি গণনা।
HTML অ্যাট্রিবিউট: collision-behavior="value-name"
collisionPriority
attr: collision-priority
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
সংঘর্ষ শনাক্তকরণের জন্য সংঘর্ষের অগ্রাধিকার ব্যবহার করা হয়।
HTML অ্যাট্রিবিউট: collision-priority="number"
drawsWhenOccluded
attr: draws-when-occluded
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
এই মার্কারটি অস্পষ্ট হয়ে গেলে সেটি আঁকা হবে কিনা তা নির্দিষ্ট করে। ম্যাপের জ্যামিতি (যেমন, বিল্ডিং) মার্কারকে আড়াল করতে পারে।
HTML অ্যাট্রিবিউট: draws-when-occluded
extruded
attr: extruded
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
মার্কারটি গ্রাউন্ডের সাথে কানেক্ট করতে হবে কিনা তা নির্দিষ্ট করে। মার্কার এক্সট্রুড করতে, altitudeMode অবশ্যই RELATIVE_TO_GROUND বা ABSOLUTE হতে হবে।
HTML অ্যাট্রিবিউট: extruded
label
attr: label
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
এই মার্কারের মাধ্যমে দেখানো টেক্সট।
HTML অ্যাট্রিবিউট: label="string"
position
attr: position
ইনপুটের ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
আউটপুটের ধরন: LatLngAltitude optional
মার্কারের ডগার লোকেশন। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
  • position="lat,lng"
  • position="lat,lng,altitude"
sizePreserved
attr: size-preserved
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
ক্যামেরা থেকে দূরত্ব যাই হোক না কেন, এই মার্কারটি তার সাইজ বজায় রাখবে কিনা তা নির্দিষ্ট করে। ডিফল্ট হিসেবে, ক্যামেরা/টিল্ট থেকে দূরত্বের উপর ভিত্তি করে মার্কার স্কেল করা হয়।
HTML অ্যাট্রিবিউট: size-preserved
zIndex
attr: z-index
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
অন্যান্য মার্কারের সাথে zIndex-এর তুলনা।
HTML অ্যাট্রিবিউট: z-index="number"
default
Marker3DElement-এ সরাসরি যোগ করা যেকোনও কাস্টম এলিমেন্ট স্লট করা হবে, তবে মার্কার আঁকার জন্য শুধুমাত্র HTMLImageElement, SVGElement এবং PinElement ধরনের এলিমেন্ট ব্যবহার করা হবে, অন্যান্য এলিমেন্ট উপেক্ষা করা হবে। Marker3DElement-এর ডিফল্ট স্লটে অ্যাসাইন করার আগে
HTMLImageElement এবং SVGElement অবশ্যই <template> এলিমেন্টে র‍্যাপ করতে হবে।

ছবি ও SVG বর্তমানে 3D দৃশ্যে রেন্ডার করার আগে রাস্টারাইজ করা হয়, তাই SVG-তে এম্বেড করা কাস্টম HTML বা ছবিতে যোগ করা CSS ক্লাস প্রয়োগ করা হবে না এবং স্ক্রিনে মার্কার দেখানোর সময় তা প্রতিফলিত নাও হতে পারে।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

Marker3DElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Marker3DElementOptions
Marker3DInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
Marker3DElement, Marker3DInteractiveElement দ্বারা প্রয়োগ করা হয়েছে

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

altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
Marker3DElement.altitudeMode দেখুন।
AlphaautofitsCamera
ঐচ্ছিক
ধরন: boolean optional
collisionBehavior
ঐচ্ছিক
ধরন: CollisionBehavior optional
collisionPriority
ঐচ্ছিক
ধরন: number optional
drawsWhenOccluded
ঐচ্ছিক
ধরন: boolean optional
extruded
ঐচ্ছিক
ধরন: boolean optional
Marker3DElement.extruded দেখুন।
label
ঐচ্ছিক
ধরন: string optional
Marker3DElement.label দেখুন।
position
ঐচ্ছিক
Marker3DElement.position দেখুন।
sizePreserved
ঐচ্ছিক
ধরন: boolean optional
zIndex
ঐচ্ছিক
ধরন: number optional
Marker3DElement.zIndex দেখুন।

Marker3DInteractiveElement class

class google.maps.maps3d.Marker3DInteractiveElement extends Marker3DElement, HTMLElement implements Marker3DElementOptions, Marker3DInteractiveElementOptions
library "maps3d"

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

<gmp-marker-3d-interactive
  gmp-popover-target-element="popover-id"
  title="string">
</gmp-marker-3d-interactive>
const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Marker3DInteractiveElement তৈরি করে।
gmpPopoverTargetElement
attr: gmp-popover-target-element
ইনপুটের ধরন: PopoverElement optional
আউটপুটের ধরন: PopoverElement optional
সেট করা হলে, এই মার্কারের ক্লিকে পপওভার এলিমেন্টটি খুলে যাবে।
HTML অ্যাট্রিবিউট: gmp-popover-target-element="popover-id"
title
attr: title
ধরন: string
রোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ Marker3DInteractiveElement-এ যোগ করা হবে।
HTML অ্যাট্রিবিউট: title="string"
ইনহেরিট করা হয়েছে: altitudeMode (attr: altitude-mode), AlphaautofitsCamera (attr: autofits-camera), collisionBehavior (attr: collision-behavior), collisionPriority (attr: collision-priority), drawsWhenOccluded (attr: draws-when-occluded), extruded (attr: extruded), label (attr: label), position (attr: position), sizePreserved (attr: size-preserved), zIndex (attr: z-index)
default
Marker3DInteractiveElement-এ সরাসরি যোগ করা যেকোনও কাস্টম এলিমেন্ট স্লট করা হবে, তবে মার্কার আঁকার জন্য শুধুমাত্র PinElement-এর ধরনের এলিমেন্ট ব্যবহার করা হবে, অন্যান্য এলিমেন্ট উপেক্ষা করা হবে।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener
gmp-click
function(clickEvent)
আর্গুমেন্ট:
Marker3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।
gmp-pointermove
function(pointerMoveEvent)
আর্গুমেন্ট:
Marker3DInteractiveElement এলিমেন্টের মধ্যে পয়েন্টার সরানো হলে এই ইভেন্ট ফায়ার করা হয়।
gmp-pointerout
function(pointerOutEvent)
আর্গুমেন্ট:
পয়েন্টার Marker3DInteractiveElement এলিমেন্ট থেকে সরে গেলে এই ইভেন্ট ট্রিগার হয়।
gmp-pointerover
function(pointerOverEvent)
আর্গুমেন্ট:
পয়েন্টার Marker3DInteractiveElement এলিমেন্টে প্রবেশ করলে এই ইভেন্ট ফায়ার করা হয়।

Marker3DInteractiveElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Marker3DInteractiveElementOptions Marker3DElementOptions-এর এক্সটেনশন
Marker3DInteractiveElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

gmpPopoverTargetElement
ঐচ্ছিক
ধরন: PopoverElement optional
title
ঐচ্ছিক
ধরন: string optional
ইনহেরিট করা হয়েছে: altitudeMode, AlphaautofitsCamera, collisionBehavior, collisionPriority, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement ক্লাস

class google.maps.maps3d.Model3DElement extends HTMLElement implements Model3DElementOptions
extended by Model3DInteractiveElement
library "maps3d"

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

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

<gmp-model-3d
  altitude-mode="value-name"
  orientation="heading,tilt,roll"
  position="lat,lng"
  scale="number"
  src="url">
</gmp-model-3d>
const {Model3DElement} = await google.maps.importLibrary("maps3d");
Model3DElement
Model3DElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Model3DElement তৈরি করে।
altitudeMode
attr: altitude-mode
ইনপুটের ধরন: AltitudeMode optional
আউটপুটের ধরন: AltitudeMode
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানে উচ্চতা কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name"
orientation
attr: orientation
ইনপুটের ধরন: Orientation3D|Orientation3DLiteral optional
আউটপুটের ধরন: Orientation3D optional
3D ম্যাপে মডেলের পজিশন ঠিক করার জন্য 3D মডেলের কোঅর্ডিনেট সিস্টেমের রোটেশন বর্ণনা করে।

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

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

মনে রাখবেন, আপনি যদি নিজের মূল অ্যাপ্লিকেশন ছাড়া অন্য কোনও ওয়েবসাইট বা সার্ভারে .glb মডেল ফাইল হোস্ট করেন, তাহলে সঠিক CORS HTTP হেডার সেট-আপ করতে ভুলবেন না। এটি আপনার অ্যাপ্লিকেশনকে অন্য ডোমেন থেকে মডেল ফাইলগুলি নিরাপদে অ্যাক্সেস করার অনুমতি দেয়।
HTML অ্যাট্রিবিউট: src="url"
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

Model3DElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Model3DElementOptions
Model3DInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
Model3DElement, Model3DInteractiveElement দ্বারা প্রয়োগ করা হয়েছে

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

altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
Model3DElement.altitudeMode দেখুন।
orientation
ঐচ্ছিক
Model3DElement.orientation দেখুন।
position
ঐচ্ছিক
Model3DElement.position দেখুন।
scale
ঐচ্ছিক
ধরন: number|Vector3D|Vector3DLiteral optional
Model3DElement.scale দেখুন।
src
ঐচ্ছিক
ধরন: string|URL optional
Model3DElement.src দেখুন।

Model3DInteractiveElement class

class google.maps.maps3d.Model3DInteractiveElement extends Model3DElement, HTMLElement implements Model3DElementOptions, Model3DInteractiveElementOptions
library "maps3d"

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

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

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

<gmp-model-3d-interactive></gmp-model-3d-interactive>
const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Model3DInteractiveElement
Model3DInteractiveElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের মাধ্যমে Model3DInteractiveElement তৈরি করে।
ইনহেরিট করা হয়েছে: altitudeMode (attr: altitude-mode), orientation (attr: orientation), position (attr: position), scale (attr: scale), src (attr: src)
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener
gmp-click
function(clickEvent)
আর্গুমেন্ট:
Model3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।
gmp-pointermove
function(pointerMoveEvent)
আর্গুমেন্ট:
Model3DInteractiveElement এলিমেন্টের মধ্যে পয়েন্টার সরানো হলে এই ইভেন্ট ফায়ার করা হয়।
gmp-pointerout
function(pointerOutEvent)
আর্গুমেন্ট:
পয়েন্টার Model3DInteractiveElement এলিমেন্ট থেকে সরে গেলে এই ইভেন্ট ট্রিগার হয়।
gmp-pointerover
function(pointerOverEvent)
আর্গুমেন্ট:
পয়েন্টার Model3DInteractiveElement এলিমেন্টে প্রবেশ করলে এই ইভেন্ট ফায়ার করা হয়।

Model3DInteractiveElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Model3DInteractiveElementOptions Model3DElementOptions-এর এক্সটেনশন
Model3DInteractiveElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

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

Polyline3DElement ক্লাস

class google.maps.maps3d.Polyline3DElement extends HTMLElement implements Polyline3DElementOptions
extended by Polyline3DInteractiveElement
library "maps3d"

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

<gmp-polyline-3d
  altitude-mode="value-name"
  autofits-camera
  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>
const {Polyline3DElement} = await google.maps.importLibrary("maps3d");
Polyline3DElement
Polyline3DElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Polyline3DElement তৈরি করে।
altitudeMode
attr: altitude-mode
ইনপুটের ধরন: AltitudeMode optional
আউটপুটের ধরন: AltitudeMode
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
স্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
প্রদান করা হলে, নির্দিষ্ট করা পলিলাইন ম্যাপ ভিউপোর্টের মধ্যে দেখা যাবে, এর সাথে অপ্ট-ইন করা অন্যান্য এলিমেন্টও দেখা যাবে।
HTML অ্যাট্রিবিউট: autofits-camera
drawsOccludedSegments
attr: draws-occluded-segments
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
পলিলাইনের যে অংশগুলি অস্পষ্ট হতে পারে সেগুলি আঁকা হয়েছে কিনা তা নির্দিষ্ট করে। পলিলাইন ম্যাপের জ্যামিতি (যেমন, বিল্ডিং) দ্বারা ঢাকা পড়ে যেতে পারে।
HTML অ্যাট্রিবিউট: draws-occluded-segments
extruded
attr: extruded
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
পলিলাইনটি গ্রাউন্ডের সাথে কানেক্ট করতে হবে কিনা তা নির্দিষ্ট করে। পলিলাইন এক্সট্রুড করতে, altitudeMode অবশ্যই RELATIVE_TO_GROUND বা ABSOLUTE হতে হবে।
HTML অ্যাট্রিবিউট: extruded
geodesic
attr: geodesic
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
true হলে, পলিলাইনের প্রান্তগুলি জিওডেসিক হিসাবে ব্যাখ্যা করা হয় এবং পৃথিবীর বক্রতা অনুসরণ করবে। false হলে, স্ক্রিন স্পেসে পলিলাইনের প্রান্তগুলি সরলরেখা হিসেবে রেন্ডার করা হয়।
HTML অ্যাট্রিবিউট: geodesic
outerColor
attr: outer-color
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
বাইরের রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট: outer-color="string"
outerWidth
attr: outer-width
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
বাইরের প্রস্থ 0.0 এবং 1.0-এর মধ্যে। এটি strokeWidth-এর শতকরা হার।
HTML অ্যাট্রিবিউট: outer-width="number"
path
attr: path
ইনপুটের ধরন: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
আউটপুটের ধরন: Array<LatLngAltitude> optional
পলিলাইনের স্থানাঙ্কের ক্রম। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor
attr: stroke-color
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
স্ট্রোকের রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট: stroke-color="string"
strokeWidth
attr: stroke-width
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
পিক্সেলে স্ট্রোকের প্রস্থ।
HTML অ্যাট্রিবিউট: stroke-width="number"
zIndex
attr: z-index
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
অন্যান্য পলিগনের সাথে zIndex-এর তুলনা।
HTML অ্যাট্রিবিউট: z-index="number"
coordinates
পলিলাইনের স্থানাঙ্কের ক্রম। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

Polyline3DElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Polyline3DElementOptions
Polyline3DInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
Polyline3DElement, Polyline3DInteractiveElement দ্বারা প্রয়োগ করা হয়েছে

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

altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
AlphaautofitsCamera
ঐচ্ছিক
ধরন: boolean optional
coordinates
ঐচ্ছিক
drawsOccludedSegments
ঐচ্ছিক
ধরন: boolean optional
extruded
ঐচ্ছিক
ধরন: boolean optional
Polyline3DElement.extruded দেখুন।
geodesic
ঐচ্ছিক
ধরন: boolean optional
Polyline3DElement.geodesic দেখুন।
outerColor
ঐচ্ছিক
ধরন: string optional
Polyline3DElement.outerColor দেখুন।
outerWidth
ঐচ্ছিক
ধরন: number optional
Polyline3DElement.outerWidth দেখুন।
path
ঐচ্ছিক
Polyline3DElement.path দেখুন।
strokeColor
ঐচ্ছিক
ধরন: string optional
strokeWidth
ঐচ্ছিক
ধরন: number optional
zIndex
ঐচ্ছিক
ধরন: number optional
Polyline3DElement.zIndex দেখুন।

Polyline3DInteractiveElement ক্লাস

class google.maps.maps3d.Polyline3DInteractiveElement extends Polyline3DElement, HTMLElement implements Polyline3DElementOptions, Polyline3DInteractiveElementOptions
library "maps3d"

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

<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>
const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের মাধ্যমে Polyline3DInteractiveElement তৈরি করে।
ইনহেরিট করা হয়েছে: altitudeMode (attr: altitude-mode), AlphaautofitsCamera (attr: autofits-camera), drawsOccludedSegments (attr: draws-occluded-segments), extruded (attr: extruded), geodesic (attr: geodesic), outerColor (attr: outer-color), outerWidth (attr: outer-width), path (attr: path), strokeColor (attr: stroke-color), strokeWidth (attr: stroke-width), zIndex (attr: z-index), coordinates
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener
gmp-click
function(clickEvent)
আর্গুমেন্ট:
  • clickEvent: LocationClickEvent optional ইভেন্ট অবজেক্টে ক্লিকের অক্ষাংশ-দ্রাঘিমাংশ-উচ্চতা সংক্রান্ত লোকেশন থাকবে।
Polyline3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।
gmp-pointermove
function(pointerMoveEvent)
আর্গুমেন্ট:
Polyline3DInteractiveElement এলিমেন্টের মধ্যে পয়েন্টার সরানো হলে এই ইভেন্ট ফায়ার করা হয়।
gmp-pointerout
function(pointerOutEvent)
আর্গুমেন্ট:
পয়েন্টার Polyline3DInteractiveElement এলিমেন্ট থেকে সরে গেলে এই ইভেন্ট ট্রিগার হয়।
gmp-pointerover
function(pointerOverEvent)
আর্গুমেন্ট:
পয়েন্টার Polyline3DInteractiveElement এলিমেন্টে প্রবেশ করলে এই ইভেন্ট ফায়ার করা হয়।

Polyline3DInteractiveElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Polyline3DInteractiveElementOptions Polyline3DElementOptions-এর এক্সটেনশন
Polyline3DInteractiveElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

উত্তরাধিকার সূত্রে প্রাপ্ত: altitudeMode, AlphaautofitsCamera, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex

Polygon3DElement ক্লাস

class google.maps.maps3d.Polygon3DElement extends HTMLElement implements Polygon3DElementOptions
extended by Polygon3DInteractiveElement
library "maps3d"

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

<gmp-polygon-3d
  autofits-camera
  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>
const {Polygon3DElement} = await google.maps.importLibrary("maps3d");
Polygon3DElement
Polygon3DElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Polygon3DElement তৈরি করে।
altitudeMode
ইনপুটের ধরন: AltitudeMode optional
আউটপুটের ধরন: AltitudeMode
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
স্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
AlphaautofitsCamera
attr: autofits-camera
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
প্রদান করা হলে, নির্দিষ্ট করা পলিগন ম্যাপ ভিউপোর্টের মধ্যে দেখা যাবে, এর সাথে অন্য যেকোনও এলিমেন্ট যা অপ্ট-ইন করা হয়েছে।
HTML অ্যাট্রিবিউট: autofits-camera
drawsOccludedSegments
attr: draws-occluded-segments
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
বহুভুজের যে অংশগুলি অস্পষ্ট হতে পারে সেগুলি আঁকা হয়েছে কিনা তা নির্দিষ্ট করে। ম্যাপের জ্যামিতি (যেমন, বিল্ডিং) দ্বারা পলিগন ঢাকা পড়ে যেতে পারে।
HTML অ্যাট্রিবিউট: draws-occluded-segments
extruded
attr: extruded
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
পলিগনটি গ্রাউন্ডের সাথে কানেক্ট করতে হবে কিনা তা নির্দিষ্ট করে। বহুভুজ এক্সট্রুড করতে, altitudeMode অবশ্যই RELATIVE_TO_GROUND বা ABSOLUTE হতে হবে।
HTML অ্যাট্রিবিউট: extruded
fillColor
attr: fill-color
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
ভরাট করার রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট: fill-color="string"
geodesic
attr: geodesic
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
true হলে, বহুভুজের প্রান্তগুলি জিওডেসিক হিসাবে ব্যাখ্যা করা হয় এবং পৃথিবীর বক্রতা অনুসরণ করবে। false হলে, স্ক্রিন স্পেসে বহুভুজের প্রান্তগুলি সরলরেখা হিসেবে রেন্ডার করা হয়।
HTML অ্যাট্রিবিউট: geodesic
innerPaths
ইনপুটের ধরন: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
আউটপুটের ধরন: Array<Array<LatLngAltitude>> optional
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। পলিলাইনের মতো নয়, একটি বহুভুজে এক বা একাধিক পাথ থাকতে পারে, যা বহুভুজের মধ্যে একাধিক কাট-আউট তৈরি করে।
path
attr: path
ইনপুটের ধরন: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
আউটপুটের ধরন: Array<LatLngAltitude> optional
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor
attr: stroke-color
ইনপুটের ধরন: string optional
আউটপুটের ধরন: string optional
স্ট্রোকের রঙ। সব CSS3 রঙ কাজ করে।
HTML অ্যাট্রিবিউট: stroke-color="string"
strokeWidth
attr: stroke-width
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
পিক্সেলে স্ট্রোকের প্রস্থ।
HTML অ্যাট্রিবিউট: stroke-width="number"
zIndex
attr: z-index
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
অন্যান্য পলিগনের সাথে zIndex-এর তুলনা।
HTML অ্যাট্রিবিউট: z-index="number"
outerCoordinates
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
innerCoordinates
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। পলিলাইনের মতো নয়, একটি বহুভুজে এক বা একাধিক পাথ থাকতে পারে, যা বহুভুজের মধ্যে একাধিক কাট-আউট তৈরি করে।
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

Polygon3DElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Polygon3DElementOptions
Polygon3DInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
Polygon3DElement, Polygon3DInteractiveElement দ্বারা প্রয়োগ করা হয়েছে

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

altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
AlphaautofitsCamera
ঐচ্ছিক
ধরন: boolean optional
drawsOccludedSegments
ঐচ্ছিক
ধরন: boolean optional
extruded
ঐচ্ছিক
ধরন: boolean optional
Polygon3DElement.extruded দেখুন।
fillColor
ঐচ্ছিক
ধরন: string optional
Polygon3DElement.fillColor দেখুন।
geodesic
ঐচ্ছিক
ধরন: boolean optional
Polygon3DElement.geodesic দেখুন।
innerCoordinates
ঐচ্ছিক
innerPaths
ঐচ্ছিক
Polygon3DElement.innerPaths দেখুন।
outerCoordinates
ঐচ্ছিক
path
ঐচ্ছিক
Polygon3DElement.path দেখুন।
strokeColor
ঐচ্ছিক
ধরন: string optional
Polygon3DElement.strokeColor দেখুন।
strokeWidth
ঐচ্ছিক
ধরন: number optional
Polygon3DElement.strokeWidth দেখুন।
zIndex
ঐচ্ছিক
ধরন: number optional
Polygon3DElement.zIndex দেখুন।

Polygon3DInteractiveElement ক্লাস

class google.maps.maps3d.Polygon3DInteractiveElement extends Polygon3DElement, HTMLElement implements Polygon3DElementOptions, Polygon3DInteractiveElementOptions
library "maps3d"

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

<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>
const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের মাধ্যমে Polygon3DInteractiveElement তৈরি করে।
ইনহেরিট করা হয়েছে: altitudeMode, AlphaautofitsCamera (attr: autofits-camera), drawsOccludedSegments (attr: draws-occluded-segments), extruded (attr: extruded), fillColor (attr: fill-color), geodesic (attr: geodesic), innerPaths, path (attr: path), strokeColor (attr: stroke-color), strokeWidth (attr: stroke-width), zIndex (attr: z-index), outerCoordinates, innerCoordinates
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener
gmp-click
function(clickEvent)
আর্গুমেন্ট:
  • clickEvent: LocationClickEvent optional ইভেন্ট অবজেক্টে ক্লিকের অক্ষাংশ-দ্রাঘিমাংশ-উচ্চতা সংক্রান্ত লোকেশন থাকবে।
Polygon3DInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়।
gmp-pointermove
function(pointerMoveEvent)
আর্গুমেন্ট:
Polygon3DInteractiveElement এলিমেন্টের মধ্যে পয়েন্টার সরানো হলে এই ইভেন্ট ফায়ার করা হয়।
gmp-pointerout
function(pointerOutEvent)
আর্গুমেন্ট:
পয়েন্টার Polygon3DInteractiveElement এলিমেন্ট থেকে সরে গেলে এই ইভেন্ট ট্রিগার হয়।
gmp-pointerover
function(pointerOverEvent)
আর্গুমেন্ট:
পয়েন্টার Polygon3DInteractiveElement এলিমেন্টে প্রবেশ করলে এই ইভেন্ট ফায়ার করা হয়।

Polygon3DInteractiveElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Polygon3DInteractiveElementOptions Polygon3DElementOptions-এর এক্সটেনশন
Polygon3DInteractiveElement-এর মাধ্যমে প্রয়োগ করা হয়েছে

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

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

FlattenerElement ক্লাস

class google.maps.maps3d.FlattenerElement extends HTMLElement implements FlattenerElementOptions
library "maps3d"

ম্যাপে কোনও নির্দিষ্ট এলাকা ফ্ল্যাট করার জন্য ফ্ল্যাটেনার এলিমেন্ট ব্যবহার করা হয়।

<gmp-flattener
  path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ...">
</gmp-flattener>
const {FlattenerElement} = await google.maps.importLibrary("maps3d");
FlattenerElement
FlattenerElement([options])
প্যারামিটার:
innerPaths
ইনপুটের ধরন: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
আউটপুটের ধরন: Array<Array<LatLngAltitude>> optional
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। এইসব পাথ পলিগনের মূল পাথের মধ্যে এক্সক্লুশন হোল নির্ধারণ করে, যা হল ফ্ল্যাটেনিং জোন। innerPath-এর মধ্যে থাকা এলাকা ফ্ল্যাটেনিং থেকে বাদ দেওয়া হয়।
path
attr: path
ইনপুটের ধরন: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
আউটপুটের ধরন: Array<LatLngAltitude> optional
স্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। এই লুপ ফ্ল্যাটেনিং জোনকে সংজ্ঞায়িত করে।
HTML অ্যাট্রিবিউট: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

FlattenerElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.FlattenerElementOptions
FlattenerElement-এর দ্বারা প্রয়োগ করা হয়েছে

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

innerPaths
ঐচ্ছিক
FlattenerElement.innerPaths দেখুন।
path
ঐচ্ছিক
FlattenerElement.path দেখুন।

Label3DElement ক্লাস

class google.maps.maps3d.Label3DElement extends HTMLElement implements Label3DElementOptions
library "maps3d"

ম্যাপে 3D মার্কারের সাথে যুক্ত টেক্সট লেবেল দেখায়, যা কলিশন বিহেভিওরের মতো প্রপার্টির স্বতন্ত্র কনফিগারেশনের অনুমতি দেয়।

<gmp-label-3d
  collision-behavior="value-name"
  for="marker-id">
</gmp-label-3d>
const {Label3DElement} = await google.maps.importLibrary("maps3d");
Label3DElement
Label3DElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের সাহায্যে একটি Label3DElement তৈরি করে।
collisionBehavior
attr: collision-behavior
ইনপুটের ধরন: CollisionBehavior optional
আউটপুটের ধরন: CollisionBehavior optional
ডিফল্ট: CollisionBehavior.REQUIRED
Marker3DElement-এর লেবেল অন্য কোনও এলিমেন্টের সাথে ধাক্কা খেলে কী হবে তা নির্দিষ্ট করে এমন একটি গণনা।
HTML অ্যাট্রিবিউট: collision-behavior="value-name"
for
attr: for
ইনপুটের ধরন: string|HTMLElement optional
আউটপুটের ধরন: string|HTMLElement optional
এই লেবেলটি যে Marker3DElement-এর জন্য।
HTML অ্যাট্রিবিউট: for="marker-id"
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

Label3DElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.Label3DElementOptions
Label3DElement-এর দ্বারা প্রয়োগ করা হয়েছে

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

collisionBehavior
ঐচ্ছিক
ধরন: CollisionBehavior optional
Marker3DElement-এর লেবেল অন্য কোনও এলিমেন্টের সাথে ধাক্কা খেলে কী হবে তা নির্দিষ্ট করে এমন একটি গণনা।
for
ঐচ্ছিক
ধরন: string|HTMLElement optional
এই লেবেলটি যে Marker3DElement-এর জন্য।

PopoverElement ক্লাস

class google.maps.maps3d.PopoverElement extends HTMLElement implements PopoverElementOptions
library "maps3d"

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

<gmp-popover
  auto-pan-disabled
  light-dismiss-disabled
  open
  position-anchor="lat,lng">
</gmp-popover>
const {PopoverElement} = await google.maps.importLibrary("maps3d");
PopoverElement
PopoverElement([options])
প্যারামিটার:
altitudeMode
ইনপুটের ধরন: AltitudeMode optional
আউটপুটের ধরন: AltitudeMode
ডিফল্ট: AltitudeMode.CLAMP_TO_GROUND
অবস্থানের উচ্চতা কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
autoPanDisabled
attr: auto-pan-disabled
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
'সত্য' হিসেবে সেট করা হলে, পপওভার খোলার সময় সেটি সম্পূর্ণভাবে দেখানোর জন্য ম্যাপ প্যান করার সুবিধা বন্ধ করে দেয়।
HTML অ্যাট্রিবিউট: auto-pan-disabled
lightDismissDisabled
attr: light-dismiss-disabled
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
এই পপওভার "লাইট ডিসমিস" করা উচিত কিনা তা নির্দিষ্ট করে। "লাইট ডিসমিস" আচরণটি popover="auto" অ্যাট্রিবিউট সেট করার মতোই যা ব্রাউজার Popover API-এর অংশ।
HTML অ্যাট্রিবিউট: light-dismiss-disabled
open
attr: open
ইনপুটের ধরন: boolean optional
আউটপুটের ধরন: boolean
ডিফল্ট: false
এই পপ-ওভার খোলা থাকবে কিনা তা উল্লেখ করে।
HTML অ্যাট্রিবিউট: open
positionAnchor
attr: position-anchor
এই পপ-ওভার দেখানোর পজিশন। পপওভারটি কোনও ইন্টার‍্যাক্টিভ মার্কারের সাথে অ্যাঙ্কর করা থাকলে, পরিবর্তে মার্কারের পজিশন ব্যবহার করা হবে।
HTML অ্যাট্রিবিউট:
  • position-anchor="lat,lng"
  • position-anchor="lat,lng,altitude"
  • position-anchor="marker-id"
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, removeEventListener

PopoverElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.PopoverElementOptions
PopoverElement-এর দ্বারা প্রয়োগ করা হয়েছে

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

altitudeMode
ঐচ্ছিক
ধরন: AltitudeMode optional
PopoverElement.altitudeMode দেখুন।
autoPanDisabled
ঐচ্ছিক
ধরন: boolean optional
lightDismissDisabled
ঐচ্ছিক
ধরন: boolean optional
open
ঐচ্ছিক
ধরন: boolean optional
PopoverElement.open দেখুন।
positionAnchor
ঐচ্ছিক

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

constants google.maps.maps3d.AltitudeMode
library "maps3d"

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

এইসব কনস্ট্যান্ট স্ট্রিং হিসেবেও ব্যবহার করা যায়। TypeScript-এ, স্ট্রিং লিটারেল AltitudeModeString টাইপ দ্বারা সংজ্ঞায়িত করা হয়।

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

CirclePathElement ক্লাস

class google.maps.maps3d.CirclePathElement extends HTMLElement implements CirclePathElementOptions
library "maps3d"

3D ম্যাপের উপর 3D সার্কেল ওভারলে।

<gmp-circle-path
  center="lat,lng,altitude"
  radius="number">
</gmp-circle-path>
const {CirclePathElement} = await google.maps.importLibrary("maps3d");
CirclePathElement
CirclePathElement([options])
প্যারামিটার:
নির্দিষ্ট করা বিকল্পের মাধ্যমে CirclePathElement তৈরি করে।
center
attr: center
ইনপুটের ধরন: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
আউটপুটের ধরন: LatLngAltitude optional
বৃত্তের কেন্দ্র।
HTML অ্যাট্রিবিউট: center="lat,lng,altitude"
radius
attr: radius
ইনপুটের ধরন: number optional
আউটপুটের ধরন: number optional
মিটারে বৃত্তের ব্যাসার্ধ।
HTML অ্যাট্রিবিউট: radius="number"
ইনহেরিট করা হয়েছে: addEventListener, removeEventListener

CirclePathElementOptions ইন্টারফেস

ইন্টারফেস google.maps.maps3d.CirclePathElementOptions
CirclePathElement-এর দ্বারা প্রয়োগ করা হয়েছে

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

center
ঐচ্ছিক
CirclePathElement.center দেখুন।
radius
ঐচ্ছিক
ধরন: number optional
CirclePathElement.radius দেখুন।