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.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" |
attr: autofits-camera |
ধরন:
boolean optionalডিফল্ট:
falseপ্রদান করা হলে, নির্দিষ্ট মার্কারটি ম্যাপ ভিউপোর্টের মধ্যে দৃশ্যমান হবে, সাথে অন্য যেকোনও এলিমেন্ট যা বেছে নেওয়া হয়েছে।
HTML অ্যাট্রিবিউট: autofits-camera |
collisionBehavior
attr: collision-behavior |
ডিফল্ট:
CollisionBehavior.REQUIREDএকটি এনিউমারেশন যা নির্দিষ্ট করে যে MarkerElement অন্য
MarkerElement, Marker3DElement বা বেসম্যাপ লেবেলের সাথে সংঘর্ষ করলে কেমন আচরণ করবে।HTML অ্যাট্রিবিউট: collision-behavior="value-name" |
collisionPriority
attr: collision-priority |
ইনপুটের ধরন:
number optionalআউটপুটের ধরন: number optionalCollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY মার্কারের (Marker3DElement সহ) মধ্যে আপেক্ষিক অগ্রাধিকার নির্ধারণ করতে সাহায্য করার জন্য একটি নম্বর ব্যবহার করা হয়। একটি উচ্চতর collisionPriority মান উচ্চতর অগ্রাধিকার নির্দেশ করে।HTML অ্যাট্রিবিউট: collision-priority="number" |
position
attr: position |
ইনপুটের ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalআউটপুটের ধরন: LatLngAltitude optionalমার্কারের ডগার লোকেশন। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।
HTML অ্যাট্রিবিউট:
|
title
attr: title |
ধরন:
stringরোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ
MarkerElement-এ যোগ করা হবে।HTML অ্যাট্রিবিউট: title="string" |
স্লট | |
|---|---|
default |
MarkerElement-এ সরাসরি যোগ করা যেকোনও কাস্টম এলিমেন্ট স্লট করা হবে। |
CSS প্রপার্টি | |
|---|---|
z-index |
এই মার্কারের z-ইনডেক্স। আরও বিবরণের জন্য z-index ডকুমেন্টেশন দেখুন। বড় z-ইনডেক্স সহ ওভারল্যাপ করা মার্কার ছোট z-ইনডেক্স সহ মার্কারকে কভার করে। ডিফল্ট হিসেবে, মার্কারগুলি তাদের DOM পজিশন অনুযায়ী দেখানো হয়, DOM-এ পরে যোগ করা মার্কারগুলি DOM-এ আগে যোগ করা মার্কারগুলির সামনে দেখানো হয়। |
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
MarkerElementOptions ইন্টারফেস
ইন্টারফেস
google.maps.maps3d.MarkerElementOptions
MarkerInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
MarkerElement, MarkerInteractiveElement দ্বারা প্রয়োগ করা হয়েছে
MarkerElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে MarkerElementOptions অবজেক্ট ব্যবহার করা হয়।
প্রপার্টি | |
|---|---|
altitudeMode
ঐচ্ছিক |
ধরন:
AltitudeMode optionalMarkerElement.altitudeMode দেখুন। |
anchorLeft
ঐচ্ছিক |
ধরন:
string optionalMarkerElement.anchorLeft দেখুন। |
anchorTop
ঐচ্ছিক |
ধরন:
string optionalMarkerElement.anchorTop দেখুন। |
ঐচ্ছিক |
ধরন:
boolean optional দেখুন। |
collisionBehavior
ঐচ্ছিক |
ধরন:
CollisionBehavior optional |
collisionPriority
ঐচ্ছিক |
ধরন:
number optional |
position
ঐচ্ছিক |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalMarkerElement.position দেখুন। |
title
ঐচ্ছিক |
ধরন:
string optionalMarkerElement.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 |
সেট করা হলে, এই মার্কারের ক্লিকে পপওভার এলিমেন্টটি খুলে যাবে।
HTML অ্যাট্রিবিউট: gmp-popover-target-element="popover-id" |
ইনহেরিট করা হয়েছে:
altitudeMode (attr: altitude-mode),
anchorLeft (attr: anchor-left),
anchorTop (attr: anchor-top),
(attr: autofits-camera),
collisionBehavior (attr: collision-behavior),
collisionPriority (attr: collision-priority),
position (attr: position),
title (attr: title)
| |
স্লট | |
|---|---|
ইনহেরিট করা:
default
|
CSS প্রপার্টি | |
|---|---|
ইনহেরিট করা:
z-index
|
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
ইভেন্ট | |
|---|---|
gmp-click |
function(clickEvent)আর্গুমেন্ট:
MarkerInteractiveElement এলিমেন্টে ক্লিক করা হলে এই ইভেন্টটি ফায়ার করা হয়। |
MarkerInteractiveElementOptions ইন্টারফেস
ইন্টারফেস
google.maps.maps3d.MarkerInteractiveElementOptions
MarkerElementOptions-এর এক্সটেনশন
MarkerInteractiveElement-এর মাধ্যমে প্রয়োগ করা হয়েছে
MarkerInteractiveElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে MarkerInteractiveElementOptions অবজেক্ট ব্যবহার করা হয়।
প্রপার্টি | |
|---|---|
gmpPopoverTargetElement
ঐচ্ছিক |
ধরন:
PopoverElement optional |
উত্তরাধিকার সূত্রে প্রাপ্ত:
altitudeMode,
anchorLeft,
anchorTop,
,
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.CLAMP_TO_GROUNDঅবস্থানের উচ্চতা কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name" |
attr: autofits-camera |
ইনপুটের ধরন:
boolean optionalআউটপুটের ধরন: booleanডিফল্ট:
falseপ্রদান করা হলে, নির্দিষ্ট মার্কারটি ম্যাপ ভিউপোর্টের মধ্যে দৃশ্যমান হবে, সাথে অন্য যেকোনও এলিমেন্ট যা বেছে নেওয়া হয়েছে।
HTML অ্যাট্রিবিউট: autofits-camera |
collisionBehavior
attr: collision-behavior |
ডিফল্ট:
CollisionBehavior.REQUIREDMarker3DElement অন্য 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 অ্যাট্রিবিউট:
|
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 optionalMarker3DElement.altitudeMode দেখুন। |
ঐচ্ছিক |
ধরন:
boolean optional |
collisionBehavior
ঐচ্ছিক |
ধরন:
CollisionBehavior optional |
collisionPriority
ঐচ্ছিক |
ধরন:
number optional |
drawsWhenOccluded
ঐচ্ছিক |
ধরন:
boolean optional |
extruded
ঐচ্ছিক |
ধরন:
boolean optionalMarker3DElement.extruded দেখুন। |
label
ঐচ্ছিক |
ধরন:
string optionalMarker3DElement.label দেখুন। |
position
ঐচ্ছিক |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalMarker3DElement.position দেখুন। |
sizePreserved
ঐচ্ছিক |
ধরন:
boolean optional |
zIndex
ঐচ্ছিক |
ধরন:
number optionalMarker3DElement.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 |
সেট করা হলে, এই মার্কারের ক্লিকে পপওভার এলিমেন্টটি খুলে যাবে।
HTML অ্যাট্রিবিউট: gmp-popover-target-element="popover-id" |
title
attr: title |
ধরন:
stringরোলওভার টেক্সট। প্রদান করা হলে, একটি অ্যাক্সেসিবিলিটি টেক্সট (যেমন, স্ক্রিন রিডারের সাথে ব্যবহার করার জন্য) প্রদত্ত ভ্যালু সহ
Marker3DInteractiveElement-এ যোগ করা হবে।HTML অ্যাট্রিবিউট: title="string" |
ইনহেরিট করা হয়েছে:
altitudeMode (attr: altitude-mode),
(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,
,
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.CLAMP_TO_GROUNDঅবস্থানে উচ্চতা কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name" |
orientation
attr: orientation |
3D ম্যাপে মডেলের পজিশন ঠিক করার জন্য 3D মডেলের কোঅর্ডিনেট সিস্টেমের রোটেশন বর্ণনা করে।
মডেলে এই ক্রমে রোটেশন প্রয়োগ করা হয়: রোল, টিল্ট এবং তারপর হেডিং। HTML অ্যাট্রিবিউট: orientation="heading,tilt,roll" |
position
attr: position |
ইনপুটের ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalআউটপুটের ধরন: LatLngAltitude optionalModel3DElement-এর পজিশন সেট করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক।HTML অ্যাট্রিবিউট:
|
scale
attr: scale |
ডিফল্ট:
1মডেলের কোঅর্ডিনেট স্পেসে x, y ও z অক্ষ বরাবর মডেল স্কেল করে।
HTML অ্যাট্রিবিউট:
|
src
attr: src |
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 optionalModel3DElement.altitudeMode দেখুন। |
orientation
ঐচ্ছিক |
ধরন:
Orientation3D|Orientation3DLiteral optionalModel3DElement.orientation দেখুন। |
position
ঐচ্ছিক |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement.position দেখুন। |
scale
ঐচ্ছিক |
ধরন:
number|Vector3D|Vector3DLiteral optionalModel3DElement.scale দেখুন। |
src
ঐচ্ছিক |
ধরন:
string|URL optionalModel3DElement.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.CLAMP_TO_GROUNDস্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে।
HTML অ্যাট্রিবিউট: altitude-mode="value-name" |
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ডিফল্ট:
falsetrue হলে, পলিলাইনের প্রান্তগুলি জিওডেসিক হিসাবে ব্যাখ্যা করা হয় এবং পৃথিবীর বক্রতা অনুসরণ করবে। 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" |
|
ধরন:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalপলিলাইনের স্থানাঙ্কের ক্রম। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক। |
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
Polyline3DElementOptions ইন্টারফেস
ইন্টারফেস
google.maps.maps3d.Polyline3DElementOptions
Polyline3DInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
Polyline3DElement, Polyline3DInteractiveElement দ্বারা প্রয়োগ করা হয়েছে
Polyline3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Polyline3DElementOptions অবজেক্ট ব্যবহার করা হয়।
প্রপার্টি | |
|---|---|
altitudeMode
ঐচ্ছিক |
ধরন:
AltitudeMode optional |
ঐচ্ছিক |
ধরন:
boolean optional |
coordinates
ঐচ্ছিক |
ধরন:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional |
drawsOccludedSegments
ঐচ্ছিক |
ধরন:
boolean optional |
extruded
ঐচ্ছিক |
ধরন:
boolean optionalPolyline3DElement.extruded দেখুন। |
geodesic
ঐচ্ছিক |
ধরন:
boolean optionalPolyline3DElement.geodesic দেখুন। |
outerColor
ঐচ্ছিক |
ধরন:
string optionalPolyline3DElement.outerColor দেখুন। |
outerWidth
ঐচ্ছিক |
ধরন:
number optionalPolyline3DElement.outerWidth দেখুন। |
path
ঐচ্ছিক |
ধরন:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalPolyline3DElement.path দেখুন। |
strokeColor
ঐচ্ছিক |
ধরন:
string optional |
strokeWidth
ঐচ্ছিক |
ধরন:
number optional |
zIndex
ঐচ্ছিক |
ধরন:
number optionalPolyline3DElement.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),
(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),
|
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
ইভেন্ট | |
|---|---|
gmp-click |
function(clickEvent)আর্গুমেন্ট:
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,
,
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.CLAMP_TO_GROUNDস্থানাঙ্কে উচ্চতা সংক্রান্ত কম্পোনেন্ট কীভাবে ব্যাখ্যা করা হয় তা নির্দিষ্ট করে। |
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ডিফল্ট:
falsetrue হলে, বহুভুজের প্রান্তগুলি জিওডেসিক হিসাবে ব্যাখ্যা করা হয় এবং পৃথিবীর বক্রতা অনুসরণ করবে। 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" |
|
ধরন:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalস্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। নির্দিষ্ট কিছু মোডে অল্টিটিউড উপেক্ষা করা হয় এবং তাই এটি ঐচ্ছিক। |
|
ধরন:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optionalস্থানাঙ্কের ক্রমিক সিকোয়েন্স যা একটি ক্লোজড লুপকে চিহ্নিত করে। পলিলাইনের মতো নয়, একটি বহুভুজে এক বা একাধিক পাথ থাকতে পারে, যা বহুভুজের মধ্যে একাধিক কাট-আউট তৈরি করে। |
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
Polygon3DElementOptions ইন্টারফেস
ইন্টারফেস
google.maps.maps3d.Polygon3DElementOptions
Polygon3DInteractiveElementOptions দ্বারা এক্সটেন্ড করা হয়েছে
Polygon3DElement, Polygon3DInteractiveElement দ্বারা প্রয়োগ করা হয়েছে
Polygon3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Polygon3DElementOptions অবজেক্ট ব্যবহার করা হয়।
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,
(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),
,
|
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
ইভেন্ট | |
|---|---|
gmp-click |
function(clickEvent)আর্গুমেন্ট:
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,
,
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
ঐচ্ছিক |
ধরন:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optionalFlattenerElement.innerPaths দেখুন। |
path
ঐচ্ছিক |
ধরন:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optionalFlattenerElement.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.REQUIREDMarker3DElement-এর লেবেল অন্য কোনও এলিমেন্টের সাথে ধাক্কা খেলে কী হবে তা নির্দিষ্ট করে এমন একটি গণনা।
HTML অ্যাট্রিবিউট: collision-behavior="value-name" |
for
attr: for |
এই লেবেলটি যে Marker3DElement-এর জন্য।
HTML অ্যাট্রিবিউট: for="marker-id" |
পদ্ধতি | |
|---|---|
ইনহেরিট করা হয়েছে:
addEventListener,
removeEventListener
|
Label3DElementOptions ইন্টারফেস
ইন্টারফেস
google.maps.maps3d.Label3DElementOptions
Label3DElement-এর দ্বারা প্রয়োগ করা হয়েছে
Label3DElement-এ সেট করা যেতে পারে এমন প্রপার্টি সংজ্ঞায়িত করতে Label3DElementOptions অবজেক্ট ব্যবহার করা হয়।
প্রপার্টি | |
|---|---|
collisionBehavior
ঐচ্ছিক |
ধরন:
CollisionBehavior optionalMarker3DElement-এর লেবেল অন্য কোনও এলিমেন্টের সাথে ধাক্কা খেলে কী হবে তা নির্দিষ্ট করে এমন একটি গণনা। |
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.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 |
ইনপুটের ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|Marker3DInteractiveElement|MarkerInteractiveElement|string optionalআউটপুটের ধরন: LatLngAltitude|Marker3DInteractiveElement|MarkerInteractiveElement optionalএই পপ-ওভার দেখানোর পজিশন। পপওভারটি কোনও ইন্টার্যাক্টিভ মার্কারের সাথে অ্যাঙ্কর করা থাকলে, পরিবর্তে মার্কারের পজিশন ব্যবহার করা হবে।
HTML অ্যাট্রিবিউট:
|
স্লট | |
|---|---|
default |
পপওভারের মূল বিভাগে স্লট করা কন্টেন্ট রাখে। |
header |
পপওভারের হেডিং বিভাগে স্লট করা কন্টেন্ট রাখে। |
CSS প্রপার্টি | |
|---|---|
--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 optionalPopoverElement.altitudeMode দেখুন। |
autoPanDisabled
ঐচ্ছিক |
ধরন:
boolean optional |
lightDismissDisabled
ঐচ্ছিক |
ধরন:
boolean optional |
open
ঐচ্ছিক |
ধরন:
boolean optionalPopoverElement.open দেখুন। |
positionAnchor
ঐচ্ছিক |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral|string|Marker3DInteractiveElement|MarkerInteractiveElement optional |
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
ঐচ্ছিক |
ধরন:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalCirclePathElement.center দেখুন। |
radius
ঐচ্ছিক |
ধরন:
number optionalCirclePathElement.radius দেখুন। |