Skip to content
ON THIS PAGE

Prism 3d 棱柱

通过该组件可在地图上绘制 3d 棱柱,可以基于位置经纬度,高度,顶面和侧面的颜色、透明度等属性来绘制不规则的棱柱体。

ts
import { Prism } from 'vue3-baidu-map-gl'

示例

静态组件 Props

属性说明类型默认值
isBoundary是否是行政区域的边界多边形boolean false
autoCenter是否自动根据多边形居中地图boolean true
enableClicking是否响应点击事件boolean true

动态组件 Props

属性说明类型可选值默认值
path多边形的坐标数组{ lng: number, lat: number}[]-required
altitude3d 棱柱高度number-required
topFillColor顶面填充颜色string -#fff
topFillOpacity顶面填充颜色透明度number0-1-
sideFillColor侧面填充颜色string-
sideFillOpacity侧面填充颜色透明度number0-1#fff
enableMassClear是否在调用 map.clearOverlays 清除此覆盖物boolean- true

组件事件

事件名说明类型
initd组件初始化后,调用的方法,返回一个地图实例{ map, BmapGL, instance }
unload组件卸载时会调用此方法-
click鼠标左键单击事件的回调函数。 当双击时,产生的事件序列为: click -> click -> dblclick ((e: Event) => void)
dblclick鼠标左键双击事件的回调函数((e: Event) => void)
mousedown鼠标左键在该覆盖物上按下的回调函数((e: Event) => void)
mouseup鼠标左键在该覆盖物上抬起的回调函数((e: Event) => void)
mouseout鼠标指针移出该覆盖物事件的回调函数((e: Event) => void)
mouseover鼠标指针移入该覆盖物事件的回调函数((e: Event) => void)
remove该覆盖物被移除的回调函数((e: Event) => void)
lineupdate覆盖物被编辑后的回调函数((e: Event) => void)

Released under the MIT License.