کلاس Map3DElement
google.maps.maps3d . Map3DElement
کلاس google.maps.maps3d . Map3DElement
Map3DElement یک رابط HTML برای نمای نقشه سه بعدی است.
عنصر سفارشی:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>
این کلاس HTMLElement
گسترش می دهد.
این کلاس Map3DElementOptions
را پیاده سازی می کند.
با فراخوانی const {Map3DElement} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
سازنده | |
---|---|
Map3DElement | Map3DElement([options]) مولفه های:
|
خواص | |
---|---|
bounds | نوع: LatLngBounds | LatLngBoundsLiteral optional وقتی تنظیم شود، موقعیت دوربین را در محدوده های lat/lng مشخص شده محدود می کند. توجه داشته باشید که اشیاء خارج از محدوده هنوز رندر می شوند. کرانها می توانند هم طول و هم عرض جغرافیایی را محدود کنند، یا فقط می توانند طول یا عرض جغرافیایی را محدود کنند. برای محدوده های فقط عرض جغرافیایی، از طول جغرافیایی غربی و شرقی به ترتیب -180 و 180 استفاده کنید. برای محدودههای فقط طول جغرافیایی، از عرضهای شمالی و جنوبی به ترتیب 90 و -90 استفاده کنید. |
center | نوع: LatLngAltitude | LatLngAltitudeLiteral optional مرکز نقشه به عنوان LatLngAltitude داده می شود، که در آن ارتفاع بر حسب متر از سطح زمین است. توجه داشته باشید که این مکان لزوماً جایی نیست که دوربین قرار دارد، زیرا میدان range بر فاصله دوربین از مرکز نقشه تأثیر می گذارد. اگر تنظیم نشود، پیشفرض روی {lat: 0, lng: 0, altitude: 63170000} پیشفرض میشود. 63170000 متر حداکثر ارتفاع مجاز است (شعاع زمین ضربدر 10). ویژگی HTML:
|
defaultLabelsDisabled | نوع: boolean optional پیش فرض: false وقتی true ، برچسبهای پیشفرض نقشه ارائه نمیشوند. ویژگی HTML:
|
heading | نوع: number optional عنوان قطب نما نقشه، بر حسب درجه، که در آن سمت شمال صفر است. هنگامی که شیب وجود ندارد، هر رول به عنوان عنوان تفسیر می شود. ویژگی HTML:
|
maxAltitude | نوع: number optional حداکثر ارتفاع از سطح زمین که روی نقشه نمایش داده می شود. یک مقدار معتبر بین 0 تا 63170000 متر است (شعاع زمین ضربدر 10). ویژگی HTML:
|
maxHeading | نوع: number optional حداکثر زاویه عنوان (چرخش) نقشه. یک مقدار معتبر بین 0 تا 360 درجه است. minHeading و maxHeading بازهای از <= 360 درجه را نشان میدهند که در آن حرکات عنوان مجاز خواهند بود. minHeading = 180 و maxHeading = 90 اجازه می دهد عنوان در [0, 90] و عنوان در [180, 360] باشد. minHeading = 90 و maxHeading = 180 اجازه می دهد عنوان در [90, 180] قرار گیرد. ویژگی HTML:
|
maxTilt | نوع: number optional حداکثر زاویه تابش نقشه. یک مقدار معتبر بین 0 تا 90 درجه است. ویژگی HTML:
|
minAltitude | نوع: number optional حداقل ارتفاع از سطح زمین که روی نقشه نمایش داده می شود. یک مقدار معتبر بین 0 تا 63170000 متر است (شعاع زمین ضربدر 10). ویژگی HTML:
|
minHeading | نوع: number optional حداقل زاویه عنوان (چرخش) نقشه. یک مقدار معتبر بین 0 تا 360 درجه است. minHeading و maxHeading بازهای از <= 360 درجه را نشان میدهند که در آن حرکات عنوان مجاز خواهند بود. minHeading = 180 و maxHeading = 90 اجازه می دهد عنوان در [0, 90] و عنوان در [180, 360] باشد. minHeading = 90 و maxHeading = 180 اجازه می دهد عنوان در [90, 180] قرار گیرد. ویژگی HTML:
|
minTilt | نوع: number optional حداقل زاویه برخورد نقشه یک مقدار معتبر بین 0 تا 90 درجه است. ویژگی HTML:
|
range | نوع: number optional فاصله دوربین تا مرکز نقشه، بر حسب متر. ویژگی HTML:
|
roll | نوع: number optional چرخش دوربین به دور بردار نما بر حسب درجه. برای رفع ابهامات، هنگامی که شیب وجود ندارد، هر رول به عنوان عنوان تفسیر می شود. ویژگی HTML:
|
tilt | نوع: number optional شیب بردار نمای دوربین بر حسب درجه. بردار نمایی که مستقیماً به زمین نگاه می کند، دارای شیب صفر درجه است. بردار نمایی که به دور از زمین باشد دارای شیب 180 درجه خواهد بود. ویژگی HTML:
|
مواد و روش ها | |
---|---|
addEventListener | addEventListener(type, listener[, options]) مولفه های:
مقدار برگشتی: void تابعی را تنظیم می کند که هر زمان که رویداد مشخص شده به هدف تحویل داده شود فراخوانی می شود. به addEventListener مراجعه کنید |
removeEventListener | removeEventListener(type, listener[, options]) مولفه های:
مقدار برگشتی: void شنونده رویدادی که قبلاً با addEventListener ثبت شده بود را از هدف حذف می کند. removeEventListener را ببینید |
مناسبت ها | |
---|---|
gmp-centerchange | function(centerChangeEvent) استدلال ها:
این رویداد زمانی فعال می شود که ویژگی مرکزی Map3DElement تغییر کند. |
gmp-click | function(clickEvent) استدلال ها:
این رویداد با کلیک روی عنصر Map3DElement فعال می شود. |
gmp-headingchange | function(headingChangeEvent) استدلال ها:
این رویداد زمانی فعال می شود که ویژگی عنوان Map3DElement تغییر کند. |
gmp-rangechange | function(rangeChangeEvent) استدلال ها:
این رویداد زمانی فعال می شود که ویژگی محدوده Map3DElement تغییر کند. |
gmp-rollchange | function(rollChangeEvent) استدلال ها:
این رویداد زمانی فعال می شود که ویژگی رول Map3DElement تغییر کند. |
gmp-steadychange | function(steadyChangeEvent) استدلال ها:
این رویداد زمانی فعال می شود که حالت ثابت Map3DElement تغییر کند. |
gmp-tiltchange | function(tiltChangeEvent) استدلال ها:
این رویداد زمانی فعال می شود که ویژگی شیب Map3DElement تغییر کند. |
رابط Map3DElementOptions
google.maps.maps3d . Map3DElementOptions
رابط google.maps.maps3d . Map3DElementOptions
شی Map3DElementOptions برای تعریف ویژگی هایی که می توان روی Map3DElement تنظیم کرد استفاده می شود.
خواص | |
---|---|
bounds optional | نوع: LatLngBounds | LatLngBoundsLiteral optional Map3DElement.bounds را ببینید. |
center optional | نوع: LatLngAltitude | LatLngAltitudeLiteral optional Map3DElement.center را ببینید. |
defaultLabelsDisabled optional | نوع: boolean optional Map3DElement.defaultLabelsDisabled را ببینید. |
heading optional | نوع: number optional Map3DElement.heading را ببینید. |
maxAltitude optional | نوع: number optional Map3DElement.maxAltitude را ببینید. |
maxHeading optional | نوع: number optional Map3DElement.maxHeading را ببینید. |
maxTilt optional | نوع: number optional Map3DElement.maxTilt را ببینید. |
minAltitude optional | نوع: number optional Map3DElement.minAltitude را ببینید. |
minHeading optional | نوع: number optional Map3DElement.minHeading را ببینید. |
minTilt optional | نوع: number optional Map3DElement.minTilt را ببینید. |
range optional | نوع: number optional Map3DElement.range را ببینید. |
roll optional | نوع: number optional Map3DElement.roll را ببینید. |
tilt optional | نوع: number optional Map3DElement.tilt را ببینید. |
کلاس SteadyChangeEvent
google.maps.maps3d . SteadyChangeEvent
کلاس google.maps.maps3d . SteadyChangeEvent
این رویداد از نظارت بر وضعیت ثابت Map3DElement
ایجاد شده است. این رویداد از طریق درخت DOM حباب می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
خواص | |
---|---|
isSteady | نوع: boolean نشان می دهد که آیا Map3DElement ثابت است (یعنی تمام رندرهای صحنه فعلی تکمیل شده است) یا خیر. |
کلاس ClickEvent
google.maps.maps3d . ClickEvent
کلاس google.maps.maps3d . ClickEvent
این رویداد با کلیک روی یک Map3DElement ایجاد می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {ClickEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
خواص | |
---|---|
position | نوع: LatLngAltitude optional طول/طول جغرافیایی/ارتفاعی که هنگام وقوع رویداد زیر مکان نما قرار داشت. لطفاً توجه داشته باشید که در سطوح درشت تر، داده های دقیق کمتری برگردانده می شود. همچنین، هنگام کلیک کردن روی سطح آب از موقعیتهای بالاتر دوربین، ارتفاع کف دریا ممکن است برای مقدار ارتفاع برگردانده شود. این رویداد از طریق درخت DOM حباب می شود. |
کلاس CenterChangeEvent
google.maps.maps3d . CenterChangeEvent
کلاس google.maps.maps3d . CenterChangeEvent
این رویداد از تغییر مرکز نظارت در Map3DElement
ایجاد شده است. این رویداد از طریق درخت DOM حباب می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {CenterChangeEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
کلاس HeadingChangeEvent
google.maps.maps3d . HeadingChangeEvent
کلاس google.maps.maps3d . HeadingChangeEvent
این رویداد از نظارت بر تغییر عنوان در Map3DElement
ایجاد شده است. این رویداد از طریق درخت DOM حباب می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
کلاس RangeChangeEvent
google.maps.maps3d . RangeChangeEvent
کلاس google.maps.maps3d . RangeChangeEvent
این رویداد از نظارت بر تغییر محدوده در Map3DElement
ایجاد شده است. این رویداد از طریق درخت DOM حباب می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {RangeChangeEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
کلاس RollChangeEvent
google.maps.maps3d . RollChangeEvent
کلاس google.maps.maps3d . RollChangeEvent
این رویداد از نظارت بر تغییر رول در Map3DElement
ایجاد شده است. این رویداد از طریق درخت DOM حباب می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {RollChangeEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
کلاس TiltChangeEvent
google.maps.maps3d . TiltChangeEvent
کلاس google.maps.maps3d . TiltChangeEvent
این رویداد از نظارت بر تغییر شیب در Map3DElement
ایجاد شده است. این رویداد از طریق درخت DOM حباب می شود.
این کلاس Event
گسترش می دهد.
با فراخوانی const {TiltChangeEvent} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
کلاس Polyline3DElement
google.maps.maps3d . Polyline3DElement
کلاس google.maps.maps3d . Polyline3DElement
چند خط سه بعدی یک همپوشانی خطی از بخش های خط متصل روی یک نقشه سه بعدی است.
عنصر سفارشی:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-opacity="number" outer-width="number" stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polyline-3d>
این کلاس HTMLElement
گسترش می دهد.
این کلاس Polyline3DElementOptions
را پیاده سازی می کند.
با فراخوانی const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
سازنده | |
---|---|
Polyline3DElement | Polyline3DElement([options]) مولفه های:
|
خواص | |
---|---|
altitudeMode | نوع: AltitudeMode optional پیش فرض: AltitudeMode.ABSOLUTE نحوه تفسیر اجزای ارتفاع در مختصات را مشخص می کند. ویژگی HTML:
|
coordinates | نوع: Iterable < LatLngAltitude | LatLngAltitudeLiteral | LatLngLiteral > optional دنباله منظم مختصات Polyline. ارتفاع در حالت های خاص نادیده گرفته می شود و بنابراین اختیاری است. |
drawsOccludedSegments | نوع: boolean optional پیش فرض: false مشخص می کند که آیا قسمت هایی از چند خط که می توانند مسدود شوند کشیده شده اند یا خیر. چند خطوط را می توان با هندسه نقشه (به عنوان مثال ساختمان ها) مسدود کرد. ویژگی HTML:
|
extruded | نوع: boolean optional پیش فرض: false مشخص می کند که آیا پلی لاین به زمین متصل شود یا خیر. برای اکسترود کردن چند خط، altitudeMode باید RELATIVE_TO_GROUND یا ABSOLUTE باشد. ویژگی HTML:
|
geodesic | نوع: boolean optional پیش فرض: false وقتی true ، لبههای چندخط به عنوان ژئودزیک تفسیر میشوند و از انحنای زمین پیروی میکنند. هنگامی که false ، لبه های چند خط به صورت خطوط مستقیم در فضای صفحه نمایش داده می شوند. ویژگی HTML:
|
outerColor | نوع: string optional رنگ بیرونی. تمام رنگ های CSS3 پشتیبانی می شوند. ویژگی HTML:
|
outerOpacity | نوع: number optional کدورت بیرونی بین 0.0 و 1.0 . ویژگی HTML:
|
outerWidth | نوع: number optional عرض خارجی بین 0.0 و 1.0 است. این درصدی از strokeWidth است. ویژگی HTML:
|
strokeColor | نوع: string optional رنگ سکته مغزی. تمام رنگ های CSS3 پشتیبانی می شوند. ویژگی HTML:
|
strokeOpacity | نوع: number optional کدورت ضربه بین 0.0 و 1.0 . ویژگی HTML:
|
strokeWidth | نوع: number optional عرض ضربه به پیکسل. ویژگی HTML:
|
zIndex | نوع: number optional zIndex در مقایسه با پلی های دیگر. ویژگی HTML:
|
مواد و روش ها | |
---|---|
addEventListener | addEventListener(type, listener[, options]) مولفه های:
مقدار برگشتی: void تابعی را تنظیم می کند که هر زمان که رویداد مشخص شده به هدف تحویل داده شود فراخوانی می شود. به addEventListener مراجعه کنید |
removeEventListener | removeEventListener(type, listener[, options]) مولفه های:
مقدار برگشتی: void شنونده رویدادی که قبلاً با addEventListener ثبت شده بود را از هدف حذف می کند. removeEventListener را ببینید |
رابط Polyline3DElementOptions
google.maps.maps3d . Polyline3DElementOptions
رابط google.maps.maps3d . Polyline3DElementOptions
شی Polyline3DElementOptions برای تعریف ویژگی هایی که می توانند روی یک Polyline3DElement تنظیم شوند استفاده می شود.
خواص | |
---|---|
altitudeMode optional | نوع: AltitudeMode optional پیش فرض: AltitudeMode.ABSOLUTE به Polyline3DElement.altitudeMode مراجعه کنید. |
coordinates optional | نوع: Iterable < LatLngAltitude | LatLngAltitudeLiteral | LatLngLiteral > optional Polyline3DElement.coordinates را ببینید. |
drawsOccludedSegments optional | نوع: boolean optional پیش فرض: false به Polyline3DElement.drawsOccludedSegments مراجعه کنید. |
extruded optional | نوع: boolean optional پیش فرض: false به Polyline3DElement.extruded مراجعه کنید. |
geodesic optional | نوع: boolean optional پیش فرض: false به Polyline3DElement.geodesic مراجعه کنید. |
outerColor optional | نوع: string optional به Polyline3DElement.outerColor مراجعه کنید. |
outerOpacity optional | نوع: number optional به Polyline3DElement.outerOpacity مراجعه کنید. |
outerWidth optional | نوع: number optional به Polyline3DElement.outerWidth مراجعه کنید. |
strokeColor optional | نوع: string optional به Polyline3DElement.strokeColor مراجعه کنید. |
strokeOpacity optional | نوع: number optional به Polyline3DElement.strokeOpacity مراجعه کنید. |
strokeWidth optional | نوع: number optional به Polyline3DElement.strokeWidth مراجعه کنید. |
zIndex optional | نوع: number optional به Polyline3DElement.zIndex مراجعه کنید. |
کلاس Polygon3DElement
google.maps.maps3d . Polygon3DElement
کلاس google.maps.maps3d . Polygon3DElement
یک چند ضلعی سه بعدی (مانند چند خط سه بعدی) مجموعه ای از مختصات متصل را در یک دنباله مرتب تعریف می کند. علاوه بر این، چند ضلعی ها یک حلقه بسته را تشکیل می دهند و یک منطقه پر شده را تعریف می کنند.
عنصر سفارشی:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" fill-opacity="number" geodesic stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polygon-3d>
این کلاس HTMLElement
گسترش می دهد.
این کلاس Polygon3DElementOptions
را پیاده سازی می کند.
با فراخوانی const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
سازنده | |
---|---|
Polygon3DElement | Polygon3DElement([options]) مولفه های:
|
خواص | |
---|---|
altitudeMode | نوع: AltitudeMode optional پیش فرض: AltitudeMode.ABSOLUTE نحوه تفسیر اجزای ارتفاع در مختصات را مشخص می کند. ویژگی HTML:
|
drawsOccludedSegments | نوع: boolean optional پیش فرض: false مشخص می کند که آیا قسمت هایی از چند ضلعی که می توانند مسدود شوند رسم شده اند یا خیر. چند ضلعی ها را می توان با هندسه نقشه (به عنوان مثال ساختمان ها) مسدود کرد. ویژگی HTML:
|
extruded | نوع: boolean optional پیش فرض: false مشخص می کند که چند ضلعی به زمین متصل شود یا خیر. برای اکسترود کردن یک چند ضلعی، altitudeMode باید RELATIVE_TO_GROUND یا ABSOLUTE باشد. ویژگی HTML:
|
fillColor | نوع: string optional رنگ پر. تمام رنگ های CSS3 پشتیبانی می شوند. ویژگی HTML:
|
fillOpacity | نوع: number optional تیرگی پر بین 0.0 و 1.0. ویژگی HTML:
|
geodesic | نوع: boolean optional پیش فرض: false وقتی true ، لبه های چند ضلعی به عنوان ژئودزیک تفسیر می شوند و از انحنای زمین پیروی می کنند. هنگامی که false ، لبه های چند ضلعی به صورت خطوط مستقیم در فضای صفحه نمایش داده می شوند. ویژگی HTML:
|
innerCoordinates | نوع: Iterable < Iterable < LatLngAltitude | LatLngAltitudeLiteral | LatLngLiteral >> optional دنباله منظم مختصات که یک حلقه بسته را مشخص می کند. برخلاف چند خط، یک چند ضلعی ممکن است از یک یا چند مسیر تشکیل شده باشد که چندین برش در داخل چند ضلعی ایجاد می کند. |
outerCoordinates | نوع: Iterable < LatLngAltitude | LatLngAltitudeLiteral | LatLngLiteral > optional دنباله منظم مختصات که یک حلقه بسته را مشخص می کند. ارتفاع در حالت های خاص نادیده گرفته می شود و بنابراین اختیاری است. |
strokeColor | نوع: string optional رنگ سکته مغزی. تمام رنگ های CSS3 پشتیبانی می شوند. ویژگی HTML:
|
strokeOpacity | نوع: number optional کدورت ضربه بین 0.0 و 1.0 . ویژگی HTML:
|
strokeWidth | نوع: number optional عرض ضربه به پیکسل. ویژگی HTML:
|
zIndex | نوع: number optional zIndex در مقایسه با پلی های دیگر. ویژگی HTML:
|
مواد و روش ها | |
---|---|
addEventListener | addEventListener(type, listener[, options]) مولفه های:
مقدار برگشتی: void تابعی را تنظیم می کند که هر زمان که رویداد مشخص شده به هدف تحویل داده شود فراخوانی می شود. به addEventListener مراجعه کنید |
removeEventListener | removeEventListener(type, listener[, options]) مولفه های:
مقدار برگشتی: void شنونده رویدادی که قبلاً با addEventListener ثبت شده بود را از هدف حذف می کند. removeEventListener را ببینید |
رابط Polygon3DElementOptions
google.maps.maps3d . Polygon3DElementOptions
رابط google.maps.maps3d . Polygon3DElementOptions
شی Polygon3DElementOptions برای تعریف ویژگی هایی که می توانند روی یک Polygon3DElement تنظیم شوند استفاده می شود.
ثابت های AltitudeMode
google.maps.maps3d . AltitudeMode
ثابت های google.maps.maps3d . AltitudeMode
نحوه تفسیر اجزای ارتفاع در مختصات را مشخص می کند.
با فراخوانی const {AltitudeMode} = await google.maps.importLibrary("maps3d")
دسترسی پیدا کنید. کتابخانه ها را در Maps JavaScript API ببینید.
ثابت ها | |
---|---|
ABSOLUTE | اجازه می دهد تا اشیاء را نسبت به میانگین سطح دریا بیان کند. این همچنین به این معنی است که اگر سطح جزئیات زمین در زیر جسم تغییر کند، موقعیت مطلق آن ثابت خواهد ماند. |
CLAMP_TO_GROUND | اجازه می دهد تا اشیاء قرار داده شده بر روی زمین را بیان کند. آنها بدون توجه به ارتفاعی که ارائه می شود، پس از زمین در سطح زمین باقی می مانند. اگر جسم بر روی یک بخش بزرگ از آب قرار گیرد، در سطح دریا قرار می گیرد. |
RELATIVE_TO_GROUND | به بیان اشیاء نسبت به سطح زمین اجازه می دهد. اگر سطح جزئیات زمین تغییر کند، موقعیت جسم نسبت به زمین ثابت خواهد ماند. هنگامی که بیش از آب است، ارتفاع به عنوان یک مقدار در متر بالاتر از سطح دریا تفسیر می شود. |
RELATIVE_TO_MESH | اجازه می دهد تا اشیاء را نسبت به بالاترین سطح زمین + ساختمان + سطح آب بیان کند. هنگامی که بیش از آب، این سطح آب خواهد بود. هنگامی که بر روی زمین است، این سطح ساختمان (در صورت وجود) یا سطح زمین (اگر ساختمان وجود ندارد) خواهد بود. |