3D Maps

Map3DElement

google.maps.maps3d.Map3DElement

Map3DElement 是 3D 地图视图的 HTML 接口。

自定义元素:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled default-ui-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
设置后,将相机位置限制在指定的纬度/经度范围内。请注意,边界外的对象仍会呈现。边界可以同时限制经度和纬度,也可以仅限制纬度或经度。对于仅限纬度的边界,请分别使用 -180180 的西经度和东经度。对于仅限经度的边界,请分别使用 90-90 的北纬和南纬。
center
以 LatLngAltitude 形式给出的地图中心,其中海拔高度以地面以上米为单位。请注意,这不一定是相机所在的位置,因为 range 字段会影响相机与地图中心的距离。如果未设置,则默认为 {lat: 0, lng: 0, altitude: 63170000}。63170000 米是允许的最大海拔高度(地球半径乘以 10)。
HTML 属性
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultLabelsDisabled
类型:  boolean optional
默认值false
如果值为 true,则不会渲染默认地图标签。
HTML 属性
  • <gmp-map-3d default-labels-disabled></gmp-map-3d>
defaultUIDisabled
类型:  boolean optional
默认值false
如果值为 true,则所有默认界面按钮都会被停用。不会停用键盘和手势控制。
HTML 属性
  • <gmp-map-3d default-ui-disabled></gmp-map-3d>
heading
类型:  number optional
地图的罗盘航向角(以度为单位),正北为零。如果没有倾斜,任何横滚都将被解读为航向。
HTML 属性
  • <gmp-map-3d heading="number"></gmp-map-3d>
maxAltitude
类型:  number optional
地图上显示的最大地面海拔高度。有效值介于 0 米和 63170000 米之间(地球半径乘以 10)。
HTML 属性
  • <gmp-map-3d max-altitude="number"></gmp-map-3d>
maxHeading
类型:  number optional
地图航向(旋转)的最大角度。有效值介于 0 度和 360 度之间。minHeadingmaxHeading 表示一个不超过 360 度的区间,在此区间内将允许使用转头手势。minHeading = 180maxHeading = 90 将允许 [0, 90] 中的标题和 [180, 360] 中的标题。minHeading = 90maxHeading = 180 将允许在 [90, 180] 中添加标题。
HTML 属性
  • <gmp-map-3d max-heading="number"></gmp-map-3d>
maxTilt
类型:  number optional
地图的最大入射角。有效值介于 0 度和 90 度之间。
HTML 属性
  • <gmp-map-3d max-tilt="number"></gmp-map-3d>
minAltitude
类型:  number optional
地图上显示的最低海拔高度(高于地面)。有效值介于 0 米和 63170000 米之间(地球半径乘以 10)。
HTML 属性
  • <gmp-map-3d min-altitude="number"></gmp-map-3d>
minHeading
类型:  number optional
地图朝向(旋转)的最小角度。有效值介于 0 度和 360 度之间。minHeadingmaxHeading 表示一个不超过 360 度的区间,在此区间内将允许使用转头手势。minHeading = 180maxHeading = 90 将允许 [0, 90] 中的标题和 [180, 360] 中的标题。minHeading = 90maxHeading = 180 将允许在 [90, 180] 中添加标题。
HTML 属性
  • <gmp-map-3d min-heading="number"></gmp-map-3d>
minTilt
类型:  number optional
地图的最小入射角。有效值介于 0 度和 90 度之间。
HTML 属性
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
range
类型:  number optional
从相机到地图中心的距离(以米为单位)。
HTML 属性
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
类型:  number optional
相机围绕视图向量的滚转角度(以度为单位)。为消除歧义,在没有倾斜时,任何横滚都将被解读为航向。
HTML 属性
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
类型:  number optional
相机视图向量的倾斜度(以度为单位)。如果视角向量直接向下指向地球,则倾斜角度为零度。指向远离地球方向的视图向量的倾斜角度为 180 度。
HTML 属性
  • <gmp-map-3d tilt="number"></gmp-map-3d>
Beta