Draw on the map

MarkerElement کلاس

کلاس google.maps.maps3d.MarkerElement HTMLElement را گسترش می‌دهد MarkerElementOptions را پیاده‌سازی می‌کند
توسط MarkerInteractiveElement گسترش یافته است
کتابخانه "maps3d"

موقعیتی را روی نقشه سه‌بعدی نشان می‌دهد. توجه داشته باشید که position باید تنظیم شود تا MarkerElement نمایش داده شود.

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
مشخص می‌کند که مؤلفه ارتفاع موقعیت چگونه تفسیر می‌شود.
مشخصه 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
شمارشی که مشخص می‌کند 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

شیء MarkerElementOptions برای تعریف ویژگی‌هایی که می‌توان در MarkerElement تنظیم کرد استفاده می‌شود.

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

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

موقعیتی را روی نقشه سه‌بعدی نشان می‌دهد. توجه داشته باشید که position باید تنظیم شود تا MarkerInteractiveElement نمایش داده شود. برخلاف 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 پیاده‌سازی شده است

شیء MarkerInteractiveElementOptions که برای تعریف ویژگی‌هایی که می‌توان در MarkerInteractiveElement تنظیم کرد استفاده می‌شود.

gmpPopoverTargetElement
اختیاری
نوع: PopoverElement optional
به‌ارث‌رسیده: altitudeMode، anchorLeft، anchorTop، AlphaautofitsCamera، collisionBehavior، collisionPriority، position، title

کلاس Marker3DElement

کلاس google.maps.maps3d.Marker3DElement HTMLElement را گسترش می‌دهد Marker3DElementOptions را پیاده‌سازی می‌کند
توسط Marker3DInteractiveElement گسترش یافته است
کتابخانه "maps3d"

موقعیتی را روی نقشه سه‌بعدی نشان می‌دهد. توجه داشته باشید که position باید تنظیم شود تا Marker3DElement نمایش داده شود.

<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
مشخص می‌کند که مؤلفه ارتفاع موقعیت چگونه تفسیر می‌شود.
مشخصه HTML: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
نوع ورودی: boolean optional
نوع خروجی: boolean
پیش‌فرض: false
درصورت ارائه، نشانگر مشخص‌شده در ناحیه نمایش نقشه، در کنار هر عنصر دیگری که موافقت کرده است، نمایان خواهد شد.
مشخصه HTML: autofits-camera
collisionBehavior
attr: collision-behavior
نوع ورودی: CollisionBehavior optional
نوع خروجی: CollisionBehavior
شمارشی که مشخص می‌کند 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 برای ترسیم نشانگرها استفاده خواهند شد و سایر عناصر نادیده گرفته خواهند شد.
HTMLImageElement و SVGElement باید قبل‌از اختصاص دادن به جایگاه پیش‌فرض Marker3DElement در عنصر <template> پیچیده شوند.

تصاویر و SVGها درحال‌حاضر قبل‌از رندر شدن در صحنه سه‌بعدی شطرنجی می‌شوند، بنابراین HTML سفارشی جاسازی‌شده در SVG یا کلاس‌های CSS اضافه‌شده به تصاویر اعمال نخواهند شد و ممکن است هنگام نمایش نشانگرها روی صفحه منعکس نشوند.
به‌ارث‌رسیده: addEventListener، removeEventListener

میانای Marker3DElementOptions

میانای google.maps.maps3d.Marker3DElementOptions
گسترش‌یافته توسط Marker3DInteractiveElementOptions
پیاده‌سازی‌شده توسط Marker3DElement, Marker3DInteractiveElement

شیء Marker3DElementOptions برای تعریف ویژگی‌هایی که می‌توان در Marker3DElement تنظیم کرد استفاده می‌شود.

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"

موقعیتی را روی نقشه سه‌بعدی نشان می‌دهد. توجه داشته باشید که position باید تنظیم شود تا Marker3DInteractiveElement نمایش داده شود. برخلاف 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 پیاده‌سازی شده است

شیء Marker3DInteractiveElementOptions برای تعریف ویژگی‌هایی که می‌توان در Marker3DInteractiveElement تنظیم کرد استفاده می‌شود.

gmpPopoverTargetElement
اختیاری
نوع: PopoverElement optional
title
اختیاری
نوع: string optional
به‌ارث‌رسیده: altitudeMode، AlphaautofitsCamera، collisionBehavior، collisionPriority، drawsWhenOccluded، extruded، label، position، sizePreserved، zIndex

کلاس Model3DElement

کلاس google.maps.maps3d.Model3DElement HTMLElement را گسترش می‌دهد Model3DElementOptions را پیاده‌سازی می‌کند
توسط Model3DInteractiveElement گسترش یافته است
کتابخانه "maps3d"

مدل سه‌بعدی که امکان پرداز مدل‌های gLTF را فراهم می‌کند. توجه داشته باشید که position و src باید برای نمایش Model3DElement تنظیم شوند.

ویژگی‌های اصلی 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
مشخص می‌کند ارتفاع در موقعیت چگونه تفسیر می‌شود.
مشخصه HTML: altitude-mode="value-name"
orientation
attr: orientation
نوع ورودی: Orientation3D|Orientation3DLiteral optional
نوع خروجی: Orientation3D optional
چرخش سیستم مختصات مدل سه‌بعدی را برای قرار دادن مدل در «نقشه سه‌بعدی» توصیف می‌کند.

چرخش‌ها به‌ترتیب زیر روی مدل اعمال می‌شوند: چرخش، کج کردن، و سپس جهت.
مشخصه 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
نشانی وب مدل سه‌بعدی را مشخص می‌کند. درحال‌حاضر، فقط مدل‌های با قالب .glb پشتیبانی می‌شوند.

هر نشانی وب HTTP نسبی به نشانی وب مطلق مربوطه تبدیل خواهد شد.

لطفاً توجه داشته باشید که اگر فایل‌های مدل .glb را در وب‌سایت یا سروری متفاوت از برنامه اصلی‌تان میزبانی می‌کنید، حتماً سرایندهای HTTP‏ CORS صحیح را راه‌اندازی کنید. این کار به برنامه شما اجازه می‌دهد به‌طور ایمن به فایل‌های مدل از دامنه دیگر دسترسی داشته باشد.
مشخصه HTML: src="url"
به‌ارث‌رسیده: addEventListener، removeEventListener

میانای Model3DElementOptions

میانای google.maps.maps3d.Model3DElementOptions
گسترش‌یافته توسط Model3DInteractiveElementOptions
پیاده‌سازی‌شده توسط Model3DElement, Model3DInteractiveElement

شیء Model3DElementOptions برای تعریف ویژگی‌هایی استفاده می‌شود که می‌توانند روی Model3DElement تنظیم شوند.

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"

مدل سه‌بعدی که امکان پرداز مدل‌های gLTF را فراهم می‌کند. توجه داشته باشید که position و src باید برای نمایش Model3DElement تنظیم شوند.

ویژگی‌های اصلی 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 پیاده‌سازی شده است

شیء Model3DInteractiveElementOptions برای تعریف ویژگی‌هایی استفاده می‌شود که می‌توانند در Model3DInteractiveElement تنظیم شوند.

به‌ارث‌رسیده: altitudeMode، orientation، position، scale، src

کلاس Polyline3DElement

کلاس google.maps.maps3d.Polyline3DElement HTMLElement را گسترش می‌دهد Polyline3DElementOptions را پیاده‌سازی می‌کند
توسط Polyline3DInteractiveElement گسترش یافته است
کتابخانه "maps3d"

چندخطی سه‌بعدی یک برهم‌گذاری خطی از بخش‌های خطی متصل در نقشه سه‌بعدی است.

<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
مشخص می‌کند مؤلفه‌های ارتفاع در مختصات چگونه تفسیر می‌شوند.
مشخصه 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

شیء Polyline3DElementOptions برای تعریف ویژگی‌هایی که می‌توانند در Polyline3DElement تنظیم شوند استفاده می‌شود.

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"

چندخطی سه‌بعدی یک برهم‌گذاری خطی از بخش‌های خطی متصل در نقشه سه‌بعدی است. برخلاف 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 پیاده‌سازی شده است

شیء Polyline3DInteractiveElementOptions برای تعریف ویژگی‌هایی استفاده می‌شود که می‌توانند در Polyline3DInteractiveElement تنظیم شوند.

به‌ارث‌رسیده: altitudeMode، AlphaautofitsCamera، coordinates، drawsOccludedSegments، extruded، geodesic، outerColor، outerWidth، path، strokeColor، strokeWidth، zIndex

کلاس Polygon3DElement

کلاس google.maps.maps3d.Polygon3DElement HTMLElement را گسترش می‌دهد Polygon3DElementOptions را پیاده‌سازی می‌کند
توسط Polygon3DInteractiveElement گسترش یافته است
کتابخانه "maps3d"

چندضلعی سه‌بعدی (مانند چندخطی سه‌بعدی) مجموعه‌ای از مختصات متصل را در یک توالی مرتب تعریف می‌کند. علاوه‌براین، چندضلعی‌ها یک حلقه بسته تشکیل می‌دهند و یک منطقه پرشده را تعریف می‌کنند.

<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
مشخص می‌کند مؤلفه‌های ارتفاع در مختصات چگونه تفسیر می‌شوند.
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

شیء Polygon3DElementOptions برای تعریف ویژگی‌هایی که می‌توان در Polygon3DElement تنظیم کرد استفاده می‌شود.

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"

چندضلعی سه‌بعدی (مانند چندخطی سه‌بعدی) مجموعه‌ای از مختصات متصل را در یک توالی مرتب تعریف می‌کند. علاوه‌براین، چندضلعی‌ها یک حلقه بسته تشکیل می‌دهند و یک منطقه پرشده را تعریف می‌کنند. برخلاف 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 (مشخصه: autofits-camera)، drawsOccludedSegments (مشخصه: draws-occluded-segments)، extruded (مشخصه: extruded)، fillColor (مشخصه: fill-color)، geodesic (مشخصه: geodesic)، innerPaths، path (مشخصه: path)، strokeColor (مشخصه: stroke-color)، strokeWidth (مشخصه: stroke-width)، zIndex (مشخصه: 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 پیاده‌سازی شده است

شیء Polygon3DInteractiveElementOptions برای تعریف ویژگی‌هایی که می‌توان در Polygon3DInteractiveElement تنظیم کرد استفاده می‌شود.

به‌ارث‌رسیده: 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

شیء FlattenerElementOptions برای تعریف ویژگی‌هایی که می‌توانند در FlattenerElement تنظیم شوند استفاده می‌شود.

innerPaths
اختیاری
FlattenerElement.innerPaths را ببینید.
path
اختیاری
FlattenerElement.path را ببینید.

Label3DElement class

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

نشان‌دهنده برچسب نوشتاری مرتبط با نشانگر سه‌بعدی روی نقشه است که امکان پیکربندی مستقل ویژگی‌هایی مانند رفتار تصادم را فراهم می‌کند.

<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
شمارشی که مشخص می‌کند برچسب 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

شیء Label3DElementOptions برای تعریف ویژگی‌هایی که می‌توان در Label3DElement تنظیم کرد استفاده می‌شود.

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
مشخص می‌کند که مؤلفه ارتفاع موقعیت چگونه تفسیر می‌شود.
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 مرورگر است.
مشخصه 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
حداکثر پهنای popover، صرف‌نظر از پهنای محتوا.
--gmp-popover-min-width
حداقل عرض پنجره بالاپر، صرف‌نظر از عرض محتوا. هنگام استفاده از این ویژگی، اکیداً توصیه می‌شود آن را روی مقداری کمتر از عرض نقشه (به پیکسل) تنظیم کنید.
--gmp-popover-pixel-offset-x
انحراف در محور x، برحسب پیکسل، از نوک پاپ‌اور تا نقطه‌ای روی نقشه که پاپ‌اور در مختصات جغرافیایی آن لنگر انداخته است.
--gmp-popover-pixel-offset-y
انحراف در محور y، برحسب پیکسل، از نوک پاپ‌اور از نقطه‌ای روی نقشه که پاپ‌اور در مختصات جغرافیایی آن لنگر انداخته است.
background-color
رنگ پس‌زمینه پاپ‌اور. برای جزئیات بیشتر، اسناد background-color را ببینید. لطفاً توجه داشته باشید که این ویژگی بر پاپ‌اور پیش‌فرض مکان نیز تأثیر می‌گذارد. از کلاس‌های CSS هدف‌یابی‌شده یا سبک‌های درون‌خطی در بالاپر سفارشی استفاده کنید تا از اعمال سبک به بالاپر مکان پیش‌فرض اجتناب شود.
border-radius
شعاع حاشیه popover. برای جزئیات بیشتر، اسناد border-radius را ببینید. لطفاً توجه داشته باشید که این ویژگی بر پاپ‌اور پیش‌فرض مکان نیز تأثیر می‌گذارد. از کلاس‌های CSS هدف‌یابی‌شده یا سبک‌های درون‌خطی در بالاپر سفارشی استفاده کنید تا از اعمال سبک به بالاپر مکان پیش‌فرض اجتناب شود.
box-shadow
سایه کادر بالاپر. برای جزئیات بیشتر، اسناد box-shadow را ببینید. لطفاً توجه داشته باشید که این ویژگی بر پاپ‌اور پیش‌فرض مکان نیز تأثیر می‌گذارد. از کلاس‌های CSS هدف‌یابی‌شده یا سبک‌های درون‌خطی در بالاپر سفارشی استفاده کنید تا از اعمال سبک به بالاپر مکان پیش‌فرض اجتناب شود.
color-scheme
نشان می‌دهد این بالاپر با کدام آرایش رنگ‌ها می‌تواند ارائه شود. برای جزئیات بیشتر، اسناد color-scheme را ببینید. اگر مشخص نشده باشد، به‌طور پیش‌فرض از اولویت‌های آرایش رنگی کاربر استفاده می‌شود.
padding
لایه‌گذاری بالاپر. برای جزئیات بیشتر، اسناد padding را ببینید. لطفاً توجه داشته باشید که این ویژگی بر پاپ‌اور پیش‌فرض مکان نیز تأثیر می‌گذارد. از کلاس‌های CSS هدف‌یابی‌شده یا سبک‌های درون‌خطی در بالاپر سفارشی استفاده کنید تا از اعمال سبک به بالاپر مکان پیش‌فرض اجتناب شود.
به‌ارث‌رسیده: addEventListener، removeEventListener

میانای PopoverElementOptions

میانا google.maps.maps3d.PopoverElementOptions
پیاده‌سازی‌شده توسط PopoverElement

شیء PopoverElementOptions برای تعریف ویژگی‌هایی استفاده می‌شود که می‌توانند در PopoverElement تنظیم شوند.

altitudeMode
اختیاری
نوع: AltitudeMode optional
PopoverElement.altitudeMode را ببینید.
autoPanDisabled
اختیاری
نوع: boolean optional
lightDismissDisabled
اختیاری
نوع: boolean optional
open
اختیاری
نوع: boolean optional
PopoverElement.open را ببینید.
positionAnchor
اختیاری

ثابت‌های AltitudeMode

ثابت‌ها google.maps.maps3d.AltitudeMode کتابخانه
"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"

برهم‌گذاری دایره سه‌بعدی روی نقشه سه‌بعدی.

<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

شیء CirclePathElementOptions برای تعریف ویژگی‌هایی استفاده می‌شود که می‌توانند در CirclePathElement تنظیم شوند.

center
اختیاری
CirclePathElement.center را ببینید.
radius
اختیاری
نوع: number optional
CirclePathElement.radius را ببینید.